Adding images and videos can make all the difference when it comes to building a good-looking storefront. The more professional your digital products look, the more it will attract sales. 🤑

Here are some image and video best practices to make your storefront look awesome!

Images

Storefront Logo

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 storefront, 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: 50px height

Product Images

These will show up as different sizes across Podia:

Storefront: 450x315px

Sales Page Banner: 445x275px

If you don’t want to upload individual product banner and storefront images, we recommend that you upload a single 900x630px image, which will work in both the product banner and storefront image.

Membership Banner Image

For membership banner images, we recommend an image of 940x270px.

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

Thumbnails need to have the same dimensions of the video you’ve uploaded.

Common thumbnail sizes: 1920x1080px or 1280x720px

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 website to load a bit slower.

For this, we recommend you to use TinyPNG to reduce your file sizes.

Videos

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.

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. 😃

Did this answer your question?