How to Open SVG and Convert It to PNG, JPG or PDF
You downloaded a logo or icon as an .svg file — but double-clicking either shows nothing or opens a page of cryptic text. Don't worry: the file is fine. Below is a short, practical plan: how to open SVG, how to actually see the picture, and how to turn it into a plain PNG, JPG or PDF in half a minute.
Why SVG "won't open" in a normal viewer
The main reason for the confusion is that an SVG is not an image in the usual sense — it's text. The full name is Scalable Vector Graphics. Inside the file there is no grid of pixels like in a PNG or JPG; instead there is an instruction written in XML: "draw a circle here, a line there, fill this shape blue." A browser or editor reads those instructions and re-draws the image from scratch — at any size, always sharp.
That's why ordinary photo viewers sometimes refuse to show an SVG: they expect ready-made pixels and can't "execute" a vector. And the operating system often links .svg to a code editor by default — hence the page of strange text instead of a picture. The file is perfectly healthy; it was just opened with the wrong program.
In short
An SVG isn't "broken" — it's a drawing-as-instructions, not pixels. To see the picture you need a program that can draw vectors: the easiest is a browser. To send an SVG somewhere that doesn't understand vectors (social media, messengers, documents), you convert it to PNG, JPG or PDF.
The fastest way: open it in a browser
If you just want to view the picture rather than edit it, don't go hunting for special software. Every modern browser opens SVG: Chrome, Firefox, Edge, Safari. Built-in SVG support has been there for well over a decade.
It takes a couple of seconds: open a new browser tab and simply drag the .svg file into the window with your mouse. The image appears instantly, at full quality and scale. The alternative is to right-click the file → "Open with" → pick your browser.
A zoom trick
Since SVG is a vector, you can zoom in endlessly in the browser (Ctrl + scroll) and the edges stay perfectly smooth — no pixel "staircase." That's the format's superpower: the very same icon looks crisp at 16 px and on a billboard.
Open and edit it in an editor
A browser shows the picture but won't let you change it. To tweak a color, some text or a shape, open the file in a vector editor — there the SVG turns into a set of separate, editable shapes.
- Inkscape — free and open source. This is the best option if you don't want to pay: Inkscape is built around the SVG format and opens it natively, with no loss. Available for Windows, macOS and Linux.
- Adobe Illustrator — the industry standard for designers. Opens and saves SVG directly, on a subscription.
- Figma — runs right in the browser, nothing to install. Handy for importing an SVG, adjusting it, and exporting straight to PNG.
- CorelDRAW — another professional vector package with SVG support.
- GIMP — a free editor, but a raster one: it will open an SVG, yet it rasterizes it immediately, i.e. turns it into pixels. It's not the tool for editing a vector as a vector — use it only when you actually want a raster result.
A note on fonts
If an SVG contains text, it may reference a font you don't have installed. The editor will then substitute another one and the lettering will shift. To avoid this, designers convert text to outlines (curves) before saving — the letters become ordinary shapes and look identical everywhere.
Open it as code: SVG is just text
Because an SVG is XML, you can open it in any text editor: Notepad, VS Code, Notepad++ or a built-in code editor. Inside you'll see readable tags: <svg>, <path>, <circle>, <rect>, and on the shapes, attributes like fill="#3b82f6" (the fill color).
Why bother? Sometimes it's the fastest way to make an edit. To recolor an icon you don't need to launch a heavy editor — just find the relevant fill in the code and change the color value. It also explains why SVG is so at home on the web: you can paste it straight into an HTML page, animate it with CSS, and change its color on the fly.
Convert SVG to PNG, JPG and PDF in 30 seconds
Most people convert SVG because it isn't accepted everywhere. Social networks, messengers, marketplaces, word processors and many websites expect a familiar raster format. Turning a vector into pixels is called rasterization — and here you get a superpower: you choose the output size yourself.
Which format to pick for the job:
| Convert to | When to choose it | Transparency |
|---|---|---|
| PNG | Icons, logos, graphics for websites and social media — you need a transparent background and crisp edges | Yes |
| JPG | When small file size matters, you don't need transparency, and the image is close to a photo | No |
| For print, documents and sending a layout — the vector is preserved and scales | Yes |
The simplest route is an online converter: nothing to install, everything runs in the browser. Here's how it looks step by step:
Upload the SVG
Drag the file into the SVG → PNG converter window. You can load several at once.
Set size or DPI
For screen, give the pixel size you need; for print, set 300 DPI. Turn on transparency if the background should stay clear.
Download the result
The finished PNG opens in any program on any device. Several files can be grabbed as one archive.
The golden rule of size
Since you're rasterizing a vector, don't be stingy with pixels. Shrinking a large PNG with no quality loss is easy, but enlarging a small one is not: you'll get blur and a jagged "staircase." When in doubt, export bigger than you think you need.
Turn your SVG into PNG right now
The free FormatZ converter rasterizes your vector at the size and DPI you choose — right in the browser, with no install and no sign-up. Need a different format? There's SVG → JPG and SVG → PDF.
Convert SVG to PNGThe other way: PNG to SVG with tracing
And what if it's the reverse — you have a raster image (PNG or JPG) and you need a vector? That conversion is called tracing (or vectorization): an algorithm analyzes the image, finds areas of solid color and the borders between them, and outlines them with mathematical curves.
Here it's important to be honest about the limits of the technology. Tracing only works well for simple graphics: logos, icons, black-and-white line art, lettering — anything with few colors and clean edges. A regular photo cannot be vectorized cleanly: it has thousands of shades and smooth gradients that don't break down into flat fills. The result will be either huge and heavy or coarse and unlike the original.
If what you have is genuinely a logo or icon in PNG, try the PNG → SVG converter. After tracing, it's worth opening the result in an editor and tidying it up — even on simple graphics the algorithm sometimes leaves stray points.
Batch conversion: many files at once
When you need to convert not one SVG but a whole folder of icons, running them one by one is tedious. An online converter solves this with batch upload: you drag in several files, pick a single set of settings (format, size, DPI) and download all the results in one archive.
That's handy for preparing, say, a set of site icons at one size, or a client's logos in PNG. The same steps work for other directions too — see all available conversions on the all formats page.
The takeaway is simple. To view an SVG — open it in a browser. To edit it — use Inkscape or Figma. To send it anywhere — convert it to PNG, JPG or PDF. No magic — just a few clicks in the browser.
FAQ about opening and converting SVG
.svg to a code editor or to a program that shows text instead of the picture. SVG is a text-based XML file, so some image viewers can't draw it. The most reliable way to see the image is to open the file in a browser: drag the .svg into a Chrome, Firefox or Edge window.
