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:


IMAGES

Site Logo

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.


Membership Promo Image

Recommended size: 1280x368px


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.


Thumbnails

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

Common thumbnail sizes: 1920x1080px or 1280x720px


Background Images

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:

400x400px

900x630px

780x1185px


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.

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

Did this answer your question?