Vector Graphics Editor

Explore how vector images are stored using shapes, coordinates, colours and instructions rather than individual pixels. Scale the image, edit the shapes and inspect the SVG-style data used to recreate the picture.

2. Vector picture

shape instructions

Vector Settings





Export this graphic: SVG saves the editable vector instructions whereas PNG saves a rasterised bitmap copy.

Generated Vector Data

Vector File Stats

Objects
0
Instructions
0
Approx. SVG
0 B
Display size
100%
Vector file size is mainly affected by the number and complexity of objects, not by how large the image is displayed.

Vector Metadata

Did You Know?

A vector graphic is stored as a set of drawing instructions. Instead of storing every pixel, the file stores objects such as rectangles, circles, lines and polygons.

Each object has properties such as its coordinates, size, fill colour, outline colour, line thickness and rotation.

Because the computer redraws the shapes mathematically, vector graphics can be resized without becoming blocky or pixelated.

Vector files also include metadata, such as the canvas size, viewBox, file type and sometimes authoring software or accessibility information.