{"id":49107,"date":"2026-06-11T07:38:11","date_gmt":"2026-06-11T07:38:11","guid":{"rendered":"https:\/\/designwiz.com\/blog\/?p=49107"},"modified":"2026-06-11T10:11:00","modified_gmt":"2026-06-11T10:11:00","slug":"banner-size","status":"publish","type":"post","link":"https:\/\/designwiz.com\/blog\/banner-size\/","title":{"rendered":"Best Banner Sizes for Social Media, Websites, and Advertising"},"content":{"rendered":"\n<span id=\"breadcrumb_title\">Best Banner Sizes<\/span>\n\n\n\n<p class=\"wp-block-paragraph\">The wrong banner size is invisible damage. Blurry images, cropped logos, rejected ads, and potential customers who scroll past without a second glance. Getting dimensions right isn&#8217;t a technicality; it&#8217;s the difference between a brand that looks polished and one that looks amateurish.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>91% of people prefer visual content over text-only content<\/li>\n\n\n\n<li>80%+ of consumer internet traffic is now video<\/li>\n\n\n\n<li>A jump from 1 to 3 seconds in page load time increases bounce rate by 32%, and an oversized hero banner is one of the most common causes<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This guide covers every major platform and placement type: social media, websites, e-commerce, email, and paid advertising. Sizes are verified and current as of June 2026, including Instagram&#8217;s major January 2026 grid format change.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"background-color:#0069ff;color:#0069ff\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Why_Banner_Size_Matters_And_What_You_Need_to_Know_First\"><\/span>Why Banner Size Matters (And What You Need to Know First)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Every social platform, ad network, and website theme has its own size requirements. Upload the wrong size and the platform either auto-crops it (cutting off your logo or CTA), compresses it badly (destroying image quality), or rejects it outright.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Key Terms Explained<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pixels (px): The unit of measurement for digital images. When you see &#8220;1080\u00d71920px&#8221;, that means 1080 pixels wide and 1920 pixels tall.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aspect ratio: The proportional relationship between width and height. A 1:1 ratio is square. A 16:9 ratio is standard widescreen. A 9:16 ratio is the full vertical format used for Stories and Reels.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Safe zone: The center 80% of any banner, guaranteed to be visible on all screen sizes and devices. Always keep your logo, key headline, and CTA button inside this area.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Resolution vs. File Size: Resolution (pixels) determines sharpness. File size (KB\/MB) determines load speed. Both matter; a 1920\u00d71080px image that is 4 MB will slow your site and hurt SEO. Target under 200 KB for web backgrounds after compression.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><em><strong>Retina \/ 2x Display Tip:<\/strong> On retina screens, standard-resolution images look blurry. Design at 2x the intended display size, then export at the final 1x size. For example, for a 300\u00d7250px ad, design at 600\u00d7500px then export at 300\u00d7250px.<\/em><\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"background-color:#0069ff;color:#0069ff\"\/>\n\n\n\n<style>\n  \/* SCOPED RESET \u2014 only applies inside .dwz-sizes, cannot touch your theme *\/\n  .dwz-sizes, .dwz-sizes *, .dwz-sizes *::before, .dwz-sizes *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* Wrapper replaces the old body + .container + :root rules *\/\n  .dwz-sizes {\n    --primary: #007BFF; --text: #1A1A2E; --text-muted: #64637A;\n    --border: #D6E4F7; --bg: #FFFFFF; --bg-alt: #F4F8FF;\n    --tag-bg: #E6F2FF; --tag-text: #007BFF;\n    --warning: #F59E0B; --warning-light: #FEF9ED;\n    --primary-light: #E6F2FF;\n    --sans: 'Segoe UI', system-ui, sans-serif; --radius: 12px;\n    --shadow: 0 2px 16px rgba(0,123,255,0.08);\n    font-family: var(--sans);\n    color: var(--text);\n    line-height: 1.75;\n    font-size: 17px;\n    width: 100%;\n  }\n\n  .dwz-sizes h2 {\n    font-size: clamp(22px,3vw,28px);\n    font-weight: 700;\n    margin-bottom: 16px;\n    letter-spacing: -0.3px;\n    line-height: 1.25;\n    color: var(--text);\n  }\n  .dwz-sizes h3 {\n    font-size: 18px;\n    font-weight: 700;\n    margin: 28px 0 12px;\n    color: var(--text);\n    line-height: 1.4;\n  }\n  .dwz-sizes p { margin-bottom: 16px; }\n  .dwz-sizes p:last-child { margin-bottom: 0; }\n\n  .dwz-sizes .platform-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));\n    gap: 16px;\n    margin: 24px 0;\n  }\n  .dwz-sizes .platform-card {\n    border: 1px solid var(--border);\n    border-radius: var(--radius);\n    padding: 18px;\n    background: var(--bg);\n    transition: box-shadow 0.2s;\n  }\n  .dwz-sizes .platform-card:hover { box-shadow: var(--shadow); }\n  .dwz-sizes .platform-card-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 12px;\n  }\n  .dwz-sizes .platform-icon {\n    width: 36px; height: 36px;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 17px;\n    font-weight: 800;\n    flex-shrink: 0;\n  }\n  .dwz-sizes .fb-icon { background:#E7F0FF; color:#1877F2; }\n  .dwz-sizes .ig-icon { background:#FFF0F5; color:#E1306C; }\n  .dwz-sizes .li-icon { background:#E8F4FD; color:#0A66C2; }\n  .dwz-sizes .yt-icon { background:#FFF0F0; color:#FF0000; }\n  .dwz-sizes .tw-icon { background:#F0F4F8; color:#1DA1F2; }\n  .dwz-sizes .tk-icon { background:#F0FFF8; color:#00C57A; }\n  .dwz-sizes .pt-icon { background:#FFF0F0; color:#E60023; }\n  .dwz-sizes .platform-name { font-weight: 700; font-size: 15px; }\n\n  .dwz-sizes .dim-list { list-style: none; padding: 0; margin: 0; }\n  .dwz-sizes .dim-list li {\n    font-size: 15px;\n    color: var(--text-muted);\n    padding: 4px 0;\n    border-bottom: 1px solid var(--border);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 8px;\n  }\n  .dwz-sizes .dim-list li:last-child { border-bottom: none; }\n  .dwz-sizes .dim-badge {\n    background: var(--tag-bg);\n    color: var(--tag-text);\n    font-family: 'Courier New', monospace;\n    font-size: 12px;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    flex-shrink: 0;\n  }\n\n  .dwz-sizes .callout {\n    border-radius: var(--radius);\n    padding: 20px 24px;\n    margin: 28px 0;\n    display: flex;\n    gap: 14px;\n  }\n  .dwz-sizes .callout-icon { font-size: 22px; flex-shrink: 0; margin-top: 2px; }\n  .dwz-sizes .callout-title { font-weight: 700; font-size: 14px; margin-bottom: 6px; }\n  .dwz-sizes .callout p { font-size: 14px; line-height: 1.6; margin: 0; }\n  .dwz-sizes .callout-warn { background: var(--warning-light); border-left: 3px solid var(--warning); }\n  .dwz-sizes .callout-warn .callout-title { color: #92600A; }\n  .dwz-sizes .callout-info { background: var(--primary-light); border-left: 3px solid var(--primary); }\n  .dwz-sizes .callout-info .callout-title { color: var(--primary); }\n\n  .dwz-sizes .new-tag {\n    background: #DCFCE7;\n    color: #15803D;\n    font-size: 10px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    padding: 2px 7px;\n    border-radius: 4px;\n    margin-left: 6px;\n    vertical-align: middle;\n  }\n<\/style>\n\n<div class=\"dwz-sizes\">\n\n<h2><span class=\"ez-toc-section\" id=\"Social_Media_Banner_Sizes_2026\"><\/span>Social Media Banner Sizes (2026)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Social media is where most designers spend 80% of their banner-sizing time. Every platform has different rules, and some changed significantly in 2026.<\/p>\n\n<h3><span class=\"ez-toc-section\" id=\"Facebook_Banner_Sizes\"><\/span>Facebook Banner Sizes<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"platform-grid\">\n  <div class=\"platform-card\">\n    <div class=\"platform-card-header\">\n      <div class=\"platform-icon fb-icon\">f<\/div>\n      <span class=\"platform-name\">Facebook<\/span>\n    <\/div>\n    <ul class=\"dim-list\">\n      <li>Cover Photo (Desktop) <span class=\"dim-badge\">820\u00d7312<\/span><\/li>\n      <li>Cover Photo (Mobile) <span class=\"dim-badge\">640\u00d7360<\/span><\/li>\n      <li>Profile Picture <span class=\"dim-badge\">170\u00d7170<\/span><\/li>\n      <li>Feed Image <span class=\"dim-badge\">1200\u00d7630<\/span><\/li>\n      <li>Story \/ Reel <span class=\"dim-badge\">1080\u00d71920<\/span><\/li>\n      <li>Ad Image <span class=\"dim-badge\">1200\u00d7628<\/span><\/li>\n    <\/ul>\n  <\/div>\n<\/div>\n<p>Facebook cover photos appear differently on desktop (820\u00d7312px) and mobile (640\u00d7360px). When designing, use 820\u00d7462px and keep key content in the center to accommodate both. Ads use a 1.91:1 ratio for link preview images, this is the standard Open Graph format used across the web.<\/p>\n\n<h3><span class=\"ez-toc-section\" id=\"Instagram_Banner_Sizes_Updated_Jan_2026\"><\/span>Instagram Banner Sizes <span class=\"new-tag\">Updated Jan 2026<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"platform-grid\">\n  <div class=\"platform-card\">\n    <div class=\"platform-card-header\">\n      <div class=\"platform-icon ig-icon\">ig<\/div>\n      <span class=\"platform-name\">Instagram<\/span>\n    <\/div>\n    <ul class=\"dim-list\">\n      <li>Feed Post (Portrait) <span class=\"dim-badge\">1080\u00d71350<\/span><\/li>\n      <li>Story \/ Reel <span class=\"dim-badge\">1080\u00d71920<\/span><\/li>\n      <li>Square Post <span class=\"dim-badge\">1080\u00d71080<\/span><\/li>\n      <li>Profile Picture <span class=\"dim-badge\">320\u00d7320<\/span><\/li>\n      <li>Carousel Slide <span class=\"dim-badge\">1080\u00d71080<\/span><\/li>\n    <\/ul>\n  <\/div>\n<\/div>\n<div class=\"callout callout-warn\">\n  <span class=\"callout-icon\">\u26a0\ufe0f<\/span>\n  <div>\n    <p class=\"callout-title\">Instagram Grid Changed in January 2026<\/p>\n    <p>Instagram switched its profile grid from square (1:1) to a taller 3:4 portrait format in January 2026. Square posts still upload but display cropped on the profile grid. Design new feed posts at <strong>4:5 portrait (1080\u00d71350px)<\/strong>. This format also earns more organic reach because it takes up more screen real estate.<\/p>\n  <\/div>\n<\/div>\n\n<h3><span class=\"ez-toc-section\" id=\"LinkedIn_Banner_Sizes\"><\/span>LinkedIn Banner Sizes<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"platform-grid\">\n  <div class=\"platform-card\">\n    <div class=\"platform-card-header\">\n      <div class=\"platform-icon li-icon\">in<\/div>\n      <span class=\"platform-name\">LinkedIn<\/span>\n    <\/div>\n    <ul class=\"dim-list\">\n      <li>Personal Background <span class=\"dim-badge\">1584\u00d7396<\/span><\/li>\n      <li>Company Page Banner <span class=\"dim-badge\">1128\u00d7191<\/span><\/li>\n      <li>Profile Picture <span class=\"dim-badge\">400\u00d7400<\/span><\/li>\n      <li>Post Image <span class=\"dim-badge\">1200\u00d7627<\/span><\/li>\n    <\/ul>\n  <\/div>\n<\/div>\n<p>LinkedIn&#8217;s personal background banner uses a 4:1 aspect ratio. Note that the company page banner is significantly narrower (1128\u00d7191px), a common mistake is designing the personal and company banners at the same size. LinkedIn cover photos are also cropped differently on desktop vs. mobile, so keep key content centered and away from edges.<\/p>\n\n<h3><span class=\"ez-toc-section\" id=\"YouTube_Banner_Sizes\"><\/span>YouTube Banner Sizes<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"platform-grid\">\n  <div class=\"platform-card\">\n    <div class=\"platform-card-header\">\n      <div class=\"platform-icon yt-icon\">\u25b6<\/div>\n      <span class=\"platform-name\">YouTube<\/span>\n    <\/div>\n    <ul class=\"dim-list\">\n      <li>Channel Art (Full) <span class=\"dim-badge\">2560\u00d71440<\/span><\/li>\n      <li>Safe Zone (All Devices) <span class=\"dim-badge\">1235\u00d7338<\/span><\/li>\n      <li>Thumbnail <span class=\"dim-badge\">1280\u00d7720<\/span><\/li>\n      <li>Max File Size <span class=\"dim-badge\">6 MB<\/span><\/li>\n    <\/ul>\n  <\/div>\n<\/div>\n<p>YouTube channel art is a unique challenge: you design at 2560\u00d71440px, but YouTube automatically crops it depending on screen size. Text and logos are cut off at 1235\u00d7338px, this is the only area guaranteed to show on all devices. Keep your channel name, logo, and upload schedule inside that center area. Everything outside it may be invisible on smaller screens.<\/p>\n\n<h3><span class=\"ez-toc-section\" id=\"X_Twitter_Banner_Sizes\"><\/span>X (Twitter) Banner Sizes<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"platform-grid\">\n  <div class=\"platform-card\">\n    <div class=\"platform-card-header\">\n      <div class=\"platform-icon tw-icon\">\ud835\udd4f<\/div>\n      <span class=\"platform-name\">X (Twitter)<\/span>\n    <\/div>\n    <ul class=\"dim-list\">\n      <li>Header \/ Banner <span class=\"dim-badge\">1500\u00d7500<\/span><\/li>\n      <li>Profile Photo <span class=\"dim-badge\">400\u00d7400<\/span><\/li>\n      <li>Card \/ Link Preview <span class=\"dim-badge\">1200\u00d7628<\/span><\/li>\n      <li>Single-Image Ad <span class=\"dim-badge\">1200\u00d7628<\/span><\/li>\n    <\/ul>\n  <\/div>\n<\/div>\n\n<h3><span class=\"ez-toc-section\" id=\"TikTok_Pinterest_Snapchat\"><\/span>TikTok, Pinterest &amp; Snapchat<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"platform-grid\">\n  <div class=\"platform-card\">\n    <div class=\"platform-card-header\">\n      <div class=\"platform-icon tk-icon\">TT<\/div>\n      <span class=\"platform-name\">TikTok<\/span>\n    <\/div>\n    <ul class=\"dim-list\">\n      <li>Video \/ Profile Banner <span class=\"dim-badge\">1080\u00d71920<\/span><\/li>\n      <li>Profile Photo <span class=\"dim-badge\">200\u00d7200<\/span><\/li>\n    <\/ul>\n  <\/div>\n  <div class=\"platform-card\">\n    <div class=\"platform-card-header\">\n      <div class=\"platform-icon pt-icon\">P<\/div>\n      <span class=\"platform-name\">Pinterest<\/span>\n    <\/div>\n    <ul class=\"dim-list\">\n      <li>Standard Pin <span class=\"dim-badge\">1000\u00d71500<\/span><\/li>\n      <li>Square Pin <span class=\"dim-badge\">1000\u00d71000<\/span><\/li>\n      <li>Profile Photo <span class=\"dim-badge\">165\u00d7165<\/span><\/li>\n    <\/ul>\n  <\/div>\n<\/div>\n\n<div class=\"callout callout-info\">\n  <span class=\"callout-icon\">\ud83d\udccc<\/span>\n  <div>\n    <p class=\"callout-title\">Universal Rule for All Social Platforms<\/p>\n    <p>Design feed posts at <strong>1080\u00d71350px (4:5 portrait)<\/strong> and all vertical video at <strong>1080\u00d71920px (9:16)<\/strong>. These two sizes work across Instagram, TikTok, Facebook Reels, YouTube Shorts, and Snapchat Stories. 1080px wide is the universal baseline for 2026.<\/p>\n  <\/div>\n<\/div>\n\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"background-color:#0069ff;color:#0069ff\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Website_Banner_Sizes\"><\/span>Website Banner Sizes<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Website banners need to look sharp across a range of screen widths, from mobile (375px) to ultrawide desktop (2560px+). Here are the key sizes for every placement.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Hero_Full-Width_Banner\"><\/span>Hero \/ Full-Width Banner<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Recommended size: 1280\u00d7720px (16:9) minimum, up to 1920\u00d71080px for full-screen backgrounds. Keep file size under 200 KB using compression; hero images are one of the top causes of slow page load, which directly hurts SEO and bounce rate. Keep text and CTAs centered at 70\u201380% to prevent cropping on narrow screens.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Shopify_E-Commerce_Banners\"><\/span>Shopify &amp; E-Commerce Banners<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Recommended Shopify hero banner: 2048\u00d71024px. Other popular sizes: 1600\u00d7500px and 2500\u00d7900px, depending on the theme. Target file size under 500 KB. Place key text in the center 80% to prevent mobile cropping. The wide-and-short format (3:1 to 5:1 ratio) is most common in e-commerce themes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Blog_Article_Header_Images\"><\/span>Blog &amp; Article Header Images<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Standard size: 1200\u00d7630px. This works both as an in-article header and as the Open Graph preview image when someone shares your post on Facebook, LinkedIn, or X, one design, two placements.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Sidebar_In-Content_Banners\"><\/span>Sidebar &amp; In-Content Banners<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Common sizes: 300\u00d7250px, 300\u00d7600px, and 160\u00d7600px. Sidebar columns are typically 250\u2013350px wide. These sizes also double as IAB standard display ad sizes, so they work as both website elements and ad placements. Announcement bars at the top of pages are typically 40\u201360px tall and full-width.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Email_Banners\"><\/span>Email Banners<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Email banners should match the template width, typically 600\u2013900px wide. Most common widths: 600px, 700px, and 800px. Header banners: 90\u2013200px tall. Hero email banners: 350\u2013500px tall. Keep file size under 100 KB; many email clients don&#8217;t automatically load large images. Always design with a text fallback.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">WebP format reduces image file size by up to 50% compared to JPEG with similar visual quality. Use WebP for web banners and email to significantly improve load times. All modern browsers support it.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"background-color:#0069ff;color:#0069ff\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Google_Display_Advertising_Banner_Sizes\"><\/span>Google Display &amp; Advertising Banner Sizes<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Display advertising is governed by the IAB (Interactive Advertising Bureau), which defines standard sizes accepted across virtually every ad network and publisher. A focused set of sizes covers 80\u201390% of all available inventory.<\/p>\n\n\n\n<style>\n  \/* SCOPED RESET \u2014 only applies inside .dwz-adtable, cannot touch your theme *\/\n  .dwz-adtable, .dwz-adtable *, .dwz-adtable *::before, .dwz-adtable *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* Wrapper replaces the old body + :root + .table-wrap rules *\/\n  .dwz-adtable {\n    --primary: #007BFF; --text: #1A1A2E; --text-muted: #64637A;\n    --border: #D6E4F7; --bg: #FFFFFF; --bg-alt: #F4F8FF;\n    --sans: 'Segoe UI', system-ui, sans-serif; --radius: 12px;\n    font-family: var(--sans);\n    color: var(--text);\n    overflow: hidden;\n    border: 1px solid var(--border);\n    border-radius: var(--radius);\n  }\n\n  .dwz-adtable table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 15px;\n    margin: 0;\n    border: none;\n  }\n  .dwz-adtable thead tr { background: var(--primary); }\n  .dwz-adtable thead th {\n    padding: 12px 14px;\n    text-align: left;\n    font-weight: 600;\n    font-size: 15px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    white-space: nowrap;\n    color: #fff;\n    background: var(--primary);\n    border: none;\n  }\n  .dwz-adtable tbody tr { border-bottom: 1px solid var(--border); }\n  .dwz-adtable tbody tr:last-child { border-bottom: none; }\n  .dwz-adtable tbody tr:nth-child(even) { background: var(--bg-alt); }\n  .dwz-adtable td {\n    padding: 10px 14px;\n    vertical-align: middle;\n    border: none;\n    color: var(--text);\n  }\n  .dwz-adtable .td-size {\n    font-family: 'Courier New', monospace;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--primary);\n    white-space: nowrap;\n  }\n  .dwz-adtable .badge-popular {\n    display: inline-block;\n    background: #FFF3CD;\n    color: #92600A;\n    font-size: 10px;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    margin-left: 6px;\n    text-transform: uppercase;\n    letter-spacing: 0.4px;\n  }\n<\/style>\n\n<div class=\"dwz-adtable\">\n  <table>\n    <thead>\n      <tr><th>Name<\/th><th>Size<\/th><th>Best For<\/th><th>Notes<\/th><\/tr>\n    <\/thead>\n    <tbody>\n      <tr>\n        <td><strong>Medium Rectangle<\/strong> <span class=\"badge-popular\">Most Popular<\/span><\/td>\n        <td class=\"td-size\">300\u00d7250 px<\/td>\n        <td>Sidebar, in-content<\/td>\n        <td>Highest reach; serves the most inventory globally<\/td>\n      <\/tr>\n      <tr>\n        <td><strong>Leaderboard<\/strong><\/td>\n        <td class=\"td-size\">728\u00d790 px<\/td>\n        <td>Top \/ bottom of page<\/td>\n        <td>Classic desktop format; very high visibility<\/td>\n      <\/tr>\n      <tr>\n        <td><strong>Wide Skyscraper<\/strong><\/td>\n        <td class=\"td-size\">160\u00d7600 px<\/td>\n        <td>Sidebars<\/td>\n        <td>Tall vertical format; great for sidebars<\/td>\n      <\/tr>\n      <tr>\n        <td><strong>Half Page<\/strong><\/td>\n        <td class=\"td-size\">300\u00d7600 px<\/td>\n        <td>Premium placements<\/td>\n        <td>High-impact; commands attention<\/td>\n      <\/tr>\n      <tr>\n        <td><strong>Mobile Banner<\/strong><\/td>\n        <td class=\"td-size\">320\u00d750 px<\/td>\n        <td>Mobile web<\/td>\n        <td>Most common mobile format; very high volume<\/td>\n      <\/tr>\n      <tr>\n        <td><strong>Billboard<\/strong><\/td>\n        <td class=\"td-size\">970\u00d7250 px<\/td>\n        <td>Desktop premium<\/td>\n        <td>Large desktop placements on premium publishers<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Start with 300\u00d7250, 728\u00d790, and 160\u00d7600; these three sizes cover most available display inventory. Add 300\u00d7600 and 320\u00d750 for better mobile and premium coverage.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Technical_Specs_for_Display_Ads\"><\/span>Technical Specs for Display Ads<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">File formats: JPG for photographic images (smallest file size), PNG for graphics with text and transparency, GIF for simple animations, HTML5 for interactive and rich media ads.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">File size limits: Google Display Network recommends under 150 KB, with a 5 MB hard maximum. Most programmatic exchanges cap at 150\u2013200 KB. Target under 100 KB for static ads.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Animation rules: Maximum 30-second animation loop; must stop automatically. Best practice is a 5\u201315 second loop with the core message visible in the first 5 seconds. Always include a static fallback frame.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Responsive Display Ads:<\/strong> Google&#8217;s Responsive Display Ads let you upload multiple images, headlines, and logos. The ad network then automatically combines and sizes them for each available slot, a single responsive campaign can cover all major display sizes without creating individual banners for each.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"background-color:#0069ff;color:#0069ff\"\/>\n\n\n\n<style>\n  \/* SCOPED RESET \u2014 only applies inside .dwz-sizes, cannot touch your theme *\/\n  .dwz-sizes, .dwz-sizes *, .dwz-sizes *::before, .dwz-sizes *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* Wrapper \u2014 same .dwz-sizes system as the social platform sizes block *\/\n  .dwz-sizes {\n    --primary: #007BFF; --text: #1A1A2E; --text-muted: #64637A;\n    --border: #D6E4F7; --bg: #FFFFFF; --bg-alt: #F4F8FF;\n    --success: #00B37E; --success-light: #E6F9F3;\n    --sans: 'Segoe UI', system-ui, sans-serif; --radius: 12px;\n    font-family: var(--sans);\n    color: var(--text);\n    line-height: 1.75;\n    font-size: 17px;\n    width: 100%;\n  }\n\n  .dwz-sizes h2 {\n    font-size: clamp(22px,3vw,28px);\n    font-weight: 700;\n    margin-bottom: 16px;\n    letter-spacing: -0.3px;\n    line-height: 1.25;\n    color: var(--text);\n  }\n  .dwz-sizes h3 {\n    font-size: 18px;\n    font-weight: 700;\n    margin: 28px 0 12px;\n    color: var(--text);\n    line-height: 1.4;\n  }\n  .dwz-sizes p { margin-bottom: 16px; }\n  .dwz-sizes p:last-child { margin-bottom: 0; }\n\n  \/* Format cards *\/\n  .dwz-sizes .format-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit,minmax(140px,1fr));\n    gap: 12px;\n    margin: 20px 0;\n  }\n  .dwz-sizes .format-card {\n    border: 1px solid var(--border);\n    border-radius: 10px;\n    padding: 14px;\n    text-align: center;\n    background: var(--bg);\n  }\n  .dwz-sizes .format-ext {\n    font-family: 'Courier New', monospace;\n    font-size: 18px;\n    font-weight: 800;\n    color: var(--primary);\n    display: block;\n    margin-bottom: 6px;\n  }\n  .dwz-sizes .format-label {\n    font-size: 15px;\n    color: var(--text-muted);\n    line-height: 1.4;\n  }\n\n  \/* Sizes table *\/\n  .dwz-sizes .table-wrap {\n    overflow: hidden;\n    margin: 24px 0;\n    border: 1px solid var(--border);\n    border-radius: var(--radius);\n  }\n  .dwz-sizes .table-wrap table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 15px;\n    margin: 0;\n    border: none;\n  }\n  .dwz-sizes .table-wrap thead tr { background: var(--primary); }\n  .dwz-sizes .table-wrap thead th {\n    padding: 12px 14px;\n    text-align: left;\n    font-weight: 600;\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    white-space: nowrap;\n    color: #fff;\n    background: var(--primary);\n    border: none;\n  }\n  .dwz-sizes .table-wrap tbody tr { border-bottom: 1px solid var(--border); }\n  .dwz-sizes .table-wrap tbody tr:last-child { border-bottom: none; }\n  .dwz-sizes .table-wrap tbody tr:nth-child(even) { background: var(--bg-alt); }\n  .dwz-sizes .table-wrap td {\n    padding: 10px 14px;\n    vertical-align: middle;\n    border: none;\n    color: var(--text);\n  }\n  .dwz-sizes .td-size {\n    font-family: 'Courier New', monospace;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--primary);\n    white-space: nowrap;\n  }\n\n  \/* Success callout *\/\n  .dwz-sizes .callout {\n    border-radius: var(--radius);\n    padding: 20px 24px;\n    margin: 28px 0;\n    display: flex;\n    gap: 14px;\n  }\n  .dwz-sizes .callout-success {\n    background: var(--success-light);\n    border-left: 3px solid var(--success);\n  }\n  .dwz-sizes .callout-icon { font-size: 22px; flex-shrink: 0; margin-top: 2px; }\n  .dwz-sizes .callout-title { font-weight: 700; font-size: 14px; margin-bottom: 6px; }\n  .dwz-sizes .callout-success .callout-title { color: #007A58; }\n  .dwz-sizes .callout p { font-size: 14px; line-height: 1.6; margin: 0; }\n\n  @media (max-width: 600px) {\n    .dwz-sizes .table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n    .dwz-sizes .table-wrap table { min-width: 560px; }\n  }\n<\/style>\n\n<div class=\"dwz-sizes\">\n\n<h2><span class=\"ez-toc-section\" id=\"File_Format_Technical_Best_Practices\"><\/span>File Format &amp; Technical Best Practices<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Getting the dimensions right is only half the job. The right file format and technical settings determine whether your banner loads fast, looks sharp, and gets accepted by ad networks.<\/p>\n\n<h3><span class=\"ez-toc-section\" id=\"Which_File_Format_Should_You_Use\"><\/span>Which File Format Should You Use?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"format-grid\">\n  <div class=\"format-card\"><span class=\"format-ext\">JPG<\/span><span class=\"format-label\">Photos &amp; photographic images. Smallest file size. No transparency.<\/span><\/div>\n  <div class=\"format-card\"><span class=\"format-ext\">PNG<\/span><span class=\"format-label\">Graphics with text, logos, or transparency. Larger file but crisp edges.<\/span><\/div>\n  <div class=\"format-card\"><span class=\"format-ext\">WebP<\/span><span class=\"format-label\">Best of both worlds. Up to 50% smaller than JPG. Use for web &amp; email.<\/span><\/div>\n  <div class=\"format-card\"><span class=\"format-ext\">GIF<\/span><span class=\"format-label\">Simple animations. Limited 256-color palette. Max 30s loop for ads.<\/span><\/div>\n  <div class=\"format-card\"><span class=\"format-ext\">HTML5<\/span><span class=\"format-label\">Interactive &amp; rich media ads. Maximum engagement. Requires coding.<\/span><\/div>\n<\/div>\n\n<h3><span class=\"ez-toc-section\" id=\"File_Size_Targets\"><\/span>File Size Targets<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"table-wrap\">\n  <table>\n    <thead>\n      <tr><th>Banner Type<\/th><th>Target File Size<\/th><th>Why It Matters<\/th><\/tr>\n    <\/thead>\n    <tbody>\n      <tr><td>Social media posts<\/td><td class=\"td-size\">Under 1 MB<\/td><td>Platform limit; faster upload<\/td><\/tr>\n      <tr><td>Website hero \/ background<\/td><td class=\"td-size\">Under 200 KB<\/td><td>Page load speed \/ Core Web Vitals<\/td><\/tr>\n      <tr><td>Display ad (Google)<\/td><td class=\"td-size\">Under 150 KB<\/td><td>Ad network acceptance rate<\/td><\/tr>\n      <tr><td>Email banner<\/td><td class=\"td-size\">Under 100 KB<\/td><td>Email client rendering<\/td><\/tr>\n      <tr><td>Logo \/ icon<\/td><td class=\"td-size\">Under 50 KB<\/td><td>Loads on every page<\/td><\/tr>\n    <\/tbody>\n  <\/table>\n<\/div>\n\n<h3><span class=\"ez-toc-section\" id=\"Typography_Rules_for_Banners\"><\/span>Typography Rules for Banners<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Small banner sizes (300\u00d7250, 320\u00d750) demand concise messaging, limit primary text to 5\u20137 words maximum. Mobile banners require a minimum 18px headline font and 44\u00d744px CTA buttons for tap accuracy. Never use paragraph text in ad banners, use short phrases or single benefit statements only.<\/p>\n\n<div class=\"callout callout-success\">\n  <span class=\"callout-icon\">\u2705<\/span>\n  <div>\n    <p class=\"callout-title\">Safe Zone Rule &#8211; Works for Every Platform<\/p>\n    <p>Keep all logos, key text, and CTAs within the center 80% of any banner. This area is guaranteed to be visible across all devices, screen sizes, and platform cropping rules. Anything in the outer 10% on each side may be hidden.<\/p>\n  <\/div>\n<\/div>\n\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"background-color:#0069ff;color:#0069ff\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Frequently_Asked_Questions\"><\/span>Frequently Asked Questions<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1780643927858\"><strong class=\"schema-faq-question\">What is the best banner size for Facebook?<\/strong> <p class=\"schema-faq-answer\">Cover photo: 820\u00d7312px (desktop), 640\u00d7360px (mobile). Feed and ad images: 1200\u00d7628px (1.91:1 ratio). Stories and Reels: 1080\u00d71920px. For ads, 1200\u00d7628px is the most versatile single size.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1780909924605\"><strong class=\"schema-faq-question\">What size should a website hero banner be?<\/strong> <p class=\"schema-faq-answer\">Use 1280\u00d7720px (16:9) as a minimum. For full-screen backgrounds, use 1920\u00d71080px. Keep file size under 200 KB and all key content in the center 80% safe zone to avoid cropping on mobile screens.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1780917920731\"><strong class=\"schema-faq-question\">What is the standard Google Display Ad size?<\/strong> <p class=\"schema-faq-answer\">The 300\u00d7250px Medium Rectangle has the highest reach and fits the most placements globally. Start with 300\u00d7250, 728\u00d790, and 160\u00d7600; these three cover the majority of available display inventory. Max file size: 150 KB recommended, 5 MB maximum.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1780917931453\"><strong class=\"schema-faq-question\">What is the Instagram banner size in 2026?<\/strong> <p class=\"schema-faq-answer\">Instagram switched to a taller 3:4 portrait profile grid in January 2026. Design feed posts at 4:5 (1080\u00d71350px) for best display and organic reach. Stories and Reels: 1080\u00d71920px. Profile picture: 320\u00d7320px, displayed as a circle.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1780917943170\"><strong class=\"schema-faq-question\">What file format should I use for banner ads?<\/strong> <p class=\"schema-faq-answer\">JPG for photographic banners (smallest size), PNG for graphics with transparency or sharp text, WebP for web and email (up to 50% smaller than JPG), GIF for simple animations (max 30-second loop), HTML5 for interactive rich media ads.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1780917979833\"><strong class=\"schema-faq-question\">Do banner sizes affect SEO?<\/strong> <p class=\"schema-faq-answer\">Yes, indirectly but significantly. Oversized banners slow page load time; a jump from 1 to 3 seconds increases bounce rate by 32%, which harms rankings. Google uses Core Web Vitals (including Largest Contentful Paint, often a hero banner) as a ranking factor. Always compress banners before uploading.<\/p> <\/div> <\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"background-color:#0069ff;color:#0069ff\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Getting banner sizes right is not optional; it determines whether your visuals look sharp or blurry, whether your ads get approved or rejected, and whether your website loads fast enough to hold a visitor&#8217;s attention. The platforms change their requirements regularly (as Instagram proved in January 2026), so keep this guide bookmarked.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s exactly why we built DesignWiz, so you never have to memorize a single dimension. Pick your platform, pick your template, and design at the perfect size every time.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Best Banner Sizes The wrong banner size is invisible damage. Blurry images, cropped logos, rejected ads, and potential &hellip; <\/p>\n","protected":false},"author":29,"featured_media":49295,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[67],"tags":[],"class_list":["post-49107","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learn"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Best Banner Sizes for Social Media, Websites &amp; Ads<\/title>\n<meta name=\"description\" content=\"Discover the best banner sizes for social media, websites, and ads. Get recommended dimensions to create sharp, professional banners.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/designwiz.com\/blog\/banner-size\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Best Banner Sizes for Social Media, Websites &amp; Ads\" \/>\n<meta property=\"og:description\" content=\"Discover the best banner sizes for social media, websites, and ads. Get recommended dimensions to create sharp, professional banners.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/designwiz.com\/blog\/banner-size\/\" \/>\n<meta property=\"og:site_name\" content=\"DesignWiz\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-11T07:38:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-11T10:11:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/designwiz.s3.amazonaws.com\/blog\/the-ultimate-banner-size-guide-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"735\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Himanshi Kalkani\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Himanshi Kalkani\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\/\/designwiz.com\/blog\/banner-size\/\",\"url\":\"https:\/\/designwiz.com\/blog\/banner-size\/\",\"name\":\"Best Banner Sizes for Social Media, Websites & Ads\",\"isPartOf\":{\"@id\":\"https:\/\/designwiz.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/designwiz.com\/blog\/banner-size\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/designwiz.com\/blog\/banner-size\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/designwiz.s3.amazonaws.com\/blog\/the-ultimate-banner-size-guide-1.jpg\",\"datePublished\":\"2026-06-11T07:38:11+00:00\",\"dateModified\":\"2026-06-11T10:11:00+00:00\",\"author\":{\"@id\":\"https:\/\/designwiz.com\/blog\/#\/schema\/person\/c6b2121827b5cec35e768942547be8ed\"},\"description\":\"Discover the best banner sizes for social media, websites, and ads. Get recommended dimensions to create sharp, professional banners.\",\"breadcrumb\":{\"@id\":\"https:\/\/designwiz.com\/blog\/banner-size\/#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780643927858\"},{\"@id\":\"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780909924605\"},{\"@id\":\"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917920731\"},{\"@id\":\"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917931453\"},{\"@id\":\"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917943170\"},{\"@id\":\"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917979833\"}],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/designwiz.com\/blog\/banner-size\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/designwiz.com\/blog\/banner-size\/#primaryimage\",\"url\":\"https:\/\/designwiz.s3.amazonaws.com\/blog\/the-ultimate-banner-size-guide-1.jpg\",\"contentUrl\":\"https:\/\/designwiz.s3.amazonaws.com\/blog\/the-ultimate-banner-size-guide-1.jpg\",\"width\":735,\"height\":400,\"caption\":\"the ultimate banner size guide\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/designwiz.com\/blog\/banner-size\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/designwiz.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Best Banner Sizes for Social Media, Websites, and Advertising\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/designwiz.com\/blog\/#website\",\"url\":\"https:\/\/designwiz.com\/blog\/\",\"name\":\"DesignWiz\",\"description\":\"Graphic Design Software For Marketers\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/designwiz.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/designwiz.com\/blog\/#\/schema\/person\/c6b2121827b5cec35e768942547be8ed\",\"name\":\"Himanshi Kalkani\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/designwiz.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d449a6ffc6a16eca8284c6646d2ac0ac15c852be9fcd151cea12eed2f38b143c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d449a6ffc6a16eca8284c6646d2ac0ac15c852be9fcd151cea12eed2f38b143c?s=96&d=mm&r=g\",\"caption\":\"Himanshi Kalkani\"},\"url\":\"https:\/\/designwiz.com\/blog\/author\/himanshikalkani-obgmail-com\/\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780643927858\",\"position\":1,\"url\":\"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780643927858\",\"name\":\"What is the best banner size for Facebook?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Cover photo: 820\u00d7312px (desktop), 640\u00d7360px (mobile). Feed and ad images: 1200\u00d7628px (1.91:1 ratio). Stories and Reels: 1080\u00d71920px. For ads, 1200\u00d7628px is the most versatile single size.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780909924605\",\"position\":2,\"url\":\"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780909924605\",\"name\":\"What size should a website hero banner be?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Use 1280\u00d7720px (16:9) as a minimum. For full-screen backgrounds, use 1920\u00d71080px. Keep file size under 200 KB and all key content in the center 80% safe zone to avoid cropping on mobile screens.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917920731\",\"position\":3,\"url\":\"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917920731\",\"name\":\"What is the standard Google Display Ad size?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The 300\u00d7250px Medium Rectangle has the highest reach and fits the most placements globally. Start with 300\u00d7250, 728\u00d790, and 160\u00d7600; these three cover the majority of available display inventory. Max file size: 150 KB recommended, 5 MB maximum.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917931453\",\"position\":4,\"url\":\"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917931453\",\"name\":\"What is the Instagram banner size in 2026?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Instagram switched to a taller 3:4 portrait profile grid in January 2026. Design feed posts at 4:5 (1080\u00d71350px) for best display and organic reach. Stories and Reels: 1080\u00d71920px. Profile picture: 320\u00d7320px, displayed as a circle.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917943170\",\"position\":5,\"url\":\"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917943170\",\"name\":\"What file format should I use for banner ads?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"JPG for photographic banners (smallest size), PNG for graphics with transparency or sharp text, WebP for web and email (up to 50% smaller than JPG), GIF for simple animations (max 30-second loop), HTML5 for interactive rich media ads.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917979833\",\"position\":6,\"url\":\"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917979833\",\"name\":\"Do banner sizes affect SEO?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, indirectly but significantly. Oversized banners slow page load time; a jump from 1 to 3 seconds increases bounce rate by 32%, which harms rankings. Google uses Core Web Vitals (including Largest Contentful Paint, often a hero banner) as a ranking factor. Always compress banners before uploading.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Best Banner Sizes for Social Media, Websites & Ads","description":"Discover the best banner sizes for social media, websites, and ads. Get recommended dimensions to create sharp, professional banners.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/designwiz.com\/blog\/banner-size\/","og_locale":"en_US","og_type":"article","og_title":"Best Banner Sizes for Social Media, Websites & Ads","og_description":"Discover the best banner sizes for social media, websites, and ads. Get recommended dimensions to create sharp, professional banners.","og_url":"https:\/\/designwiz.com\/blog\/banner-size\/","og_site_name":"DesignWiz","article_published_time":"2026-06-11T07:38:11+00:00","article_modified_time":"2026-06-11T10:11:00+00:00","og_image":[{"width":735,"height":400,"url":"https:\/\/designwiz.s3.amazonaws.com\/blog\/the-ultimate-banner-size-guide-1.jpg","type":"image\/jpeg"}],"author":"Himanshi Kalkani","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Himanshi Kalkani","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["WebPage","FAQPage"],"@id":"https:\/\/designwiz.com\/blog\/banner-size\/","url":"https:\/\/designwiz.com\/blog\/banner-size\/","name":"Best Banner Sizes for Social Media, Websites & Ads","isPartOf":{"@id":"https:\/\/designwiz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/designwiz.com\/blog\/banner-size\/#primaryimage"},"image":{"@id":"https:\/\/designwiz.com\/blog\/banner-size\/#primaryimage"},"thumbnailUrl":"https:\/\/designwiz.s3.amazonaws.com\/blog\/the-ultimate-banner-size-guide-1.jpg","datePublished":"2026-06-11T07:38:11+00:00","dateModified":"2026-06-11T10:11:00+00:00","author":{"@id":"https:\/\/designwiz.com\/blog\/#\/schema\/person\/c6b2121827b5cec35e768942547be8ed"},"description":"Discover the best banner sizes for social media, websites, and ads. Get recommended dimensions to create sharp, professional banners.","breadcrumb":{"@id":"https:\/\/designwiz.com\/blog\/banner-size\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780643927858"},{"@id":"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780909924605"},{"@id":"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917920731"},{"@id":"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917931453"},{"@id":"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917943170"},{"@id":"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917979833"}],"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/designwiz.com\/blog\/banner-size\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/designwiz.com\/blog\/banner-size\/#primaryimage","url":"https:\/\/designwiz.s3.amazonaws.com\/blog\/the-ultimate-banner-size-guide-1.jpg","contentUrl":"https:\/\/designwiz.s3.amazonaws.com\/blog\/the-ultimate-banner-size-guide-1.jpg","width":735,"height":400,"caption":"the ultimate banner size guide"},{"@type":"BreadcrumbList","@id":"https:\/\/designwiz.com\/blog\/banner-size\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/designwiz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Best Banner Sizes for Social Media, Websites, and Advertising"}]},{"@type":"WebSite","@id":"https:\/\/designwiz.com\/blog\/#website","url":"https:\/\/designwiz.com\/blog\/","name":"DesignWiz","description":"Graphic Design Software For Marketers","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/designwiz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/designwiz.com\/blog\/#\/schema\/person\/c6b2121827b5cec35e768942547be8ed","name":"Himanshi Kalkani","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/designwiz.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d449a6ffc6a16eca8284c6646d2ac0ac15c852be9fcd151cea12eed2f38b143c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d449a6ffc6a16eca8284c6646d2ac0ac15c852be9fcd151cea12eed2f38b143c?s=96&d=mm&r=g","caption":"Himanshi Kalkani"},"url":"https:\/\/designwiz.com\/blog\/author\/himanshikalkani-obgmail-com\/"},{"@type":"Question","@id":"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780643927858","position":1,"url":"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780643927858","name":"What is the best banner size for Facebook?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Cover photo: 820\u00d7312px (desktop), 640\u00d7360px (mobile). Feed and ad images: 1200\u00d7628px (1.91:1 ratio). Stories and Reels: 1080\u00d71920px. For ads, 1200\u00d7628px is the most versatile single size.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780909924605","position":2,"url":"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780909924605","name":"What size should a website hero banner be?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Use 1280\u00d7720px (16:9) as a minimum. For full-screen backgrounds, use 1920\u00d71080px. Keep file size under 200 KB and all key content in the center 80% safe zone to avoid cropping on mobile screens.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917920731","position":3,"url":"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917920731","name":"What is the standard Google Display Ad size?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"The 300\u00d7250px Medium Rectangle has the highest reach and fits the most placements globally. Start with 300\u00d7250, 728\u00d790, and 160\u00d7600; these three cover the majority of available display inventory. Max file size: 150 KB recommended, 5 MB maximum.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917931453","position":4,"url":"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917931453","name":"What is the Instagram banner size in 2026?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Instagram switched to a taller 3:4 portrait profile grid in January 2026. Design feed posts at 4:5 (1080\u00d71350px) for best display and organic reach. Stories and Reels: 1080\u00d71920px. Profile picture: 320\u00d7320px, displayed as a circle.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917943170","position":5,"url":"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917943170","name":"What file format should I use for banner ads?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"JPG for photographic banners (smallest size), PNG for graphics with transparency or sharp text, WebP for web and email (up to 50% smaller than JPG), GIF for simple animations (max 30-second loop), HTML5 for interactive rich media ads.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917979833","position":6,"url":"https:\/\/designwiz.com\/blog\/banner-size\/#faq-question-1780917979833","name":"Do banner sizes affect SEO?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Yes, indirectly but significantly. Oversized banners slow page load time; a jump from 1 to 3 seconds increases bounce rate by 32%, which harms rankings. Google uses Core Web Vitals (including Largest Contentful Paint, often a hero banner) as a ranking factor. Always compress banners before uploading.","inLanguage":"en-US"},"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/designwiz.com\/blog\/wp-json\/wp\/v2\/posts\/49107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designwiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/designwiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/designwiz.com\/blog\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/designwiz.com\/blog\/wp-json\/wp\/v2\/comments?post=49107"}],"version-history":[{"count":33,"href":"https:\/\/designwiz.com\/blog\/wp-json\/wp\/v2\/posts\/49107\/revisions"}],"predecessor-version":[{"id":49293,"href":"https:\/\/designwiz.com\/blog\/wp-json\/wp\/v2\/posts\/49107\/revisions\/49293"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designwiz.com\/blog\/wp-json\/wp\/v2\/media\/49295"}],"wp:attachment":[{"href":"https:\/\/designwiz.com\/blog\/wp-json\/wp\/v2\/media?parent=49107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designwiz.com\/blog\/wp-json\/wp\/v2\/categories?post=49107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designwiz.com\/blog\/wp-json\/wp\/v2\/tags?post=49107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}