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.In this article:SiteSite LogoProduct & Banner Images (and categories)Bio Section ImageBackground imagesText, Image, and Column SectionsBlogFeatured Image & Social ImageCommunityCommunity Banner & Topic ImagesEmailEmail imagesMiscSocial Media ImagesVideo ThumbnailsRecommended File FormatsSiteSite LogoRecommended size: 250x50pxMake 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 ImagesRecommended size: 900x630pxNote: this is also the recommended size for category images.Bio Section ImageYour "Bio" Image will depend on the type of layout you choose. Here are our recommended sizes:Classic - 300x300 pxMinimal - 600x600 pxModern - 460x580 pxPro 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 ImagesRecommended size: at least 1920x1080 pxBackground 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 SectionsRecommend image sizes:400x400px900x630px780x1185pxThere 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:BlogFeatured Image & Social ImageRecommended size: 1200 x 630 px
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px '.SF NS'; color: #0e0e0e}
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.CommunityCommunity Banner & Topic ImagesRecommended size: 1200x400pxNote: 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.EmailEmail imagesRecommended size: 640px wideIncluding 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.MiscSocial Media ImagesRecommended size: 1200x630px minimumIf 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 ThumbnailsCommon thumbnail sizes: 1920x1080px or 1280x720pxThumbnails 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 FormatsImage 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 SizesSometimes 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.If you have questions or need help, email us at hello@podia.com or click on the purple help icon at the bottom right to send us a message