inkscape.org Paid content Multilingual

SVG (Scalable Vector Graphics) is an XML-based vector image format: instead of storing a grid of pixels, an SVG file stores shapes, paths, text, and colors as markup that a renderer draws on demand. That means it scales to any size without pixelation, and it can be opened in a browser, edited as code, or edited visually in a vector editor such as Inkscape. Choose SVG when you need crisp scaling, small file sizes for geometric artwork, or images that must be styled and scripted on the web; choose a raster format like PNG or JPEG when the image is photographic or made of fine continuous tone.

What "XML-based vector" actually means

An SVG is a text document. A circle is not a cluster of colored pixels — it is an element with a center and a radius, and the renderer computes the pixels at whatever size you ask for.

This has three practical consequences:

• Resolution independence. The same file renders sharply as a 16 px favicon or a billboard. There is no "native resolution" to exceed.
• Small files for the right content. A logo made of a few curves can be a few kilobytes, while the equivalent PNG at high resolution may be far larger. The reverse is also true: a complex illustration with thousands of paths can be heavier than a compressed photo.
• Editable structure. Because the file is markup, you can change a color, move a shape, or add an animation by editing text or using a tool — no repainting required.

SVG vs. raster formats (PNG, JPEG)

A useful rule: if the image is built from distinct shapes and lines, SVG is usually the better container. If it is built from millions of subtly varying colors, raster is usually better.

How to open and view an SVG file

You rarely need special software just to look at one.

• Web browser. Drag the file into a browser window, or open it directly. Browsers render SVG natively. This is the fastest way to check that a file displays correctly.
• Image viewer. Many desktop viewers open SVG, though support varies; some rasterize it at a fixed size, which can hide scaling problems.
• Vector editor. Opening in a tool like Inkscape shows the actual objects, layers, and paths rather than just the rendered result. This is what you want if you intend to change anything.
• Text editor. Since SVG is XML, a plain text editor opens it and shows the underlying structure. Useful for small fixes and for understanding what a file contains.

How to edit an SVG file

There are two complementary ways to edit, and knowing which to use saves time.

Editing visually in a vector editor

Use this when you are changing appearance: moving objects, recoloring, reshaping paths, adjusting text, or combining elements. Inkscape is a professional vector graphics application for Linux, macOS, and Windows that works directly with SVG as its native document format, so what you draw is what the file contains. The general workflow is:

1. Open the SVG in the editor.
2. Select and transform objects, or use path tools to reshape curves.
3. Adjust fills, strokes, and text as needed.
4. Save back to SVG.

Because SVG is the editor's native format, round-tripping generally preserves the structure rather than flattening it.

Editing the XML directly

Use this when you need a precise or programmatic change: setting an exact coordinate, changing a single fill value, removing metadata, or generating files from a script. Open the file in a text editor, locate the relevant element, change the attribute, and save. The expected result is an immediate change in how the file renders — but a malformed tag will break rendering entirely, so keep a backup and validate after editing.

A practical division of labor: do structural and visual work in a vector tool, and reserve hand-editing for surgical changes or automation.

Common uses and pitfalls to check

SVG is the standard choice for:

• Icons and UI elements on websites and in applications.
• Logos and brand marks that must stay sharp across sizes.
• Illustrations and diagrams built from shapes and lines.
• Charts and data graphics that need to scale or be styled dynamically.
• Text-bearing graphics, since text stays as text.

Pitfalls worth checking before you ship a file:

• Text that depends on fonts. If a font is not available where the SVG is displayed, text may reflow or substitute. Converting critical text to paths removes that dependency but also removes selectability and editability.
• Embedded raster images. An SVG can contain a raster image inside it. The file is still SVG, but that part will not scale cleanly — check whether the artwork is genuinely vector.
• Unoptimized editor output. Tools often write extra metadata, unused definitions, and verbose coordinates. Cleaning these up can shrink the file substantially.
• External references. Some SVGs point to external resources; if those are missing, parts of the image may not render.
• Viewport and viewBox settings. These control how the artwork maps to the display area. A mismatch is a common cause of unexpected cropping or scaling.

If you want to inspect or fix any of these, opening the file in a text editor alongside a visual editor gives you both views of the same document.

Inkscape is a free, open-source vector graphics editor for Linux, macOS, and Windows desktop computers. You use it to create and edit drawings that stay sharp at any size—logos, icons, diagrams, illustrations, and print-ready posters—by working with paths, shapes, and text rather than pixels. If you need a no-cost, offline tool for scalable 2D design, Inkscape is built for exactly that.

Vector vs. raster: the distinction that explains everything

Most people first meet image editing through raster programs, where a picture is a grid of colored pixels. Zoom in far enough and you see the squares; enlarge the file and it turns soft and blocky.

Vector graphics work differently. Instead of storing pixels, they store instructions: a line from point A to point B, a curve defined by control points, a shape filled with a color. The software redraws those instructions at whatever size you ask for, so the result stays crisp.

That difference drives the practical consequences:

A practical rule: if the final image is a photograph, you want a raster tool. If it is something you might need to resize, recolor, or hand to a printer at a different dimension, vector is usually the better starting point.

Why SVG matters

Inkscape's native format is SVG, or Scalable Vector Graphics. SVG is an open standard, which has three consequences worth knowing:

• Portability. You can open the same file in a web browser, in other vector editors, or in code, without a proprietary license.
• Web use. SVG files are widely used on websites for icons and illustrations because they scale cleanly across screen sizes.
• Transparency of structure. An SVG file is text-based, so the shapes and their properties are readable and editable at a structural level, not just visually.

That last point is unusual among design tools, and Inkscape leans into it.

What you can actually do with it

Draw and reshape with paths and nodes

The core of Inkscape is path editing. You draw a shape, then adjust it by moving nodes (the anchor points) and their handles (the curves between them). You can add or delete nodes, join or break paths, and convert text or shapes into editable paths. This is the skill that unlocks most of the rest.

Build logos, icons, and simple illustrations

Because output stays sharp at any size, vector tools are a natural fit for logos and icon sets. You can design once and export at the sizes you need, or hand off the SVG for someone else to use.

Make diagrams, charts, and technical drawings

Connectors, alignment tools, and precise coordinate entry make Inkscape workable for flowcharts, network diagrams, and annotated figures. It is not a dedicated diagramming app, but for occasional technical graphics it covers the ground.

Lay out posters and print pieces

You can set a document size in millimeters or inches, place text and shapes, and export at a chosen resolution for printing. Note the honest limitation: Inkscape is not a full page-layout program. For multi-page documents with complex typographic flow, a dedicated layout tool is usually the better choice.

Trace a bitmap into vector shapes

Inkscape can attempt to convert a raster image into paths. Results vary a lot with the source—clean high-contrast shapes trace far better than photographs. Treat it as a starting point you then clean up by hand, not a one-click conversion.

Edit the file at the XML level

Since SVG is text, Inkscape exposes a document tree where you can inspect and change properties directly. This is genuinely useful for troubleshooting odd rendering, setting attributes a dialog does not expose, or understanding how a file is structured.

What it is not

Setting expectations early saves frustration:

• It is desktop software, not a browser service. You install it on your machine. There is no account to create and no cloud canvas.
• It is not a photo editor. Retouching, color grading, and compositing photographs belong in raster tools.
• It is not a page-layout suite. Long documents with flowing text across many pages are better served elsewhere.
• It is not a clone of any commercial tool. Menus, shortcuts, and workflows are their own thing. Skills transfer conceptually, not keystroke for keystroke.

How to decide whether to install it

Work through these conditions:

1. Is your output vector-shaped? Logos, icons, diagrams, charts, type, line art—yes. Photographs—no.
2. Do you need it free and open source? That is Inkscape's central proposition.
3. Are you comfortable on desktop? It runs on Linux, macOS, and Windows as an installed application.
4. Do you need multi-page layout or heavy photo work? If so, plan to pair it with another tool rather than replace one.
5. Do you need to hand off editable files? SVG is an open standard, which helps here.

If most answers point toward vector work, the next step is simple: download it from inkscape.org, install it, and spend your first session on one task—draw a shape, convert it to a path, and move its nodes. That single exercise teaches you more about what the program is for than any feature list.

A reasonable first project

Pick something small and finish it. A good starter is a two-color icon: draw basic shapes, combine them, convert to a path, refine the nodes, then export both an SVG and a PNG at a couple of sizes. You will touch drawing, path editing, and export—the three things you will use constantly—and end up with a file you can actually use.

Inkscape rewards patience with precision. It is not the fastest tool to learn, but it is free, it runs on your own computer, and it produces files that stay useful because they are built on an open standard.

Inkscape is a professional vector graphics editor for Linux, macOS, and Windows that stores drawings as SVG (Scalable Vector Graphics). You draw by creating and editing objects defined by paths, shapes, and mathematical coordinates rather than pixels, so your artwork can be resized without losing quality. This guide covers the core workflow: setting up a document, drawing with shapes and the pen tool, editing nodes, managing fills, strokes, and layers, and exporting your work.

Vector vs. raster drawing

A raster image (like a photo or a PNG) is a grid of colored pixels. Enlarging it too far reveals those pixels as blur or blocky edges. A vector drawing describes shapes mathematically — a circle is stored as a center point and a radius, not as a pattern of dots — so it stays sharp at any size.

That difference shapes how you work in Inkscape:

• Objects, not paint. You place and transform discrete objects (rectangles, paths, text) instead of brushing pixels.
• Editable at any time. You can return to a shape later and change its size, color, or curve.
• Resolution-independent output. The same file can produce a small icon or a large poster.

Vector graphics suit logos, icons, diagrams, illustrations, posters, and anything that needs clean edges or repeated resizing. Raster graphics remain the better choice for photographs and painterly textures.

Setting up a new document

1. Open Inkscape and choose File > New (or start from a template if one fits your output).
2. Open File > Document Properties to set the page size and orientation. Match this to your intended output — for example, A4 for a printable poster or a square canvas for an icon.
3. Decide on units (px, mm, in) in the same dialog so your measurements stay consistent.
4. Save early with File > Save As and keep the .svg format. SVG is Inkscape's native format and preserves all editable objects.

A useful habit: set the document size before drawing, because changing it later can shift how your composition sits on the page.

Core drawing tools

Inkscape gives you two broad approaches — draw a predefined shape, or draw a path point by point.

Shapes

The shape tools create objects you can still adjust parametrically:

• Rectangle — drag to draw; use the tool controls to set exact width, height, and corner rounding.
• Ellipse/Circle — drag for an ellipse, or hold Ctrl to constrain to a circle.
• Star/Polygon — set the number of points or sides and the spoke ratio.
• 3D Box — build simple perspective boxes.

Because these stay parametric, you can select a rectangle later and change its corner radius without redrawing it.

Pen and Bezier

The Pen (Bezier) tool draws paths directly:

• Click to place straight-line corner nodes.
• Click and drag to pull out curve handles, creating smooth curves.
• Press Enter to finish an open path, or close it by clicking the first node.

This is the tool for custom outlines — a logo mark, a map boundary, a hand-drawn silhouette.

Pencil (freehand)

The Pencil tool draws freehand paths. You can smooth the result afterward, which makes it useful for quick sketching that you then clean up.

Editing nodes and paths

Once a path exists, the Node tool is where precision happens. Select a path and you can:

• Move nodes to reshape the outline.
• Add or delete nodes to control how much detail a curve carries.
• Convert between corner and smooth nodes to switch between sharp angles and flowing curves.
• Adjust handles to change a curve's direction and tension.

A practical rule: use as few nodes as the shape allows. Fewer, well-placed nodes produce cleaner curves and smaller files than many nodes nudged into place.

You can also combine and modify paths with operations like Path > Union, Difference, and Combine, which merge or subtract shapes to build complex forms from simple ones.

Fills, strokes, and layers

Every object has a fill (its interior) and a stroke (its outline). The Fill and Stroke panel controls both:

• Fill: flat color, gradient, or pattern; plus opacity.
• Stroke: color, width, and style such as dashes and caps.
• The Ctrl+Shift+F shortcut opens this panel directly.

Layers (via the Layer menu) let you separate parts of a drawing — background, main artwork, annotations — and lock or hide each independently. This keeps complex drawings manageable and lets you work on one element without accidentally selecting others.

Exporting your drawing

Inkscape's native save format is SVG, which keeps everything editable. When you need a different format:

• File > Save As and choose SVG to keep the working file.
• File > Export (or Export As) to produce a PNG at a chosen pixel size or DPI, or to export a selected area only.

For print or further editing elsewhere, keep the SVG as your master and export PNG copies as needed. Exporting a PNG at a higher DPI gives you a larger raster version, but the SVG remains the source of truth.

Common sticking points

• "My lines look jagged." You may be zoomed in on a raster preview; vector paths stay smooth. Check the actual path, not the screen rendering.
• "I can't select what I want." Another object or layer may be on top or locked. Check the layer panel and object order.
• "The file got huge." Excessive nodes or embedded raster images inflate SVG size. Simplify paths and link rather than embed large images where possible.
• "Nothing is editable." If you imported a raster image, it stays a bitmap inside the document — you can move and scale it, but not edit its pixels as vectors.

Where to go next

Start with one small project — an icon or a simple diagram — and use only shapes plus the node tool. Once that feels natural, add the pen tool for custom curves and gradients for depth. The Inkscape project publishes documentation and tutorials on inkscape.org, and the software runs on Linux, macOS, and Windows desktops.

Graphics are any visual content you create, edit, or display on a screen or in print. The single most useful distinction is between vector graphics, which store shapes as mathematical paths and stay sharp at any size, and raster graphics, which store a grid of pixels and lose quality when enlarged. Choose vector for logos, icons, diagrams, and anything that must scale or be edited as shapes; choose raster for photographs and detailed continuous-tone images. Inkscape is a professional vector graphics editor that runs on Linux, macOS, and Windows and works natively with the SVG format.

Vector graphics: paths and equations

A vector image describes shapes rather than pixels. A circle is stored as a center point, a radius, and a fill; a curve is stored as a path with anchor points and control handles. Because the file holds instructions instead of a fixed grid, the renderer recalculates the image at whatever size you ask for.

What this means in practice:

• Scales without loss. The same file can produce a favicon or a billboard with no blurring or jagged edges.
• Editable as objects. You can select a single shape, change its color, move it, or reshape it without touching the rest.
• Usually small files for flat artwork, since a few numbers describe a lot of area.
• Best for: logos, icons, illustrations, charts, maps, typography, technical diagrams, and cut files for plotters or vinyl cutters.

Inkscape is built around this model and uses SVG (Scalable Vector Graphics) as its native document format, an open XML-based standard.

Raster graphics: pixels

A raster image is a rectangular grid of pixels, each holding color values. A 1000×1000 pixel image contains one million pixels. The grid is fixed at the moment of capture or export.

• Resolution-bound. Enlarging past the original pixel dimensions forces the software to invent pixels, producing blur or blockiness.
• Rich in tone. Every pixel can hold its own color, which is why photos, scans, and painted textures live here.
• File size grows with dimensions and detail, not with the number of distinct shapes.
• Best for: photographs, scanned artwork, screenshots, digital painting, and web images at a known display size.

Comparing the common formats

A practical consequence: exporting an SVG logo to PNG at 200 px wide gives you a raster file that will blur if someone later needs it at 2000 px. Keeping the SVG as the master avoids that.

How to choose for a real project

Work through these questions:

1. Will it need to scale? If yes, vector. A logo on a business card and on a building sign is one SVG.
2. Is it a photograph or a scan? Raster. There is no meaningful vector description of a photo's grain and gradients.
3. Will you edit individual shapes later? Vector. Moving a label in a diagram is trivial in vector, painful in raster.
4. Is it destined for print? Vector for logos, type, and line art; raster at sufficient resolution for photos.
5. Is it for the web? SVG for icons and UI elements, PNG or JPEG for photographic content.

A concrete example

Suppose you are making a poster. The headline text, the logo, and the geometric background are all vector elements — they stay crisp whether the poster is printed at A4 or at A0. A photograph placed on that poster is raster, and it needs enough pixels for the final print size. In Inkscape you would build the vector parts as paths and text, then place the photo as a linked or embedded raster image. The document itself remains an SVG, and you can export to PDF or PNG when you are done.

Where Inkscape fits

Inkscape is a vector graphics editor, so it is the right tool when your work is shape-based: drawing paths, arranging objects, setting type, and producing SVG. It is not a photo editor; for pixel-level retouching you would use a raster tool and then bring the result into your vector document if needed. Because it runs on Linux, macOS, and Windows and centers on an open standard, files stay portable between tools that read SVG.

Vector graphics are images built from mathematical paths—points, lines, curves, and shapes defined by coordinates—rather than a grid of colored pixels. That single difference determines almost everything else: vector files scale to any size without blurring, stay editable as discrete objects, and usually remain small for simple artwork. Use vector graphics for logos, icons, illustrations, diagrams, and print-ready designs where clean edges and resizing matter. Use raster images instead for photographs and highly detailed, pixel-level textures.

How vector graphics actually work

A vector image is a set of instructions. Each shape is a path made of anchor points (nodes) connected by straight segments or curves, with attributes like fill color, stroke width, and opacity attached to it. The software recalculates and redraws those instructions at whatever size you request.

A practical example: a circle is stored as "center at this coordinate, this radius, this fill." Zoom to 10,000% or print it on a billboard, and the renderer simply draws a bigger, equally smooth circle. A raster circle is stored as a grid of pixels approximating a circle, so enlarging it means stretching those pixels into visible blocks.

Because objects stay separate, you can select one shape, move it, recolor it, or reshape a single node without touching the rest. That object-level editability is the core reason vector tools exist.

Vector vs. raster: the trade-offs

Neither format wins universally. Many real projects combine them—for instance, a poster with a vector logo and headline over a raster photograph.

Common vector file formats and what they are good for

• SVG (Scalable Vector Graphics) — an open, XML-based format. Ideal for web graphics, icons, and UI assets because it is text-based, styleable, and animatable. It is the native working format in Inkscape.
• PDF — a page-description format that can contain vector paths, text, and raster images. Common for print-ready documents and sharing layouts that must look identical across systems.
• EPS — a legacy but still widely accepted format for print and professional design handoff. Often used when a printer or client specifically requests it.

If you are unsure, SVG is the most flexible choice for screen work, and PDF is the safest for print delivery.

Typical use cases

• Logos and brand marks — must stay crisp from a favicon to a building sign.
• Icons and UI elements — small, clean, and easy to recolor or restyle.
• Illustrations and diagrams — flat or stylized artwork with defined shapes and lines.
• Posters and print-ready designs — text and shapes that need to scale to a specific physical size.
• Cutting, engraving, and plotting — machines that follow paths rather than read pixels.

Practical limits to know before you start

• Not for detailed photos. Converting a photograph to vector (tracing) produces many paths and rarely matches the original's subtlety. Raster remains the right tool for photographic content.
• Complexity has a cost. Thousands of nodes make files heavy and slow to edit, even though the format is resolution-independent.
• Node editing has a learning curve. Understanding anchors, handles, and path operations takes practice; simple shape and text work is much quicker to pick up.
• Conversion is not lossless. Moving between vector and raster formats usually loses either editability or detail.

Where Inkscape fits

Inkscape is professional vector graphics software that runs on Linux, macOS, and Windows desktop computers, and it works natively with SVG. That makes it a reasonable choice if you want to create or edit vector graphics—logos, icons, illustrations, posters—without committing to a proprietary format, and if you value an open, XML-based document you can inspect and hand off. If your work is mainly photographic retouching, a raster editor will serve you better; if it is path-based design, Inkscape covers the core workflow.