GUIDE
How to choose scale, width, and DPR
Sharp exports do not require blasting every file to 8×. Read intrinsic size first, then pick a mode.
1. Scale
Multiplies the SVG’s width/height or viewBox size. 2× fits most retina icons; 3× / 4× for larger displays, but pixels and memory grow quickly.
2. Target width
Use width mode when a whole pack must share one width (for example 1024px). Height follows aspect ratio—no stretch.
3. DPR
Like CSS devicePixelRatio: output pixels = intrinsic × DPR. Handy when design is 1× logical and export is 2× / 3× physical.
4. PNG / JPG / WEBP
- PNG: default, keeps transparency.
- JPG: no alpha—white fill under the draw; quality slider applies.
- WEBP: quality slider applies; the receiver must support WEBP.
If you still need a smaller raster afterward, use BulkCrunch.