Recommended minimum of 1080 px in width.įavicons, Logos & Template Images Faviconsįavicons are the little icons found in your browser tab and in your bookmarks. Typically used and supported throughout different social media platforms, landscape ratios are also popular for ‘featured images’ for blog posts and other content. This ratio is typically used in 640 x 480px images for smaller screen sizes or placements, or could be up to 2048 x 1536px for full-screen takeovers. Slightly taller than the 3:2, the 4:3 rectangle was the most common ratio for screen sizes before widescreen monitors became popular. Often used in print or on phones, sized 1080 x 720px. It’s often sized 1920 x 1080px and is used in presentations, widescreen TVs, and landscape images. This is your common website Hero image ratio for standard widescreen sizes. Most commonly sized 1080 x 1080px, square images are great for in-text images, sidebar ads, and Instagram. Identifying the image shape for each section of your site (which ratios should be in play) is a critical first step.

There are different recommendations as to which dimensions you should use for website images, so before you get into a debate about pixels we should come to an agreement on ratios.

Image Size & Page Load Time (Important for SEO).We’ve put together the Ultimate Website Image Sizing Guide based on our most commonly asked questions. Getting the right image, in the right size and format, in the right spot on your webpage is crucial for great web design and a solid end user experience.

Minium resolution for picture sizes