Crop a banner, hero, or cover image to the exact size every platform expects. Avoid awkward overlap with profile photos, names, and mobile-only crops.
Upload Image
Drag & drop or click to upload
Supports PNG, JPG, WebP, GIF, BMP
Drop in a wide, high-resolution source. Banners often span 2500+ pixels wide, so start with the largest image you have.
Choose LinkedIn 1584×396, Twitter/X 1500×500, Facebook 820×312, YouTube 2560×1440, or a custom hero size for your website.
Keep the focal point near horizontal center and avoid the top 100px and bottom 100px — many platforms hide those areas under profile photos and overlays.
Export as JPG for photographic banners (smaller file) or PNG for banners with text, logos, or transparent regions.
LinkedIn profile banner: 1584×396 (4:1). Twitter/X header: 1500×500 (3:1). Facebook page cover: 820×312 desktop, but 640×360 visible on mobile. YouTube channel art: 2560×1440 (safe area 1546×423). Twitch: 1200×480. Discord server banner: 960×540.
Use a wide aspect (16:9, 21:9, or 4:1), put the subject slightly off-center toward the rule-of-thirds line, leave 20–30% empty space where headline text will overlay, and check the mobile crop — many platforms center-crop the desktop banner to a square or portrait on phones.
On most platforms, avoid placing critical subjects in the top 100px (often covered by browser chrome or platform UI) and the bottom 100px (often covered by profile photo, name, or scroll-down indicator). On YouTube, the TV-safe area is the center 1546×423 of the 2560×1440 banner.
Profile banners are typically 3:1 to 4:1 (very wide and short). Website heroes are usually 16:9 or 21:9. Email headers are often 3:1. Always crop to the platform's exact ratio — uploading 16:9 to a 4:1 slot will get center-cropped and you lose control.
Most social platforms show a wider banner on desktop and crop it tighter on mobile (often to a near-square). Facebook, Twitter, and LinkedIn all do this. Always preview at mobile width before publishing, and keep the main subject in the horizontal center where both desktop and mobile views overlap.