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:Site LogoProduct & Banner Images (and categories)Community Banner & Topic ImagesBio Section ImageSocial Media ImagesBackground imagesThumbnailsText, Image, and Column SectionsRecommended File FormatsVideosImagesSite LogoRecommended size: 250x50pxLogos 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 ImagesRecommended size: 900x630pxNote: this is also the recommended size for category images.Community 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.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.Social 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 ThumbnailsThumbnails need to have the same dimensions as the video you’ve uploaded.Common thumbnail sizes: 1920x1080px or 1280x720pxBackground 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 SectionsThere 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:400x400px900x630px780x1185pxRecommended 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's size, we recommend you to use TinyPNG to reduce your file sizes.VIDEOSVideo 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 fileh.264 codec5,000–8,000 kbps target bitrateIndividual 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 hello@podia.com or click on the icon at the bottom right to chat.