---
layout: slide-deck

title: "Preparing images"

slides:
  - type: super-big-text
    content: |
      **Preparing images**

  - content: |
      ## App dictates format

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

  - content: |
      ## Default to SVG

      If you can use an SVG—use an SVG

  - content: |
      ## Backup is JPG

      Photos should be JPGs

  - content: |
      ## Try to avoid PNGs

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

      <small>*In most cases</small>

  - type: image
    image: choice-flow-chart.svg

  - content: |
      ## Videos & tutorials

      - [Website file organization](/topics/organization/)
      - [Images for the web](/topics/image-formats/)

---

---
layout: slide-deck

title: "Preparing images"

slides:
  - type: super-big-text
    content: |
      **Preparing images**

  - content: |
      ## App dictates format

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

  - content: |
      ## Default to SVG

      If you can use an SVG—use an SVG

  - content: |
      ## Backup is JPG

      Photos should be JPGs

  - content: |
      ## Try to avoid PNGs

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

      <small>*In most cases</small>

  - content: |
      ## 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.

  - type: image
    image: choice-flow-chart.svg

  - content: |
      ## Videos & tutorials

      - [Website file organization](/topics/organization/)
      - [Images for the web](/topics/image-formats/)

---

Add a not about GIFs
Add a not about GIFs
