FormatDrop
Image Format

SVG

Scalable Vector Graphics

SVG is fundamentally different from every other image format — instead of storing pixels, it stores mathematical descriptions of shapes, paths, and text. The result: SVG images are infinitely scalable with no quality loss, tiny file sizes for simple graphics, and fully editable in code. But SVG has compatibility gaps where PNG or PDF are needed.

What is SVG?

SVG (Scalable Vector Graphics) is an XML-based vector image format developed by the W3C and first published as a recommendation in 2001. While raster formats (JPG, PNG, GIF, WebP) store images as a grid of pixels with fixed resolutions, SVG stores images as mathematical descriptions: circles defined by centre point and radius, paths defined by Bézier curves, text stored as actual text with font references, and shapes filled with colours or gradients. The practical implications are profound. A 100×100 pixel PNG icon and a 4000×4000 pixel PNG of the same icon are different files with very different sizes. A single SVG of the same icon renders perfectly at both 100px and 4000px from the same file — because it's just mathematical definitions scaled to the requested size. SVG file sizes for simple icons and logos are remarkably small: a typical web icon is 1–5 KB as SVG, which might be 10–100 KB as a high-resolution PNG. SVG also has additional capabilities beyond static images: it supports animation (SMIL and CSS animation), scripting (interactive SVGs with JavaScript), embedded fonts and text, filters and effects, and gradient fills. All major browsers support SVG natively; modern image editors (Illustrator, Figma, Inkscape) work with SVG as their native format. The compatibility gaps: SVG is not supported in older versions of Office, email clients, many print workflows, and some image processing systems that expect raster images. For these contexts, converting SVG to PNG or PDF is standard practice.

SVG pros and cons

Advantages

  • Infinitely scalable — perfect at any size from favicon to billboard
  • Small file sizes for simple graphics (icons, logos, illustrations)
  • Editable in any text editor or vector design tool
  • Supports animation, interactivity, and scripting
  • Native browser support — no decoding overhead
  • Accessible: text in SVG is real text, searchable and selectable
  • CSS styling and theming — SVG can be styled like HTML elements

Limitations

  • Not suitable for photographs — photos need to be raster formats
  • Complex SVGs with many paths can be larger than raster equivalents
  • Not supported in older email clients or some document workflows
  • Scripted or animated SVGs may be blocked for security reasons
  • Some platforms require raster images (PNG/JPG) and reject SVG
  • Complex vector artwork can be slow to render in the browser

When should you convert SVG files?

Convert SVG to PNG when you need to use a logo or icon in an app, document, or platform that doesn't support SVG — Microsoft Office, email clients, most CMS image fields. Convert SVG to PDF when submitting vector artwork to a print shop (PDF is the standard for print). Convert PNG or JPG to SVG only if the source is a simple graphic — auto-tracing a photograph to SVG produces extremely large, poor-quality results.

Convert SVG files

SVG→PNG
SVG→PDF
PNG→SVG
EPS→PNG

All FormatDrop conversions run entirely in your browser — no file upload, no server processing. Your files stay on your device.

SVG FAQ

Why is SVG better than PNG for logos?
PNG is a fixed-resolution raster format — a 200×200 PNG logo looks sharp at 200px but blurry if scaled up to 1000px. SVG is resolution-independent: the same SVG renders perfectly at any size, from a 16px favicon to a full-page header. SVG logos are also typically smaller in file size (2–5 KB vs. 20–100 KB for a comparable high-res PNG), support transparency, and can be styled with CSS.
Can I edit an SVG file?
Yes — SVG is XML text, so you can open it in any text editor and read or modify the code. For visual editing, Inkscape (free, open-source), Adobe Illustrator, and Figma all work with SVG natively. Web browsers can also render SVG directly, and browser DevTools let you inspect and modify SVG elements just like HTML.
Why doesn't SVG work in my email?
Most email clients don't support SVG for security reasons — SVG can contain embedded JavaScript, which is a potential attack vector in an email context. Gmail, Outlook, Apple Mail, and Yahoo all block or fail to display SVG images in emails. Always convert SVG to PNG before using in email templates or attachments.

More formats

HEICWebPAVIFEPUBWebMOpusMP3WAVM4AFLACAACMP4AVIMKVMOVJPGPNGGIFTIFFICOBMPEPSARWOGGWMVPPTXPagesPDFDOCXRAWHEVCH.264AIFFM4VWMA3GPDNGRTFPSDOGVTSFLVAIXLSXCSVZIPAPNGMIDIJPEG XLMPG/MPEGVOBM2TSAC3ALACDTSJP2HEIFAPECBZ3G2SRTDOCPPTXLSODTODSM3URAR7ZM4BAMRTXTMOBITARGZJSONXMLYAMLKEYMTSCR2NEFMXFTGACAFASSVTTDSFRMF4VWVASFRMVBORFRW2EAC-3TTAISODMGXZDjVuFB2AUM4RAZW3MKAEXRVCFICSAAXPRCMP2SPXXSPFM3U8