Artboards & Exporting for Print and Web

Chapter 8 closed with text ready to be outlined for export. This chapter covers the two remaining pieces before a design actually leaves either application: artboards, which organize multiple compositions in one file, and export itself, where Chapter 1's own resolution independence finally pays off directly.

Artboards: Multiple Compositions in One File

An artboard is a defined canvas area within a single file — a logo project might use separate artboards for a full-color version, a single-color version, and a horizontal lockup, all in one file, each exportable independently. This avoids juggling several separate files for what's really one connected set of logo variations.

Illustrator's Artboards Panel vs. Inkscape's Multi-Page Support

Illustrator's Artboards panel manages any number of artboards within a single document natively, a long-standing core feature. Inkscape's own multi-page support is a more recently added feature, covering the same basic need — multiple compositions in one file — through its own Document Properties and Pages panel, with a smaller feature set than Illustrator's more mature artboard tooling.

Exporting for the Web: SVG

SVG is the native web format for vector graphics — resolution-independent, readable directly by web browsers, and small in file size compared to an equivalent raster image. Per Chapter 1's own resolution-independence material, an SVG logo displays crisply on any screen size or pixel density without needing separate image files for different resolutions, unlike the raster alternatives Raster Editing Fundamentals' own formats would require.

Exporting for Print: PDF and EPS

PDF is the most broadly compatible print-ready vector format, readable by virtually every design and print tool, and capable of preserving multiple pages or artboards in one file. EPS is an older vector format still requested by some print shops and legacy production workflows, though PDF has largely superseded it for new work. Both preserve a design's vector nature completely, so a printed piece scales to any size without the quality loss a raster file would suffer.

Raster Export When You Actually Need Pixels

Sometimes a raster file is genuinely what's needed — a PNG for a website favicon, a JPG thumbnail for a social media profile. Both applications can export a raster image at any chosen resolution directly from the same vector source, and because the underlying artwork has no fixed pixel grid until that export moment, it can be rendered cleanly at whatever size is actually needed — a small icon or a huge print-resolution image, from the exact same file.

Bringing It All Together: Resolution Independence at Export Time

This is the concrete, practical payoff of Chapter 1's opening idea. A single vector file, maintained once, can produce a crisp web SVG, a print-ready PDF, and raster exports at any resolution — all from the same underlying paths, with no separate "high-res" and "low-res" versions ever needing to be maintained separately the way raster work often requires.

Hands-On Exercises