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
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.
| Format | Type | Use for | Avoid for |
|---|---|---|---|
| SVG | Vector | Logos, icons, illustrations | Photographs |
| PNG | Raster | Transparency, UI, crisp graphics | Large photos |
| JPG | Raster | Photographs, thumbnails | Anything needing transparency |
| WebP / AVIF | Raster | Modern web delivery | |
| PDF/X | Vector+raster | Print handoff | Web embedding |
| TIFF | Raster | High-quality print imagery | Web |
- 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 answeredWhich format should a logo master be?
Print artwork should be prepared in...