# Image Size Cheat Sheet: OG, Favicon, Social Media

[Home](/)

[Guides](/#guides)

PixSquish Guides · Published July 2026 · Reviewed August 2026

![Empty picture frames of different aspect ratios arranged on a wall, one red frame among them](https://pixsquish.com/wp-content/themes/pixsquish/assets/img/article-sizes.webp)

Nobody remembers these numbers; everybody googles them monthly. Bookmark this page instead.

## Link previews (Open Graph)

| Use | Size | Notes |
| --- | --- | --- |
| OG image | 1200 × 630 | The 1.91:1 preview card on every major platform |
| Twitter/X large card | 1200 × 628 | Same asset works fine |

One 1200×630 image under ~300 KB covers link sharing everywhere. Crop to the exact ratio with the [cropper’s OG preset](/crop/).

## Favicons & app icons

| File | Size | Where it shows |
| --- | --- | --- |
| favicon.ico | 16+32+48 | Browser tabs, bookmarks, legacy |
| favicon-32.png | 32 × 32 | Standard tab icon |
| apple-touch-icon.png | 180 × 180 | iOS home screen |
| icon-192 / icon-512 | 192 / 512 | Android, PWA manifest |

Generate the whole set from one square image with the [favicon generator](/favicon/). The dedicated [favicon size guide](/articles/favicon-size-guide/) explains which files a normal site needs and which sizes only matter for installable PWAs.

## Social platforms

| Platform | Asset | Size |
| --- | --- | --- |
| Instagram | Feed square / portrait | 1080×1080 / 1080×1350 |
| Instagram / TikTok | Story, Reel | 1080 × 1920 |
| YouTube | Thumbnail | 1280 × 720 |
| YouTube | Channel banner | 2560 × 1440 |
| X (Twitter) | Header | 1500 × 500 |
| LinkedIn | Post image | 1200 × 627 |

## Web page images

- **Content/blog images:** 1200 px wide is plenty; serve WebP.

- **Full-width hero:** 1920 px wide covers desktop; 2560 only if you must.

- **Thumbnails:** render size × 2 for high-DPI screens.

Phone photos are typically 4000+ pixels wide — far more than any of these targets. [Resize](/resize/) first, then [compress](/compress/): the two steps together routinely cut 90% of the file size with zero visible loss — the full recipe is in [reduce image file size in 3 steps](/articles/reduce-image-file-size-for-web/).

## Standards and references

- [Open Graph protocol](https://ogp.me/)

- [Apple app icon guidance](https://developer.apple.com/design/human-interface-guidelines/app-icons)

- [YouTube thumbnail guidance](https://support.google.com/youtube/answer/72431?hl=en)