The complete 2026 guide to the YouTube banner safe zone. Exact dimensions, annotated diagrams,
Photoshop & Figma setup, and a free live checker tool for your own banner.
Use these pixel values to place guides in Photoshop, Figma, Canva, or Illustrator at 2560×1440.
Zone / Device
X (Left)
Y (Top)
Width
Height
Visible On
📱 Mobile Safe Zone
507 px
508 px
1546 px
423 px
All devices
🖥️ Desktop Strip
0 px
508 px
2560 px
423 px
Desktop + TV
📟 Tablet Strip
352 px
508 px
1855 px
423 px
Tablet + Desktop + TV
📺 TV Full Canvas
0 px
0 px
2560 px
1440 px
TV only (full image)
All coordinates based on a 2560 × 1440 px canvas. Safe zone vertical center: Y=719.5 px. Right edge of safe zone: X=2053 px (507 + 1546). Bottom edge: Y=931 px (508 + 423).
Which Zone Should My Content Go In?
Click a zone to understand what should (and shouldn't) be placed there.
All Devices
🔴
Mobile Safe Zone
1546 × 423 px — Center
The only area visible on mobile. Put everything critical here.
Desktop + TV
🟡
Desktop-Only Strip
Side zones within 2560 × 423 strip
Seen on desktop browsers but cropped on mobile. Good for secondary decorative content.
TV Only
🔵
TV-Only Areas
Top & bottom quarters of 2560 × 1440
Only shown on connected TVs. Visible only to the smallest audience.
⚠️ Avoid
⛔
Outside Safe Zone
Left/right beyond 507–2053 px
Never put logos, text, or important content here — mobile viewers will never see it.
Device Breakdown
How YouTube Crops On Every Screen
📺 TV / Connected Display
2560 × 1440
Full image, no crop. The entire 2560×1440 canvas is displayed. Use this space for rich backgrounds, gradients, and artistic depth.
🖥️ Desktop Browser
2560 × 423
Wide horizontal strip, cropped vertically to the center 423px. The full width is shown but only the vertical center.
📟 Tablet
1855 × 423
Narrower than desktop, same height. The 352px on each side beyond the tablet zone is hidden.
📱 Mobile (Safe Zone)
1546 × 423
The most restrictive view and the safe zone minimum. Design critical content for this size first.
Setup Guide
Setting Up Safe Area Guides In Your Design Tool
Step-by-step instructions for Photoshop, Figma, and Canva.
1
Create a new document: 2560 × 1440 px, 72 DPI (or 150+ for sharp TV exports).
2
Go to View → New Guide… — set Orientation: Vertical, Position: 507 px → Click OK.
3
Add another Vertical guide at 2053 px (right edge: 507 + 1546 = 2053).
4
Add a Horizontal guide at 508 px (top of the banner strip: (1440 − 423) / 2 = 508.5).
5
Add a Horizontal guide at 931 px (bottom edge: 508 + 423 = 931).
6
The 1546×423 rectangle between these four guides is your mobile safe zone. Keep all logos, text, and critical content inside it.
1
Create a new frame: press F, set width 2560 and height 1440.
2
Draw a rectangle: X=507, Y=508, W=1546, H=423. This is the safe zone.
3
Set the fill to a semi-transparent orange (#ff4d00 at 20% opacity) or a red stroke only with no fill.
4
Lock the rectangle on its own layer (Right-click → Lock) so it doesn't move while you design.
5
Design your banner with all critical elements inside this rectangle. Before exporting, hide or delete the safe zone marker.
1
Create a custom canvas: click Custom size and enter 2560 × 1440 px.
2
Add a rectangle element. Set it to exactly 1546 × 423 px and center it on the canvas.
3
Give the rectangle a transparent fill and a visible colored border (orange or red) — this marks your safe zone visually.
4
Lock the element: right-click → Lock. Design all content inside this boundary.
5
Before downloading: select and delete the safe zone marker, then export as PNG at maximum quality.
6
Or: skip guide setup entirely and use the Channel Preview live checker above to verify your exported banner.
1
Create a new document: 2560 × 1440 px artboard.
2
Go to View → Guides → Create Guides… or drag guides from the ruler.
3
Set guides at X = 507 px and X = 2053 px (vertical), Y = 508 px and Y = 931 px (horizontal).
4
Optionally draw a rectangle at these coordinates and set it as a guide: Object → Guides → Make Guides.
5
Lock guides via View → Guides → Lock Guides. Design all critical content within the safe rectangle.
Content Strategy
Inside vs. Outside The Safe Zone
The areas outside the safe zone aren't wasted — they enhance your banner on TV and desktop.
🔴 Inside the Safe Zone — All Devices
Channel name or logo
Tagline or channel description
Upload schedule ("New videos every Tuesday")
Social media handles (@username)
Website URL
Call to action ("Subscribe for weekly videos")
Any text or graphic viewers need to read
⬜ Outside the Safe Zone — Desktop & TV
Background imagery and photographs
Abstract patterns and textures
Decorative illustrations or characters
Gradient color transitions
Subtle brand patterns or repeated motifs
Decorative design elements and flourishes
Blurred or low-detail background elements
💡 Design tip: Think of the safe zone as your primary canvas and the outer areas as a frame. The frame makes the center richer — it's still valuable real estate, especially for TV viewers. Just don't rely on it for information.
Quick Tips
Safe Area Design Best Practices
📱
Design Mobile-First
Start by designing within the 1546×423 safe zone, then extend outward with background elements. This prevents the most common mistake.
🎯
2–3 Elements Max
The safe zone is 1546×423 — wide but short. Overcrowding it looks cluttered. Pick your channel name, tagline, and optionally a schedule. That's enough.
🎨
Use the Outer Zones
The areas outside the safe zone are still seen on desktop and TV. Use them for backgrounds, characters, and decorative content — not nothing.
📐
Set Up Guides First
Before designing a single pixel, set up safe area guides in your design tool using the exact coordinates above. Starting without guides is asking for trouble.
👁️
Test Before Uploading
Use the live checker tool above. Upload your finished banner and switch between Desktop, Mobile, and TV views to verify everything is aligned.
🔠
Large, Readable Text Only
Text inside the safe zone should be at least 80–100px tall in your 2560×1440 canvas to remain readable when YouTube renders it at smaller sizes.
Avoid These
Common Safe Area Mistakes
✕
Not Knowing the Safe Zone Exists
Many creators design at 2560×1440 and place their logo in a corner, not realizing mobile viewers (70%+ of audience) will never see it. Check your existing banner right now using the tool above.
✕
Only Testing on Desktop
Desktop shows a wider 2560×423 strip — content visible on desktop may still be cropped on mobile. Always switch to Mobile view in this tool before uploading. Desktop passing ≠ mobile passing.
✕
Overcrowding the Safe Zone
The safe zone is wide but short (1546×423). Jamming in social handles, logo, tagline, schedule, and email makes it unreadable. Pick 2–3 maximum and use large, clear fonts.
What Is the YouTube Banner Safe Area?
The YouTube banner safe area is the 1546 × 423 pixel zone at the exact center of your 2560 × 1440 banner image. This is the only part of your banner that is guaranteed to be visible to every viewer, regardless of their device.
YouTube's responsive banner system works by using a single uploaded image and cropping it to different widths for different screen sizes. On TV, the full image is shown. On a desktop browser, a horizontal strip is shown. On mobile — the most restrictive — only the central 1546 pixels wide are displayed.
Any text, logo, channel name, or critical visual placed outside the 1546×423 safe zone will be invisible to mobile viewers. Given that mobile accounts for over 70% of YouTube's watch time, this is not an edge case — it's the majority of your audience.
Why the YouTube Banner Safe Area Matters in 2026
With over 70% of YouTube viewership happening on mobile devices, designing a banner without considering the mobile safe zone means the majority of your channel visitors will see a broken, incomplete, or misleading first impression.
Your banner is visible to every first-time visitor and every returning subscriber. It's the first visual brand touchpoint of your entire channel. Getting it wrong — or getting it right — has a direct impact on your channel's perceived professionalism and subscriber conversion rate.
Safe Area Calculations: The Math Behind the Zones
Starting from a 2560 × 1440 canvas:
Safe zone left edge: (2560 − 1546) / 2 = 507 px from left
Safe zone right edge: 507 + 1546 = 2053 px from left
Safe zone top edge: (1440 − 423) / 2 = 508.5 px from top (rounded to 508)
Safe zone bottom edge: 508 + 423 = 931 px from top
These calculations confirm that the safe zone is perfectly centered both horizontally and vertically within the full 2560×1440 canvas.
FAQ
Frequently Asked Questions
The YouTube banner safe area is the 1546 × 423 pixel zone at the exact center of your 2560 × 1440 banner. Content inside this area is visible on every device — desktop, mobile, tablet, and TV. All logos, channel names, text, and critical visuals must be within this zone. Content outside it is cropped on mobile.
TV: 2560×1440 (full image, no crop). Desktop: 2560×423 (wide horizontal strip from center). Tablet: 1855×423. Mobile: 1546×423 (the safe zone minimum). Always design for mobile first.
At 2560×1440px, add vertical guides at 507px and 2053px, and horizontal guides at 508px and 931px (via View → New Guide). The rectangle between these four guides is your mobile safe zone. Keep all critical content inside it. See the full step-by-step guide above.
No — only decorative content should go outside the safe area. Logos, channel names, text, schedules, handles, and any information your viewers need must stay within 1546×423. The areas outside are great for backgrounds, patterns, and illustrations that enhance the look on desktop and TV, but they're invisible to mobile viewers.
YouTube crops the same uploaded banner to different widths depending on the device. Desktop shows a 2560×423 horizontal strip. Mobile shows only the central 1546×423 pixels. The content outside the safe zone isn't blurred or hidden — it's physically not included in what's displayed. This is why previewing on mobile specifically (not just desktop) is critical.
The minimum upload size is 2048 × 1152 pixels. The recommended size is 2560 × 1440 pixels. Maximum file size: 6MB. Accepted formats: JPG, PNG, GIF, BMP. Always upload at 2560×1440 for the best quality across all devices including high-DPI screens and TVs.