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.

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