Images & PDF

Image Sizes for Social Media and the Web in 2026: The Reference Table

One reference table of pixel sizes and aspect ratios for every major platform, plus the safe zones, the retina 2x rule and the file-size targets that keep images sharp and fast.

Image Sizes for Social Media and the Web in 2026: The Reference Table
Photo by ready made on Pexels

Key takeaways

  • Aspect ratio matters more than exact pixels: platforms resize everything, but they crop whatever does not fit the shape they expect.
  • Three shapes cover most of social media: 1:1 square, 4:5 portrait and 9:16 vertical, with 16:9 for YouTube and 1.91:1 for link previews.
  • Keep faces and text inside the safe zone; Stories, Reels and Shorts hide the top and bottom of the frame behind interface controls.
  • For your own website, export images at twice their displayed CSS width so they stay sharp on high-density screens, then compress hard.
  • Platform figures change; the sizes here are correct at the time of writing, but the ratios and safe-zone habits last much longer.

The safest image sizes in 2026 are 1080 by 1080 pixels for square posts, 1080 by 1350 for portrait feed posts, 1080 by 1920 for Stories, Reels and Shorts, 1280 by 720 for YouTube thumbnails, and 1200 by 630 for the Open Graph image that appears when a link is shared. Get the aspect ratio right and keep the important content away from the edges, and every platform will handle the rest. The table below has the full list.

Three rules that cover every platform

Platforms change their specifications often, and exact numbers in any guide age quickly. Three principles do not age, and they explain most of the figures that follow.

Ratio beats resolution. Every platform resizes what you upload; none of them will reshape it for you. If you upload a 16:9 photo where a 4:5 portrait is expected, the platform crops the sides or letterboxes it. Match the ratio first and the pixel count is a secondary concern.

Upload more pixels than the display needs, within reason. Phones have high-density screens that draw two or three device pixels for every layout pixel. A 1080-pixel-wide upload looks crisp on a phone even though the layout is only around 400 points wide. Uploading 4000 pixels wide gains nothing, because the platform will shrink it to its own ceiling anyway, usually 1080 or 1440 pixels, and re-compress it.

Respect the safe zone. Vertical formats overlay a profile name at the top and captions, buttons and a progress bar at the bottom. Cover images are cropped differently on phone and desktop. Anything you care about belongs in the middle of the frame.

The reference table

These figures are correct at the time of writing. Where a platform publishes a recommended size and a minimum, the recommended size is shown. Sizes are width by height in pixels.

Platform and placementSize (px)RatioNotes
Instagram square post1080 x 10801:1Shown slightly cropped in the profile grid
Instagram portrait post1080 x 13504:5Largest feed footprint; grid crops to 3:4
Instagram landscape post1080 x 5661.91:1Smallest in the feed; avoid for key content
Instagram Stories and Reels1080 x 19209:16Keep text out of the top and bottom 250 px
Instagram profile photo320 x 320 minimum1:1Displayed as a circle; upload 1000 x 1000
Facebook feed photo1080 x 1350 or 1080 x 10804:5 or 1:1Link previews use 1200 x 630 instead
Facebook page cover1640 x 6242.63:1Phones crop the sides; desktop crops top and bottom
Facebook profile photo720 x 7201:1Displayed at 170 px on desktop, 128 px on phones
X single image1600 x 90016:9Up to 5 MB; 1200 x 675 also fine
X header1500 x 5003:1Profile photo overlaps the bottom left
X profile photo400 x 4001:1Displayed as a circle
LinkedIn post image1200 x 627 or 1080 x 10801.91:1 or 1:1Square and 4:5 take more feed space
LinkedIn profile photo400 x 400 minimum1:1Upload 1000 x 1000 for sharpness
LinkedIn personal banner1584 x 3964:1Profile photo covers the lower left on desktop
LinkedIn company cover1128 x 1915.9:1Very short; keep it simple
YouTube thumbnail1280 x 72016:9Under 2 MB; duration badge covers the bottom right
YouTube channel banner2560 x 144016:9Only the central 1546 x 423 shows on every device
YouTube Shorts and TikTok1080 x 19209:16Same safe-zone rules as Reels
Pinterest standard pin1000 x 15002:3Taller pins get cut off in the feed
Open Graph (link preview)1200 x 6301.91:1Minimum 600 x 315; keep under 1 MB
Favicon32 x 32 ICO plus 180 x 180 and 512 x 512 PNG1:1Add an SVG for modern browsers
Website hero image1920 x 1080 to 2560 x 144016:9 or widerUnder 250 KB after compression
A phone screen showing social media apps
Photo by Sanket Mishra on Pexels

Instagram: feed, Stories and Reels

Instagram uploads are limited to 1080 pixels wide; anything larger is scaled down. The feed shows three shapes. A square post at 1080 by 1080 is the classic choice. A portrait post at 1080 by 1350 takes up the most screen in the feed, which is why most brands use it. A landscape post at 1080 by 566 is the smallest and is best avoided for anything that needs attention.

Since early 2025 the profile grid has displayed thumbnails at 3:4 rather than square, and Instagram now accepts 3:4 uploads at 1080 by 1440. A 4:5 post loses a sliver at the top and bottom in the grid, and a square post loses more from the sides. Keep the subject centred and this rarely matters, but if your grid is your shop window, consider composing at 3:4.

Stories and Reels share the 1080 by 1920 vertical format. The interface covers roughly the top 250 pixels with the profile name and progress bar, and Reels cover an even larger area at the bottom with the caption, audio label and action buttons. A good working rule is to keep faces, text and logos inside the central 1080 by 1420 area, and anything that must be read inside the middle 1080 by 1200.

A 4000 by 3000 phone photo has a 4:3 ratio. For a 4:5 feed post, crop it to 2400 by 3000 first (a central portrait slice), then scale to 1080 by 1350. Crop before you resize; if you resize first you lose pixels you might have wanted in the crop.

The Image Cropper does that first step. Choose a shape (square, 4:5, 3:4, 9:16, 4:3, 3:2, 16:9 or the 1.91:1 link-preview shape), choose which part to keep (centre, top, bottom, left or right), and it cuts the largest area of that shape from the original at full resolution. For the 4000 by 3000 photo above, 4:5 gives exactly the 2400 by 3000 slice. You can also zoom in, or switch to exact pixels and give the left edge, top edge, width and height yourself.

Facebook and LinkedIn

Facebook feed photos follow the same shapes as Instagram, with 1080 by 1350 and 1080 by 1080 as the dependable choices. Link previews are different: when you paste a URL, Facebook pulls the Open Graph image from the page, and that image should be 1200 by 630. Facebook recompresses everything, often aggressively, so upload a clean, lightly compressed file and let the platform do the rest.

Page covers are the awkward one. The desktop view shows the cover at roughly 820 by 312, while phones show a taller, narrower slice at around 640 by 360. Upload 1640 by 624 and keep logos and text within the middle 1200 pixels horizontally and away from the top and bottom 60 pixels. A plain background with a centred subject survives both crops.

LinkedIn's personal banner is a very wide 1584 by 396 strip. On desktop your round profile photo sits over the lower left corner, so keep text to the right half or the top. Post images work at 1200 by 627 for link-style shares, but a square or 4:5 image gets more vertical space in the feed, exactly as on Instagram. Profile photos should be uploaded at 1000 by 1000 even though the minimum is 400, because the full-size view opens the original.

A designer sketching a website layout on paper
Photo by Tranmautritam on Pexels

X, YouTube and Pinterest

X displays a single image in the timeline at its own aspect ratio within sensible limits, so 16:9 at 1600 by 900 is the standard and 4:5 portrait also works. Posts with two or more images are cropped into a grid, so keep subjects centred. Image uploads are capped at 5 MB at the time of writing. The header is 1500 by 500, and the profile photo overlaps its bottom left corner on both desktop and phone.

YouTube thumbnails are 1280 by 720, under 2 MB, as JPG or PNG. They are shown at anything from 168 pixels wide on a phone to full width on a television, so text must be enormous: three to five words, filling at least a third of the frame. The video duration badge sits in the bottom right corner and the watched-progress bar runs along the bottom edge; keep those clear. The channel banner is 2560 by 1440 but only the central 1546 by 423 is guaranteed to show on every device; phones show little more than that strip.

Pinterest wants tall pins at 2:3, with 1000 by 1500 as the recommended size. Pins taller than 2:3 are truncated in the feed, which cuts off the bottom, so put titles in the top two thirds. Pinterest is one of the few platforms where a larger pixel count helps, because pins are often opened at full size.

The Open Graph image is the picture that appears when your page is shared on Facebook, LinkedIn, X, Slack, WhatsApp, iMessage and most other places that unfurl links. The one size that works everywhere is 1200 by 630 pixels, a 1.91:1 ratio. Smaller images down to 600 by 315 still show, but some platforms switch to a small square thumbnail below that, and square or portrait images get cropped unpredictably.

File size matters more here than people expect. Facebook accepts up to 8 MB, but WhatsApp skips preview images larger than about 300 KB at the time of writing, and X limits card images to 5 MB. Aim for under 200 KB. A 1200 by 630 JPEG at quality 80 is usually 80 to 150 KB; the Image Compressor will get a heavier export there without visible loss. Put the title in the image if you can, because many platforms show it small and the text below is easy to ignore. Once the image is on your server, the Meta Tag Generator builds the Open Graph and X card tags that point to it from a title, description, page address and the full https address of the image, and warns when the title or description runs long.

Favicons are the smallest images on your site and have the longest list of sizes. Modern browsers want a 32 by 32 ICO (which can also carry 16 by 16 and 48 by 48 variants), an SVG for tabs and dark mode, a 180 by 180 PNG for iOS home screens and 192 by 192 plus 512 by 512 PNGs for Android and the web manifest. The Favicon Generator produces every size and the matching HTML tags from one square logo of at least 512 pixels.

Hero images and the retina 2x rule

On your own website you control the display size, so the question becomes: how many pixels do I need to upload for the image to look sharp? The answer is twice the CSS width at which it will be displayed, because high-density screens on phones and most laptops use two device pixels per CSS pixel. This is the 2x rule.

A blog image is displayed 760 CSS pixels wide. On a 2x screen the browser paints it with 1520 device pixels, so a 1520-pixel-wide export is exactly sharp, and 1600 is a comfortable round number. A 760-pixel export looks soft; a 3000-pixel export looks identical to 1600 but weighs three to four times as much.

Full-width hero images are the exception. A 1920 CSS pixel desktop at 2x would want a 3840-pixel image, which is enormous. In practice almost everyone caps hero images at 1920 to 2560 pixels wide, accepts a barely perceptible softness on large 2x monitors, and spends the bytes on a faster page instead. Heroes also need separate crops for phones: a 16:9 desktop hero becomes a thin strip on a portrait phone, so prepare a 4:5 or 1:1 version and serve it with a media query or the picture element.

The Image Resizer handles both jobs: set an exact width such as 1600 to apply the 2x rule, or a percentage when you want to scale a batch down evenly. It runs in your browser, so large originals never need to be uploaded anywhere.

File-size targets and a quick workflow

Pixel dimensions set how sharp an image can be; file size sets how fast it loads and whether a platform accepts it at all. These targets give a comfortable margin under every limit at the time of writing.

UsePlatform limitPractical target
Instagram and Facebook postsLarge, but recompressed heavilyUnder 1 MB, JPEG quality 85
X images5 MBUnder 1 MB
LinkedIn images8 MBUnder 1 MB
YouTube thumbnail2 MBUnder 500 KB
Pinterest pin20 MBUnder 2 MB
Open Graph image300 KB for WhatsApp previewsUnder 200 KB
Website hero imageNone, but it is the largest asset on the pageUnder 250 KB
Website content imageNoneUnder 100 KB
Favicon ICONoneUnder 20 KB

A workflow that reaches these targets every time: export from your editor at the largest size you will need, with no sharpening and light compression. Crop to the target ratio. Resize to the exact pixel size from the reference table, or to 2x the display width for your own site. Compress as JPEG or WebP at quality 80 to 85, or PNG for flat graphics with text. Check the result at 100 per cent zoom, then upload. For platforms that recompress, a clean 1 MB upload produces a better result than a 200 KB upload, because the platform's own encoder has more to work with.

Where to go next. Crop to the right shape first, then scale to any size in the table with the Image Resizer, bring the file under its target with the Image Compressor, and build every favicon size at once with the Favicon Generator. All three run in your browser and nothing is uploaded.

Frequently asked questions

What is the best image size for Instagram in 2026?

For feed posts, 1080 by 1350 pixels (a 4:5 portrait) gives the most screen space and is the choice most brands use. Square posts at 1080 by 1080 remain fine, and Instagram now also accepts 3:4 posts at 1080 by 1440 to match the profile grid. Stories and Reels use 1080 by 1920. Instagram scales anything wider than 1080 pixels down, so uploading larger files gains nothing.

What size should an Open Graph image be?

Use 1200 by 630 pixels, a 1.91:1 ratio, and keep the file under 200 KB. That size displays correctly on Facebook, LinkedIn, X, Slack, iMessage and WhatsApp. The minimum that still shows a large preview is 600 by 315. Keep text and logos away from the edges, because some apps crop the preview to a square or round the corners, and put the title in the image because the caption below is often tiny.

What is the correct YouTube thumbnail size?

YouTube thumbnails should be 1280 by 720 pixels, a 16:9 ratio, saved as JPG or PNG under 2 MB. The minimum width is 640 pixels. Because thumbnails are shown as small as 168 pixels wide on phones, use very large text of three to five words and a single clear subject. Keep the bottom right corner clear, since the video duration badge is drawn there.

Why do my images look blurry on phones but sharp on my laptop?

Most phones and many laptops have high-density screens that draw two or three device pixels for every CSS pixel. An image exported at exactly its display width is stretched across twice as many physical pixels and looks soft. Export at twice the display width, so a 700-pixel-wide image on the page should be 1400 pixels in the file. For full-width hero images, 1920 to 2560 pixels is a sensible compromise.

How big should a website hero image be?

Export a desktop hero at 1920 to 2560 pixels wide in a 16:9 or wider ratio, and compress it to under 250 KB as JPEG or WebP. A separate 4:5 or square crop for phones avoids serving a thin strip of the photo on portrait screens. Hero images are usually the heaviest asset on a page, so compressing them to quality 70 to 80 is worth the small loss of detail.

Does uploading a larger image give better quality on social media?

Only up to the platform ceiling, which is usually 1080 pixels wide for Instagram and Facebook and around 1600 to 2048 for X and LinkedIn. Beyond that the platform scales the image down and re-encodes it, so extra pixels are wasted. What does help is uploading a clean, lightly compressed file at the recommended size, because the platform re-compresses whatever you give it and a good source produces a better result.

Try the tools from this guide

Keep reading

Related guides

All guides