SVG vs PNG: Quale Formato Usare?
Usa SVG per icone di siti web, loghi e interfacce perché i tracciati vettoriali restano nitidi su ogni schermo. Usa PNG quando ti serve un immagine a pixel fissi per email o social network.
L'arte vettoriale memorizza i contorni come calcolo e non come pixel: lo stesso file resta nitido da un favicon di 16 px fino a un export di 2048 px. Il PNG offre pixel fissi, esattamente ciò che alcune piattaforme richiedono. Questo sito converte SVG in PNG e WebP nel tuo browser nelle dimensioni 64px, 128px, 256px, 512px, 1024px, 2048px, e ogni pagina icona documenta la sua licenza e il suo autore. Usa SVG per le icone di interfaccia e i logo che devono reggere a schermi Retina, cambi di colore e layout responsive; usa PNG quando la destinazione richiede una bitmap fissa, come schede social, schede degli app store o vecchi client di posta.
SVG, one file for every size
<svg viewBox="0 0 24 24" width="24" height="24" role="img" aria-label="Bell">
<path d="M12 3a6 6 0 0 0-6 6c0 4.5-1.5 5.5-1.5 5.5h15S18 13.5 18 9a6 6 0 0 0-6-6Z"/>
<path d="M10 19a2 2 0 0 0 4 0"/>
</svg>PNG, when a fixed pixel size is required
<img src="bell-512px.png" width="512" height="512"
alt="Bell notification icon">Fatti verificati su questo sito
- Formati di esportazione: Optimized SVG, PNG, WebP, React TSX, Vue 3 SFC, Svelte, CSS mask or data URI, SVG sprite
- Dimensioni di esportazione raster: 64px, 128px, 256px, 512px, 1024px, 2048px
- Limite di caricamento per file nel workspace: 2 MB
- Licenza e autore sono documentati in ogni pagina icona.