You have a beautiful SVG logo — crisp, scalable, perfect on your website. Then you try to upload it to Facebook, paste it into an Outlook email signature, or upload it to WordPress — and it either gets rejected outright or shows nothing at all. The problem isn't your logo. It's that SVG, despite being the best image format for logos on websites, is blocked or unsupported in dozens of real-world contexts.
When the svg vs png for logos debate becomes irrelevant because SVG simply won't work in your destination, you need a clean PNG export strategy. This guide covers exactly when SVG to PNG conversion is required, what DPI and pixel settings to use for each context, and which tools deliver the cleanest results for the best image format for logos in raster form.
4 Situations Where SVG Simply Won't Work
1. Email Clients — Outlook and Gmail Reject SVG
This is the biggest practical problem with SVG logos. Outlook (all versions, including Outlook 365 on Windows) does not render SVG images placed via <img src="logo.svg"> tags in email HTML. The image either shows as a broken icon or doesn't render at all. Gmail has similar restrictions in many contexts.
The reason is security and cross-client compatibility. Email clients are extremely conservative — they support a limited HTML/CSS subset to ensure rendering across thousands of different email environments. SVG can contain embedded JavaScript, which makes it a security risk in email. For email signatures and HTML email templates, PNG is the only reliable choice for logo images.
2. WordPress and Many CMS Platforms Block SVG Uploads
WordPress core blocks SVG file uploads by default since SVG files can contain embedded malicious scripts. When you try to upload your logo.svg through the Media Library, you'll see an error: "This file type is not permitted for security reasons." You either need a plugin (like Safe SVG, which sanitizes uploaded SVG files) or you need to use PNG for your logo uploads.
Other CMS platforms have similar restrictions — Squarespace, Wix, and many custom-built platforms either block SVG entirely or require specific configuration to enable it. PNG is universally accepted across all CMS platforms.
3. Social Media Platforms Require Raster Formats
None of the major social networks support SVG image uploads. Twitter/X, Facebook, LinkedIn, Instagram, YouTube, TikTok, Pinterest — all of them require JPEG or PNG for profile images, cover photos, and post images. SVG is a web format; social platforms work with raster images that they can process, resize, and serve via CDN. For social media avatars and branded assets, PNG is your only SVG alternative (not JPG — always PNG for logos with sharp edges).
4. Favicons — Mostly Require ICO or Small PNG
While modern browsers do support SVG favicons (using <link rel="icon" type="image/svg+xml" href="favicon.svg">), this isn't universal. Safari on iOS, older Chrome versions, and many third-party tools that display favicons (RSS readers, bookmarking apps, link previews) still expect an ICO file or small PNG. A 32×32 PNG favicon is the most universally compatible option. An SVG favicon alongside it covers modern browsers. Both: ideal. SVG only: expect gaps.
DPI Matters: What Settings to Use for Each Context
When converting SVG to PNG, the most common mistake is ignoring DPI settings. DPI (dots per inch) determines how many pixels are generated per physical inch of output. For screen use, DPI affects total pixel count at a given output size. For print, it directly determines reproduction quality.
| Context | DPI Setting | Recommended Pixel Width | Background |
|---|---|---|---|
| Website (PNG fallback) | 72–96 DPI | 1000px wide | Transparent |
| Email signature | 72–96 DPI | 200px wide (400px @2x) | Transparent |
| Social media avatar | 72–96 DPI | 500×500px square | Transparent or brand color |
| Business card print | 300 DPI | 354px minimum at 1.18" target | Transparent (printer adds bg) |
| Large print banner (90cm wide) | 150 DPI | 5315px wide | Transparent |
| Presentation (PowerPoint) | 96–150 DPI | 1000px wide | Transparent |
4 Tool Comparison for SVG to PNG Conversion
ConvertiImage — Fast Online Conversion
Best for: Quick conversions without software. Upload SVG or high-res PNG, set output dimensions, download PNG with transparent background. Free, no account required. Excellent for creating social media variants (500×500) and email signature versions (400px @2x) from an existing high-res PNG master. Visit convertiimage.com for instant conversions.
| Feature | Status |
|---|---|
| Transparent background output | Yes |
| Custom pixel dimensions | Yes |
| Free to use | Yes |
| Batch conversion | Yes |
| DPI control | Yes |
Inkscape — Command-Line Batch Export
Best for: Developers and designers needing automated, scripted conversions. Inkscape's command-line interface exports SVG to PNG with precise DPI control:
inkscape --export-type=png --export-width=1000 --export-dpi=300 logo.svg -o logo-300dpi.png
Inkscape is free and open-source. Batch export multiple sizes with a shell script — ideal for maintaining a Brand Kit with multiple variants.
Canva — No-Software Browser Conversion
Best for: Non-technical users who need quick PNG exports. Upload your SVG to Canva (Pro plan), place it on a canvas at your target dimensions, and export as PNG with transparent background. Limitation: Canva's SVG rendering may not perfectly handle complex paths or custom fonts — always proof the output against your original.
Adobe Illustrator — Professional Export Suite
Best for: Print-ready and professional-grade conversions. File → Export → Export for Screens lets you export multiple sizes in one operation. Set artboard dimensions, choose PNG-24 (transparent) or PNG-8 (smaller file, limited colors), and export at 1×, 2×, and 3× simultaneously. Best choice when you're delivering a complete brand kit to a client.
Output Size Recommendations by Platform
Social Media Avatar — All Platforms
- Pixel dimensions: 500×500 PNG with transparent background (or brand color background)
- File size target: Under 500 KB
- Format: PNG-24 (full transparency support)
- Works for: Twitter/X (400×400), Facebook (180×180), LinkedIn (400×400), Instagram (110×110), YouTube (800×800 recommended but 500 works)
Email Signature Logo
- Pixel dimensions: 400px wide × proportional height (displays at 200px wide, @2x for Retina)
- File size target: Under 20 KB (large email logos trigger spam filters and slow loading)
- Format: PNG-24 with transparent background
- Note: Host the image on your website and reference via URL — don't embed base64 or attach the file
Website PNG Fallback (for SVG-unsupported contexts)
- Pixel dimensions: 1000px wide × proportional height
- DPI: 72–96 DPI (screen)
- Format: PNG-24 with transparent background
- Compress with: convertiimage.com to reduce file size without quality loss
