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:

IMAGES

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

Product Images

These will show up as different sizes across Podia:

Homepage: 450x315px

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

Bio Background Image: we don't have a standard image size for the Bio background image at this point. Mainly, it should depend on how big your bio section is.

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

Thumbnails need to have the same dimensions as 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 site 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?