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

While this post shows how to export high resolution in Affinity Designer, it is specifically about transforming tall 12″ X 16″ 300dpi high-resolution t-shirt vector art into square 300px X 300px 72ppi low-resolution PNG graphic for the Web (while maintaining the best quality at the smaller 300px 72ppi size). NOTE: the first step, “Make dimensions SQUARE”, may or may not apply to your artwork.

Affinity Designer export high resolution - Convert Hi-Resolution Vector Art to Web-Resolution PNG File

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”

Other Affinity Designer export high resolution resources:

Exporting from Affinity Designer – CSS-Tricks

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *