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 it will attract sales. 🤑
Here are some image and video best practices to make your site look awesome!
Table Of Contents:
- Site Logo
- Product Images (and Categories)
- Membership Banner Image
- Bio Section Image
- Social Media Images
- Text, Image, and Column Sections
- Recommended File Formats
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):
Recommended size: 250x50px
Product Images (and Categories)
These will show up as different sizes across Podia:
Sales Page Banner: 445x275px
If you don’t want to upload individual product banner and homepage images, we recommend that you upload a single 900x630px image, which will work in both the product banner and homepage image.
Membership Banner Image
For membership banner images, we recommend an image of 940x270px.
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
Make sure to upload an image that matches your bio section size. We will also help you with this and resize your image to fit into the whole area as well. 😃
Social Media Images
We encourage you to use 1200x630px since this will be how it would be displayed on Facebook.
If you’re not sure how to upload a social media image, here is a step-by-step process.
Thumbnails need to have the same dimensions as the video you’ve uploaded.
Common thumbnail sizes: 1920x1080px or 1280x720px
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
Images uploaded to the text section will automatically resize to max width, but not max height. Other images will resize automatically.
To be sure that your images won't be cut off or distorted, please use the following:
Recommend image size: 560x380px
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.
For this, 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:
- mp4 file
- h.264 codec
- 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. 😃