I formati di immagine tradizionali come JPG, PNG o GIF sono molto popolari, ma presentano degli svantaggi che ne rendono il loro uso non proprio ideale per alcune applicazioni.
Se, ad esempio, crei un sito Web reattivo, vuoi che le immagini appaiano bene indipendentemente dalla larghezza e dall'altezza in cui sono visualizzate. Le immagini tradizionali sembrano cattive quando le ingrandisci troppo, per esempio.
Potrebbe essere necessario visualizzare l'immagine anche in dimensioni diverse, ad esempio come anteprima sulla pagina dell'indice di un blog e come immagine a risoluzione piena nell'articolo collegato.
Sebbene sia possibile creare versioni diverse di una singola immagine in modo che venga selezionata quella più appropriata, tra le altre cose è necessario disporre di più spazio di archiviazione.
Il formato immagine SVG è un formato vettoriale. Ciò significa che le sue dimensioni possono essere ridotte o aumentate senza perdita di qualità (scalabile). È fantastico se devi visualizzare l'immagine in più punti usando risoluzioni diverse.
Altri vantaggi dell'SVG sono che le sue dimensioni sono in genere molto più ridotte e che offrono ai webmaster una certa flessibilità quando si tratta di apportare modifiche ad esso come alcuni possono essere fatti direttamente nei CSS.
Un esempio: Terence Eden ha ricreato i loghi di famose società Internet come Twitter, Amazon, WhatsApp, YouTube o Reddit in SVG. La dimensione dei loghi è stata ridotta a meno di 1 Kilobyte, a volte fino a 200 byte. Il logo Twitter in formato PNG, ad esempio, ha una dimensione di 20 Kilobyte, la versione SVG ha una dimensione di 397 byte.
SVG è un buon formato per loghi e icone, ma non è davvero adatto quando si tratta di foto e altri tipi di immagini che mostrano molti oggetti diversi.
Conversione in SVG
Questa guida si concentra sulle applicazioni che è possibile utilizzare per convertire direttamente le immagini in SVG. Questo non è un tutorial sull'uso di applicazioni progettate per creare grafica vettoriale da zero. A tale scopo puoi utilizzare editor di grafica vettoriale come Adobe Illustrator (non ci sono ancora collegamenti ai criteri di Adobe), Inkscape o LibreOffice Draw.
Sono disponibili molti convertitori gratuiti che puoi eseguire online, ma sono abbastanza limitati quando si tratta del processo di conversione. Sebbene possano essere sufficienti per convertire un semplice logo disponibile come png o jpg in svg, i risultati non sono molto buoni per la maggior parte del tempo.
Ecco come ho valutato i servizi: ho scaricato il logo Ghacks e ho provato le conversioni su diverse decine di convertitori SVG. Ho giudicato il risultato e ho scartato qualsiasi servizio che non avesse prodotto buoni risultati.
- Aconvert - Il servizio accetta un file locale o un URL come input. L'unica opzione che fornisce è di modificare la risoluzione dell'immagine. L'immagine risultante sembrava il logo Ghacks, ma le sue dimensioni erano quasi il doppio di quelle della versione PNG del logo.
- Vector Magic - Disponibile come convertitore online e programma desktop per Windows. Tuttavia, non è gratuito (online costa $ 7, 95 al mese, edizione desktop un pagamento una tantum di $ 295). I risultati dell'edizione online sono comunque ottimi e si ottengono molte opzioni per modificare o modificare le impostazioni e una visualizzazione affiancata dell'immagine originale e della copia in formato svg.
- Vectorizer - Un altro servizio gratuito. Questo viene fornito con una procedura guidata che è possibile selezionare i migliori parametri di output (sfocatura, colori) oppure è possibile impostarli direttamente. I risultati sono stati buoni con alcune modifiche e la dimensione dell'immagine risultante era un terzo in meno rispetto al logo PNG originale.
Ora tu: conosci un altro servizio o programma online per convertire le immagini in formato SVG?
