Logo Scaling and Resolution: From Favicon to Poster
Why your logo must work at every size
A logo that looks great on a 4K monitor can be unreadable as a favicon. And vice versa. Scaling is one of the most important — and most underestimated — requirements for a logo.
Vector vs. Raster Scaling
SVG (Vector): Always sharp, regardless of size. An SVG logo works losslessly from 16px to 10,000px.
PNG/JPG (Raster): Fixed pixel count. Enlarge = blurry. Shrink = details lost.
That's why: Always create your logo as SVG and export raster versions in needed sizes.
Commonly Needed Sizes
| Use Case | Size | Format |
|---|---|---|
| Favicon | 32×32 px | SVG or ICO |
| App icon | 512×512 px | PNG |
| Social media | 1080×1080 px | PNG |
| Email signature | 300 px wide | PNG |
| Website header | any | SVG |
| Business card | 300 DPI vector | SVG→PDF |
| Poster/banner | any | SVG→PDF |
DPI Explained
DPI (Dots Per Inch) indicates how many pixels are printed per inch:
- 72 DPI — Screen (outdated, now variable PPI)
- 150 DPI — Newspaper print
- 300 DPI — Quality print (standard)
- 600 DPI — Fine art print
For SVGs, DPI is irrelevant — that's the advantage of vectors!
Scalability starts with the right format. Create your logo as SVG in our editor and you're prepared for any size.
Ready to create your logo?
Free visual editor with SVG export.