Adding images can make all the difference when it comes to building a good-looking site or crafting emails.
This guide will help you get started with some recommendations when it comes to image sizes and formats.
Podia lets you change the width and aspect ratio of images on your site and emails.
Recommended sizes of this article are not strict rules but rather guidelines to help you get started.
Site
Site Logo
Recommended size: 250x50px
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 Images
Recommended size: 900x630px
Note: this is also the recommended size for category images.
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.
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
Recommend image sizes:
400x400px
900x630px
780x1185px
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:
Blog
Featured Image & Social Image
Recommended size: 1200 x 630 px
The ideal size for a blog featured image is 1200 x 630 pixels. This size works well with most blog layouts and is also perfect for social media sharing.
Community
Community Banner & Topic Images
Recommended size: 1200x400px
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 1200x400px design and centering it on a 1200x1200px 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.
Email images
Recommended size: 640px wide
Including images in your broadcasts or campaigns adds appealing visuals to your emails, encouraging subscribers to take action and making your content more attractive.
To ensure better compatibility across various devices, we recommend using images that are 640px wide in your emails, though this isn't a strict requirement.
Any images you add to your emails will automatically adjust to match the width settings of your email. You can also adjust your email images' width directly from our email builder.
Misc
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 👆🏻
Video Thumbnails
Common thumbnail sizes: 1920x1080px or 1280x720px
Thumbnails need to have the same dimensions as the video you’ve uploaded.
Common thumbnail sizes are 1920x1080px or 1280x720px, but make sure to match your video dimensions if you're uploading videos using different dimensions.
Recommended File Formats
Image file extensions that work well for your site are .jpg, .png, .webp and .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 size, we recommend you use TinyPNG to reduce your file sizes.
Still need help? If you have questions or need help, email us at [email protected] or click on the chat icon to send us a message 😃