How to Resize Images for Social Media, Email, and Web

Every platform that accepts images has its own rules about what size those images should be. Instagram crops square posts to 1080x1080 pixels. LinkedIn compresses profile photos that are the wrong proportions. A website hero image that looks fine at 1920 pixels wide loads slowly on a phone because it is ten times larger than what the screen can display. An email signature image that looked fine in Outlook appears blown-up and pixelated in Apple Mail because the two clients render images at different scales.

The problem is not that image sizing is complicated - the math is simple. The problem is that the correct dimensions are different for every platform and every use case, and no single tool tells you all of them. This guide covers the recommended dimensions for the most common platforms, explains how aspect ratios work so you can figure out dimensions yourself, and walks through the fastest way to resize a batch of images without distorting them.

How Image Dimensions and Aspect Ratios Work

An image's dimensions are described in pixels: width first, then height. A 1200x630 image is 1200 pixels wide and 630 pixels tall. The aspect ratio is the relationship between those two numbers - 1200:630 simplifies to approximately 1.9:1. Aspect ratio is more useful than raw dimensions because it tells you the shape of the image, which stays constant even when you resize.

When you resize an image while keeping the aspect ratio locked, you are scaling both dimensions by the same factor. A 1200x630 image scaled to half size becomes 600x315 - the same shape, just smaller. If you resize without locking the aspect ratio, you can make the image any dimensions you want, but if the new dimensions have a different aspect ratio, the image will be stretched horizontally or vertically, which usually looks wrong immediately.

The practical implication: if you have a landscape photo (wider than tall) and a platform needs a square image, you cannot simply resize - you need to crop as well. Resizing alone cannot change the shape of an image without distortion. Cropping cuts away part of the image so the remaining portion is the right shape. Which part gets cut is the creative decision you need to make.

Instagram Image Sizes

Instagram supports three post formats, each with a different aspect ratio. Square posts are 1:1, ideally 1080x1080 pixels. Landscape posts are 1.91:1, ideally 1080x566 pixels. Portrait posts are 4:5, ideally 1080x1350 pixels - and portrait is actually the format that takes up the most vertical space in the feed, which is why many creators prefer it for engagement.

Instagram Stories and Reels use a 9:16 vertical format, ideally 1080x1920 pixels. This is the full phone-screen ratio in portrait orientation. Content placed in the top and bottom 250 pixels may be hidden by the UI, so keep any text or important visual elements within the center 1080x1420 pixel safe zone.

Profile pictures on Instagram are displayed as circles, so the actual content of a square photo that extends to the corners is cropped away. Instagram profile photos are stored at 320x320 pixels, but uploading at 1080x1080 ensures it looks sharp on high-DPI screens.

Facebook Image Sizes

Facebook's image size recommendations change more frequently than most platforms, but the reliable standards are: feed posts at 1200x630 pixels (1.91:1 ratio), which is also the size Facebook uses when it generates a preview from a shared link. Cover photos are 820x312 pixels on desktop and 640x360 on mobile - since Facebook crops the sides on mobile, keep important content centered and away from the edges.

Facebook Stories use the same 9:16 vertical format as Instagram Stories: 1080x1920 pixels with the same safe zone caveat. Profile photos are displayed at 176x176 on desktop and 36x36 in comments, so uploading a high-resolution square image (minimum 320x320) ensures it looks sharp at every size.

Event cover images on Facebook are 1920x1005 pixels, though they are displayed at 470x174 on desktop - the extra resolution is used on high-DPI screens. For shared link previews specifically, 1200x630 is the size Facebook expects via the og:image meta tag, and images that are not this ratio get cropped automatically, sometimes cutting off the wrong part.

LinkedIn Image Sizes

LinkedIn is primarily used on desktop, which affects how its image sizes are calibrated. Personal profile photos should be at least 400x400 pixels and square - LinkedIn displays them as circles at various sizes. Company logo images are 300x300 pixels. Cover images for personal profiles are 1584x396 pixels (a wide 4:1 banner ratio).

For posts, LinkedIn recommends 1200x627 pixels for images shared in the feed, which is very close to the 1.91:1 ratio used by Facebook and Twitter. Document posts - PDFs shared as carousels - display at a 4:3 ratio, so 1080x810 or 1200x900 are sensible dimensions for slides intended for LinkedIn document posts.

Twitter / X Image Sizes

Images attached to posts on Twitter / X are displayed in a 16:9 crop in the feed, even if the original image is a different ratio. The platform shows a preview cropped to approximately 600x335 pixels in the timeline, and the full image opens when you click it. To avoid having the wrong part of the image cropped in the preview, either compose your image with the main subject centered in the 16:9 area, or use an image that is already 16:9 (1200x675 is the recommended size).

Profile photos on Twitter / X are displayed as circles and stored at 400x400 pixels. Header images are 1500x500 pixels - a 3:1 ratio. As with Facebook cover photos, mobile displays may crop the sides, so center the important content.

Website and Blog Image Sizes

Website images do not have a single universal standard because every site layout is different, but a few rules of thumb apply to most cases.

Hero images - the large banner images at the top of a page - are typically 1920x1080 pixels (16:9) or 1920x600 pixels for a shorter banner. The full-width dimensions ensure the image fills the viewport on a large monitor without being upscaled. However, serving a 1920-pixel image to a mobile screen that is only 390 pixels wide wastes bandwidth - responsive image handling in the site's code (using srcset or an image optimization service) handles this automatically on most modern platforms.

Blog post featured images are typically 1200x630 (matching the og:image standard), which ensures they look good as social media previews when the post is shared. Post thumbnails in listing pages are usually smaller, often 600x400 or 800x450, depending on the layout.

Product images for e-commerce sites are typically square (1:1 ratio) and at least 800x800 pixels. Amazon requires product images to be at least 1000 pixels on the longest side to enable the zoom feature, and many other platforms have similar minimum size requirements for zoom functionality.

Email Signature and Newsletter Images

Email images have a specific constraint that website images do not: many email clients block images by default and display them only when the recipient approves them. Images should not carry essential information that cannot also be conveyed as text. That said, when images do load, they need to be the right size.

Email newsletter content images should be no wider than 600 pixels, which is the standard column width for HTML emails. A 600-pixel-wide image fills the content area without overflowing. If you are using a 2x resolution image for retina screens (which is a good practice), the image file should be 1200 pixels wide but set to display at 600px in the HTML.

Email signature logos are typically 200-300 pixels wide and whatever height maintains the correct aspect ratio. Going much larger than this makes the signature feel heavy and intrusive. Keep email signature images in JPG format for photos and PNG for logos with transparent backgrounds.

How to Resize Without Distortion

The three approaches to making an image fit a specific size requirement each have different trade-offs.

Scale with aspect ratio lock makes the image fit within the target dimensions while maintaining its proportions. If the image is 1600x1000 and you want it to be 800x800, scaling with aspect ratio lock will produce an 800x500 image - it fits the width but is shorter than the target height. This avoids distortion entirely but may not fill the target dimensions exactly. Good for thumbnails and preview images where the exact height is flexible.

Crop to exact dimensions cuts the image to precisely the size you need. A 1600x1000 image cropped to 800x800 removes 200 pixels from the top and bottom (or wherever the crop is centered). The result fills the target exactly but some of the original image is lost. This is the right approach when the platform requires exact dimensions, like Instagram square posts. The crop tool lets you drag to select exactly which part of the image to keep.

Resize to exact dimensions ignores the aspect ratio and forces the image into the target size. A 1600x1000 image forced to 800x800 will look slightly squashed vertically. This is almost never what you want for photos or graphics with recognizable shapes. The only case where it makes sense is for abstract patterns or backgrounds where proportional distortion is not visible.

Batch Resizing for Multiple Platforms

If you regularly produce content for several platforms, the most efficient approach is to start with the largest version you will need - typically a high-resolution 1920x1080 or 1200x630 - and create smaller versions from that. Starting from a large file and scaling down preserves more detail than starting from a small file and scaling up. Upscaling adds pixels by interpolation and always produces a softer, blurrier result than downscaling from a higher-resolution original.

For a batch of images that all need to be the same target size - say, 80 product photos that all need to be 1080x1080 for an Instagram campaign - a bulk resizer that handles all 80 at once and outputs a ZIP file saves significant time over doing each file individually.

After resizing, also consider file size. A 1080x1080 image at full PNG quality might be 2-3 MB, which is too large for fast loading on a website. Running the resized images through the image compressor or converting them to WebP with the JPG to WebP converter can reduce them to 200-400 KB without visible quality loss at normal display sizes.

A Quick Reference for the Most Common Sizes

To summarize the most frequently needed dimensions: Instagram square post - 1080x1080; Instagram portrait post - 1080x1350; Instagram Story or Reel - 1080x1920; Facebook feed post - 1200x630; Facebook cover photo - 820x312; LinkedIn personal cover - 1584x396; LinkedIn post image - 1200x627; Twitter / X post image - 1200x675; website hero - 1920x1080; blog post featured image - 1200x630; email newsletter content image - 600px wide; product image minimum - 1000x1000.

These dimensions are starting points. Many platforms accept images that are larger than the recommended size and scale them down automatically. The main risk of going too small is pixelation; the main risk of going too large is slow load times and occasionally the wrong part of the image being cropped in a thumbnail preview.

All the image tools on FlipCaps run in your browser, so resizing a batch of images for a social media campaign takes seconds rather than minutes. Visit the image tools page to see everything available, including the resizer, compressor, format converters, and crop tool.