Graphics DesignGraphics Design · Lesson 05

Tools, Formats & File Types

Raster vs vector, resolution, colour modes and what to export when.

Video tutorialTrack course · Envato Tuts+
Speed
Next lesson
Watch 00:00 · 2 checkpoints Watch on YouTube More on this topic
Transcript & captions
9/9

Choosing the wrong format is the most common professional mistake: a logo saved as a JPG, a print file exported in RGB, a photo shipped as a 12 MB PNG.

FormatTypeUse forAvoid for
SVGVectorLogos, icons, illustrationsPhotographs
PNGRasterTransparency, UI, crisp graphicsLarge photos
JPGRasterPhotographs, thumbnailsAnything needing transparency
WebP / AVIFRasterModern web deliveryPrint
PDF/XVector+rasterPrint handoffWeb embedding
TIFFRasterHigh-quality print imageryWeb
  • Vector scales infinitely — always build logos and icons as vector.
  • Raster is pixels — 72-150 PPI for screen, 300 PPI for print.
  • Colour mode: RGB for screens, CMYK for print, spot/Pantone for exact brand colour.
  • Always keep a layered master file; exports are disposable.
  • Name files predictably: brand_logo_primary_dark_v3.svg.

You cannot recover vector data from a raster export. If you only have a PNG of your logo, you effectively do not have a logo.

Knowledge check

0/2 answered

Which format should a logo master be?

Print artwork should be prepared in...