Skip to content

Affinity Designer – Convert Hi-Resolution Vector Art to Web-Resolution PNG File

GOAL: Transform 12″ X 16″ 300dpi t-shirt vector art into 300px X 300px 72dpi PNG graphic for Web – while maintaining the best quality at the smaller 300px size.

1. Make dimensions SQUARE

  1. Affinity Designer > File > Document Setup:
  2. Change 12” x 16” to 16” x 16”
  3. Objects will: Anchor to page
  4. Click OK

2. REDUCE dimensions for Web

  1. Affinity Designer > File > Document Setup:
  2. Document units: Pixels
  3. Dimensions: 300px X 300px
  4. DPI: 72dpi
  5. Objects will: Rescale
  6. Resample: Lanczos 3 (non-separable)
  7. Click OK

3. EXPORT for Web

  1. Affinity Designer > File > Export:
  2. Tab: PNG
  3. Size: 300px X 300px
  4. Resample: Lanczos 3 (non-separable)
  5. More button: UN-tick “Embed metadata” (then click Close)
  6. Click Export button

4. Finally, do NOT accidentally save the document in this altered state

  1. Affinity Designer > File > Close > Click “Don’t Save”

Leave a Comment