New here? Start with these three
- How to resize a logo without losing quality — the rules that apply to every other guide.
- Logo sizes for social media — every profile, cover and post canvas in one place.
- PNG vs WebP vs JPEG for logos — pick the right file before you export.
Resizing fundamentals
How to Resize a Logo Without Losing Quality
The source-file hierarchy, the math behind sharp exports, and a step-by-step resize method that avoids blur, stretching and halos.
Workflow guideBuild a Complete Logo Asset Kit in One Batch
Every logo file a small business needs, the folder structure agencies use, naming conventions and a batch workflow to export the lot at once.
Transparency & color versions
Make a Logo Background Transparent Without Photoshop
Remove a white or solid background from a JPG or PNG logo, avoid the white-halo problem, keep the holes in letters, and prepare the file for Canva.
Colour versionsHow to Make a Logo White, Black or Single-Colour (Transparent PNG)
When to use white, black and one-colour logo versions, the exact recolour settings for a crisp result, and how to handle multi-colour and gradient logos.
File formats & file size
PNG vs WebP vs JPEG for Logos: Which Format Should You Use?
Our test of one logo in seven encodings: real file sizes, zoomed edge artefacts, transparency support and a format decision table.
Web formatsLogo PNG vs SVG for Your Website: Which File Should You Upload?
When SVG wins, when PNG is safer, how to spot a “fake” SVG, WordPress upload security, and the HTML that keeps your header logo fast and stable.
Vector guideConvert a PNG Logo to SVG for Free: When Vectorizing Works and When It Does Not
How tracing turns pixels into paths, which logos convert cleanly, the colour/detail/smoothing settings to use, a quality checklist, and when to pay for a redraw.
File size fixesLogo File Size Too Large? Shrink It Without Wrecking Quality
The five causes of oversized logo files, target sizes by use, a step-by-step slimming order, and upload limits for the platforms that reject big files.
Websites, email & favicons
Website Header Logo Size: Resize Your Logo for Desktop, Mobile and Retina
Typical header logo heights for desktop and mobile, the 2× export rule, sticky and transparent headers, and settings for WordPress, Squarespace and Wix.
Email guideEmail Signature Logo Size: Gmail and Outlook Setup Without Broken Images
Display and export sizes for signature logos, hosting vs embedding, step-by-step Gmail and Outlook setup, and fixes for giant, blurry, missing and dark-mode logos.
Favicon guideHow to Create a Favicon From Your Logo
Which favicon files you actually need, how to simplify a logo for 16 px, the HTML to paste, Google’s 48 px rule, and platform steps for WordPress, Shopify and Wix.
Online stores & local business
Google Business Profile Logo Size and How Google Shows Your Logo
GBP logo and cover photo specs, where your logo appears, why Google sometimes shows a different image, and the structured data that tells Search which logo is yours.
Shopify guideResize Your Logo for a Shopify Store: Header, Favicon, Checkout and Emails
How Shopify themes size your logo, the export sizes that stay sharp, and where to set the favicon, checkout logo and email logo.
Etsy guideEtsy Shop Logo Size: Shop Icon, Banners and Branded Packaging
Shop icon and banner sizes, how Etsy crops them on the app and desktop, icon design for tiny sizes, and carrying your logo onto packaging and inserts.
QR codes & video branding
QR Code With a Logo: How Big Can the Logo Be?
How QR error correction lets a logo sit in the middle, safe logo sizes, quiet zones, print-size rules of thumb and a scan-testing checklist.
Video brandingLogo Watermark Size for Video: YouTube, Reels, TikTok and Shorts
Pixel sizes for 1080p, 4K and 9:16 watermarks, app-safe corners, opacity and the transparent PNG export that editors like CapCut and Premiere expect.
Social media & platforms
Logo Sizes for Social Media 2026: The Complete Cheat Sheet
Profile and banner sizes for every major network in one table, the circle-crop math, and platform-specific gotchas for Facebook, X, Pinterest and TikTok.
Instagram guideInstagram Profile Picture Logo Size and Highlight Covers
Why Instagram logos look tiny, the padding the circle crop needs, dark-mode-safe backgrounds and how to design a matching set of Highlight covers.
YouTube guideResize Your Logo for YouTube: Profile Picture, Banner and Thumbnails
Channel icon, banner safe area, thumbnail branding and watermark — the sizes, the crops across TV, desktop and phone, and a layout that survives all of them.
LinkedIn guideLinkedIn Logo Size: Company Page Logo, Cover Image and Personal Banner
Company logo, cover and personal banner sizes, the overlap zones to keep clear, and why a transparent logo can disappear in LinkedIn’s dark mode.