A quick introduction to exporting and preparing images for the web from common Adobe applications.

Go fullscreen: ⌃⌥F

Preparing images

App dictates format

  • Using Illustrator — Export SVG
  • Using Photoshop — Export JPG (or PNG)

Default to SVG

If you can use an SVG—use an SVG

Backup is JPG

Photos should be JPGs

Try to avoid PNGs

In most cases anything that can be done in a PNG can be done better in an SVG*

*In most cases

Avoid GIFs—period

  • GIFs are huge files!
  • They have poor user experience
  • Bad accessibility: flashing that can cause seizures & can’t be stopped

Avoid them at all costs.

Start

A quick introduction to exporting and preparing images for the web from common Adobe applications.