Social Banner Safe-Zone Previewer
Upload a banner design once and see exactly how X, LinkedIn, YouTube, Facebook, and Twitch will actually crop it — including where your own profile photo overlaps the corner. Everything renders in your browser; nothing is ever uploaded anywhere.
What it checks
- Six platforms in one tool — X header, LinkedIn personal cover, LinkedIn Company Page banner, YouTube channel art, Facebook Page cover, and Twitch channel banner. Most safe-zone tools only cover one platform at a time.
- Real profile-photo overlap preview — drop in your own photo and see it sit in the actual dead-zone corner, instead of a generic gray placeholder circle.
- Adjustable overlay opacity — dial the safe-zone highlight up or down instead of a fixed, unreadable box.
- Guaranteed-safe crop view — a second mode that shows only the pixels that are actually guaranteed visible on every device, not just a box drawn over the full image.
- 2x / retina export — download at native size or doubled resolution for sharper display.
- Metadata stripped automatically — every export is freshly re-encoded from the canvas, so EXIF/location data from the original file never makes it into the download. No separate step, no toggle to remember.
- No account, no watermark — the whole thing is free, forever, same as every tool on this site.
Platform sizes at a glance
| Platform | Canvas size | Ratio | Known risk area |
|---|---|---|---|
| X (Twitter) header | 1500 × 500 px | 3:1 | Avatar overlaps ~220×220px, bottom-left. Minimum accepted upload: 600×200px. |
| LinkedIn personal cover | 1584 × 396 px | 4:1 | Only the central 1350×220px is guaranteed visible across devices. |
| LinkedIn Company Page banner | 1128 × 191 px | 6:1 | A completely different spec from the personal cover — don’t reuse that asset here. |
| YouTube channel art | 2560 × 1440 px | 16:9 | Only the centered 1546×423px “TV-safe” zone is guaranteed visible on every device. |
| Facebook Page cover | 820 × 461 px | ~1.8:1 | Avatar overlaps the bottom-left corner; commonly-cited mobile-safe zone is 640×360px (sources vary more here than any other platform). |
| Twitch channel banner | 1200 × 480 px | 2.5:1 | No official spec — keep text away from the top/bottom ~90px as general guidance. |
How to use it
- Pick your platform from the dropdown.
- Drop in your banner design (PNG, JPG, or WebP).
- Optionally drop in your profile photo to see the real overlap, not a placeholder.
- Switch between “Full canvas” and “Guaranteed-safe crop” to see what actually survives on every device.
- Download the clean banner, or the version with the safe-zone guide baked in if you’re handing it off to a designer.
Related tools
If your banner needs more prep before it’s ready to check:
- Crop — freeform or fixed-ratio crop with a live preview
- Resize — resize by exact pixels, percentage, or longest edge to hit a platform’s canvas size
- Round corners — round the corners of profile photos before checking the overlap
- Color picker — pull a palette or check contrast before you finalize the design
- Compress — re-encode to hit a platform’s upload size limit
- Format converter — convert to the file type a platform expects