Vector

What is an SVG file?

Updated Jul 2026

Definition

SVG (Scalable Vector Graphics) is an image format that describes pictures as shapes and paths written in text, rather than a grid of pixels. Because it's math based, it can be resized to any dimension, from a tiny favicon to a huge banner, without losing quality, and it stays lossless. It isn't suited for photos, which need pixel based formats instead.

SVGScalable Vector Graphics

Extension: .svg
Type: Vector
Typically: Web icons, logos
Transparency: Supported

Why SVG exists

SVG became a web standard in 2001, built on XML, the same text based structure behind many web documents. Instead of storing a color for every pixel, an SVG file stores instructions: draw a circle here, fill this path with that color, move this line there.

That approach is why SVG scales so well. A logo saved as SVG looks identical on a phone screen and on a wall sized poster, because the shapes are redrawn fresh at whatever size is needed instead of being stretched. It also means the file can be opened in a plain text editor and read, since it's really just code describing a picture.

Most people run into SVG through icons, logos, and simple illustrations on websites and apps. The trouble starts when that vector file needs to go somewhere that only takes pixel images, like a photo editor, a print shop template, or a social media upload box, and it has to be converted to PNG or JPG first.

The trade-offs

Strengths

Scales to any size without losing sharpness
Lossless, so quality never degrades
Very small file size for simple graphics like icons and logos
Supports transparency
Editable as text or in vector design tools

Watch-outs

Not suited for photos or anything with complex, photographic detail
Some apps, print shops, and upload forms only accept pixel formats
Complex illustrations can render differently across browsers
File size grows quickly if a graphic has a lot of intricate detail

A note on privacy

An SVG file doesn't carry photo metadata like GPS coordinates, since it isn't a camera format. But it is plain text, and it can include embedded scripts or links to outside resources, which is why some sites strip or sanitize SVGs before accepting them. Converting on your own computer means that file, and whatever code sits inside it, never has to be uploaded to someone else's server just to be resized or turned into a PNG.

Convert an SVG file

Questions

How do I open an SVG file?

Any modern web browser opens SVG files directly. Design apps and some text editors can open them too, since underneath they're just code describing shapes.

Is SVG better than PNG?

For logos, icons, and flat illustrations, SVG usually wins because it scales cleanly and stays small. For photos or anything with fine gradients and detail, PNG or JPG is the better fit.

Why do logos and icons use SVG?

Because a logo needs to look sharp whether it's the size of a favicon or printed on a sign, and SVG redraws the shapes at whatever size is needed instead of stretching pixels.

Can I convert SVG without uploading it?

Yes. A desktop app like Morphjet converts SVG to PNG or JPG on your own computer, so the file never has to leave your machine to be processed.

Can an SVG have a transparent background?

Yes, transparency is built into the format, which is one reason it's a common choice for logos that need to sit on top of different colored backgrounds.

Morphjet opens and converts SVG and 1,800+ other formats, all on your own computer. Launching this July.