Banner Fitter With Safe-Zone Preview

Choose a picture, pick the platform, then drag and zoom it until the important part sits inside the marked safe zone. Download gives a file at the exact size: 2560 x 1440 for a YouTube banner, 1512 x 256 for a LinkedIn Page cover, 851 x 315 for Facebook and 1500 x 500 for X.

Export sizes used by this tool (as of October 2026)
BannerExport sizeSource
YouTube channel banner2560 x 1440 pxYouTube Help (minimum 2048 x 1152)
LinkedIn Page cover1512 x 256 pxLinkedIn Help
LinkedIn profile background1584 x 396 pxWidely used; not stated in LinkedIn Help
Facebook cover851 x 315 pxFacebook Help
X header1500 x 500 pxX Help

Updated

Size tables tell you the pixels but not what disappears on a phone or behind a profile photo. Here the overlays show it while you position the image. Solid outlines are areas a platform documents; dashed outlines are our estimates and are labelled as such. Your picture is drawn on a canvas in this tab and never uploaded.

Fit your banner

Your picture is drawn by your browser only. Nothing is uploaded.

Pick an image to start. Until then a sample gradient shows the frame and zones.

  • Solid outline: documented by the platform
  • Dashed outline: our estimate

Every overlay in this tool

Coordinates are in pixels of the exported file. Rows marked estimate are not published by the platform.

Overlay boxes (x, y, width, height)
BannerOverlayBoxStatus
YouTube channel banner, 2560 x 1440Safe area for text and logos (YouTube's figure)508, 509, 1544, 423Documented
YouTube channel banner, 2560 x 1440Band shown on computers and phones (approximate)0, 509, 2560, 423Estimate
LinkedIn Page cover, 1512 x 256Keep key details near the centre (approximate area)302, 0, 908, 256Estimate
LinkedIn profile background, 1584 x 396Keep key details near the centre (approximate area)317, 0, 950, 396Estimate
Facebook cover, 851 x 315Shown on phones at 2.4:1 (crop position approximate)48, 0, 756, 315Estimate
Facebook cover, 851 x 315Profile picture overlaps about 40 px here (position approximate)48, 275, 756, 40Estimate
X header, 1500 x 500Profile photo covers this corner (approximate)40, 333, 335, 335Estimate

How the export keeps the exact size

Cover-fit an image into a fixed canvas

The scale never drops below the value that fills the frame, so the export has no empty edges. offsetX and offsetY come from dragging.

function drawBanner(img, W, H, zoom, offsetX, offsetY) {
  const canvas = document.createElement("canvas");
  canvas.width = W;
  canvas.height = H;
  const base = Math.max(W / img.width, H / img.height);
  const s = base * zoom;
  const dw = img.width * s, dh = img.height * s;
  const x = Math.min(0, Math.max(W - dw, (W - dw) / 2 + offsetX));
  const y = Math.min(0, Math.max(H - dh, (H - dh) / 2 + offsetY));
  canvas.getContext("2d").drawImage(img, x, y, dw, dh);
  return canvas;
}

Why one YouTube banner looks so different on each screen

YouTube uses the same file on computers, phones and TVs, and each shows it differently. YouTube's help says the banner fills the screen on larger devices and is cropped in some views; in practice those cropped views keep a short horizontal band across the middle.

That is why the safe area is so small compared with the canvas: everything outside it is decoration that some viewers will never see.

Where the measurements come from

Export sizes come from each platform's help pages, linked in the table above where they exist. For every other size, including the full set of post and profile images, see our social media image sizes reference instead of this page.

How it works

  1. Pick an image. A wide photo with space around the subject gives the most room to work.
  2. Choose the banner type. The frame changes to that platform's shape and the overlays appear.
  3. Drag the picture to move it and use the zoom slider to scale it. It always covers the full frame, so no empty edges appear.
  4. Download PNG or JPEG. Overlays are only a guide on screen and are not drawn into the file.

Tips

  • Put your channel name or logo inside the YouTube safe area: it is the only part shown on every device.
  • Keep faces and text away from the lower left on X and LinkedIn profiles, where the profile photo sits.
  • Start from an image at least as large as the export. Zooming a small picture past 100 percent makes it soft.
  • Re-upload after a redesign rather than editing on the platform, so every device crops the same master file.

Frequently asked questions

What size is a YouTube banner?

YouTube recommends 2560 x 1440 pixels, with a minimum upload of 2048 x 1152 at 16:9 and a file of 6 MB or smaller. Text and logos belong inside the 1235 x 338 safe area measured at the minimum size, which this tool scales to the larger export.

What size is a LinkedIn banner?

For a company Page, LinkedIn's help gives 1512 x 256 pixels as both the minimum and recommended cover size, PNG or JPEG up to 3 MB. For a personal profile LinkedIn's help does not state a size; 1584 x 396 is the size most designers use.

What size is a Facebook cover photo?

Facebook says covers load fastest as an sRGB JPG of 851 x 315 pixels under 100 KB, and must be at least 400 x 150. On phones the cover shows at 2.4:1 and the profile picture overlaps it by about 40 pixels.

Why are some overlays dashed?

A dashed outline means the platform does not publish that area, so the box is our estimate from how the page lays out today. Treat it as a margin to stay clear of, not an exact edge.

Is my picture uploaded?

No. The file is opened and drawn by your browser. Closing the tab discards it.

Related: Social media image sizes, Image cropper, OG image generator, App icon sizes.

Start for free or see all free tools. We.Inc is free to start, with no card needed. AI building is on paid plans from $20 a month.

More in Free Tools

Product

Who It's For

Features

Resources

Company

View Sitemap