Adding images and videos can make all the difference when it comes to building a good-looking site. The more professional your digital products look, the more they will attract sales. 🤑
This guide will help you get started with some recommendations when it comes to image & video sizes and formats.
In this article:
Recommended size: 250x50px
Logos on Podia have a max height of 50px, which means they won’t show up bigger than that. Your logo image will be capped at a max height of 50px, and its width will be adjusted accordingly.
Make sure you remove all extra and unnecessary white spaces at the top and/or sides of your logo as well. You can crop it to ensure you’ll get the best space usage:
When it comes to uploading a logo to your site, make sure it is clear, only contains your main information, and that it contrasts well with your background.
We recommend only having your brand name as your logo as something with smaller text may be harder to see so it is best to keep it simple and easy to read. (Here’s a great example by Innogyzer):
Product Banner Image
Recommended size: 900x630px
Note: this is also the recommended size for category images.
Community Banner & Topic Images
Recommended size: 1800x400px
Note: you may experience your image being cropped based on the device you're viewing it from. If you would like see the majority of your image across all devices, try creating a 1800x400px design and centering it on a 1800x1800px background (typically a solid color) and uploading it as your image! 🎉
We use a technique called “cover”, which means we won’t change the aspect ratio of the image during resize. The way your image looks will vary based on what device your customers are using to access your community.
Bio Section Image
Your "Bio" Image will depend on the type of layout you choose. Here are our recommended sizes:
Classic - 300x300 px
Minimal - 600x600 px
Modern - 460x580 px
Pro tip: You can upload just one image and it should adjust accordingly. If it doesn’t, make sure you use the recommended size for the specific layout of your choice.
Social Media Images
Recommended size: 1200x630px minimum
If you’re not sure how to upload a social media image, here is a step-by-step process. If it is a returning a File type not accepted error, try adjusting the size to exactly the recommendation above 👆🏻
Thumbnails need to have the same dimensions as the video you’ve uploaded.
Common thumbnail sizes: 1920x1080px or 1280x720px
Recommended size: at least 1920x1080 px
Background images are optimized no matter their dimensions. We’ll resize images to 1920 x 1080, but honor the original aspect ratio. Images must be 5MB or less.
Text, Image, and Column Sections
There are no recommended sizes for these sections. You can use your creativity and we should accept pretty much any images you upload!
If you’re having trouble and would like an extra hand when it comes to designing your site, here are a few different image dimensions you could use:
Recommend image sizes:
Recommended File Formats
Image file extensions that work well for your site are .jpg, .png, or .gif files.
If you have a different file extension, you can always use a free online conversion tool to easily convert it into one of our recommended files (Convertio is a free and easy online tool for that).
Reducing Images File Sizes
Sometimes your image file sizes can be too big, which may cause your site to load a bit slower. We recommend keeping them at 5MB or smaller.
If you need to reduce your image's size, we recommend you to use TinyPNG to reduce your file sizes.
Video lessons can be a great way to engage your customers and teach things that wouldn’t be possible with other formats. 📹
When it comes to online learning, you’ll want to make sure your files are optimized for the web. You’d need to keep its quality as well as have adequate file size for students that don’t have a strong internet connection. We encourage you to keep individual videos under 1 GB for faster uploading/processing.
You can reduce file size without compromising its quality by compressing your videos. We suggest using a free and easy compression tool like Handbrake.
You can find a tutorial of how to use Handbrake here! 📚
The following specs will give you the best quality-size ratio when it comes to e-learning and online courses.
Suggested upload standards:
5,000–8,000 kbps target bitrate
Individual file size around 1GB (for faster upload/processing)
Video resolution: 1280x720 (HD) or 1920x1080 (FULL HD)
If you have questions or need help, email us at [email protected] or click on the icon at the bottom right to chat. 😃