Il formato SVG
Non pixel, ma istruzioni per disegnare forme, quindi rimane nitido a qualsiasi dimensione.
Cos'è SVG?
SVG è un formato vettoriale basato su XML. Invece di memorizzare una griglia di pixel, memorizza la geometria: percorsi, cerchi, sfumature, testo. Il browser lo renderizza alla dimensione necessaria, quindi un logo SVG è ugualmente nitido su un telefono e su un cartellone pubblicitario.
Per opere d'arte piatte e geometriche è anche minuscolo. Un logo che sarebbe di 40 KB come PNG è spesso di 2 KB come SVG, e richiede un solo file anziché uno per densità di pixel.
Poiché è XML, SVG può contenere script, riferimenti esterni e stili incorporati. Questo lo rende un contenuto genuinamente attivo, e un SVG da una fonte non attendibile dovrebbe essere trattato con la stessa cautela di un file HTML — motivo per cui KaiConvert non inietta mai markup SVG arbitrario nella pagina.
Usi comuni
- Loghi, icone e grafica di interfaccia
- Grafici e visualizzazione dati
- Illustrazioni e disegni al tratto che devono scalare
- Tutto ciò che deve essere reso nitidamente a ogni densità
Vantaggi
- Indipendente dalla risoluzione — nitido a qualsiasi dimensione
- File molto piccoli per opere d'arte geometriche
- Stilizzabile e animabile con CSS
- Il testo all'interno di un SVG rimane testo reale e selezionabile
Limitazioni
- Non adatto per fotografie
- Illustrazioni complesse possono essere lente da renderizzare
- Può contenere script, quindi gli SVG non attendibili sono un rischio per la sicurezza
- Il rendering può variare sottilmente tra i motori per funzionalità avanzate
Supporto browser
Universale per il rendering. KaiConvert tratta gli SVG caricati come non attendibili: vengono rasterizzati in un elemento immagine in sandbox anziché essere incorporati nel DOM, quindi gli script incorporati non vengono mai eseguiti.