What Is an SVG File? How to Open and Convert It Free

An SVG (Scalable Vector Graphics) file is an image described as shapes, lines and text instead of a grid of pixels. That's why it stays perfectly sharp at any size, from a tiny icon to a billboard. Any web browser can open one. When an app or website won't accept it, convert it to a PNG at the size you need with the free SVG to PNG converter, which works in your browser without uploading the file.

Vector vs raster: the key idea

There are two ways to store a picture:

• Raster images (JPG, PNG, WebP, HEIC) store a grid of coloured pixels. Enlarge one and you eventually see the squares or a blur, because the grid has a fixed number of pixels.
• Vector images (SVG, and design formats like AI and EPS) store instructions: "a circle here, this wide, filled blue; a line from here to there". The computer redraws them at whatever size you ask for, so edges are always crisp.

Vectors are perfect for things made of clean shapes: logos, icons, diagrams, charts, maps and illustrations. They're wrong for photographs, which are millions of tiny variations in colour that no set of shapes can describe efficiently. That's why photos are JPGs and logos are often SVGs.

What's inside an SVG file

An SVG is a plain text file in a format called XML. Open one in Notepad or TextEdit and you'll see something like this:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="40" fill="#2a6df4" />
</svg>

That's a complete image: a blue circle. Because it's text:

• Simple SVGs are tiny, often just a few KB.
• Developers can edit colours by changing a word, and style or animate them with code on a web page.
• The file can describe its size in its own units (the viewBox), with no fixed pixel count.

SVG is an open web standard from the W3C, the group that looks after web standards, so every modern browser supports it.

Where you'll meet SVG files

• Logos from a designer or a brand's press kit.
• Icons on websites and in apps.
• Downloads from icon libraries and illustration sites.
• Charts and diagrams exported from tools and spreadsheets.
• Cutting machines and laser cutters, which follow the vector paths.

How to open an SVG file

• Any web browser. Drag the file into Chrome, Edge, Firefox or Safari, or right-click it and choose Open with and your browser. This is the quickest way to see it.
• Mac Quick Look. Select the file in Finder and press the space bar for a quick preview.
• Design apps. Inkscape (free), Adobe Illustrator, Affinity Designer and Figma open SVGs for editing, as does the free vector editor, which exports SVG, PNG or JPG.
• Office apps. Recent versions of Microsoft Word and PowerPoint can insert SVGs as images.

When SVG doesn't work, and what to do

Plenty of places still expect pixels. You'll usually need a PNG when:

• Uploading to social media or a profile. Most platforms accept JPG and PNG, not SVG.
• Adding a logo to a document or email signature. Older Office versions and many email apps don't display SVGs.
• Sending a logo to someone non-technical. A PNG opens anywhere with a double-click.
• Using it in a form or a marketplace listing that lists the formats it accepts.

To convert:

1. Open the free SVG to PNG converter and choose or drop your SVG (up to 20 MB). You'll see a preview and its natural size.
2. Type the Width (px) you need, or press 512, 1024 or 2048. The height follows automatically, up to 8,000 px on each side (very large sizes can fail on phones).
3. Under Background, keep Transparent for logos that sit on coloured backgrounds, or choose White for places that don't support transparency.
4. Click Convert to PNG, then Download PNG.

Because the SVG is redrawn at the width you choose, the PNG is sharp even at large sizes. Our step-by-step guide on converting SVG to PNG covers choosing widths for different uses, and SVG vs PNG helps you decide which to keep.

Making a favicon from an SVG

Site icons (favicons) are a common reason to have an SVG logo. Convert it to a square PNG first, then use the free favicon generator to make favicon.ico and the PNG sizes browsers and phones expect. See how to make a favicon.

A note on safety

Because SVG is code-like text, it can contain scripts and links to outside files. Browsers limit what an SVG can do when it's shown as a plain image, but some websites refuse SVG uploads for this reason. Only open SVGs from sources you trust in design apps, and convert to PNG when a site won't take the SVG.

The quick way

Open your SVG in the free SVG to PNG converter, pick a width and background, and download a sharp PNG. It's free and the file never leaves your device.