I formati di immagine tradizionali come JPG, PNG o GIF sono molto diffusi, ma presentano degli svantaggi che rendono il loro utilizzo non proprio ideale per determinate applicazioni.
Se crei un sito Web reattivo, ad esempio, desideri immagini che abbiano un bell'aspetto indipendentemente dalla larghezza e dall'altezza in cui vengono visualizzate. Le immagini tradizionali hanno un brutto aspetto quando le ingrandisci troppo, ad esempio.
Potrebbe essere necessario visualizzare l'immagine anche in diverse dimensioni, ad esempio come miniatura sulla pagina dell'indice di un blog e come immagine a piena risoluzione nell'articolo collegato.
Sebbene sia possibile creare diverse versioni di una singola immagine in modo da scegliere quella più appropriata, significa che è necessario più spazio di archiviazione per questo, tra le altre cose.
Il formato immagine SVG è un formato vettoriale. Ciò significa che la sua dimensione può essere ridotta o aumentata senza perdita di qualità (scalabile). È fantastico se hai bisogno di visualizzare l'immagine in più posti usando risoluzioni diverse.
Altri vantaggi di SVG sono che le sue dimensioni sono generalmente molto più piccole e che offre ai webmaster una certa flessibilità quando si tratta di apportare modifiche, poiché alcune possono essere eseguite direttamente in CSS.
Un esempio: Terence Eden ha ricreato i loghi di famose aziende 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 di Twitter in formato PNG ad esempio ha una dimensione di 20 Kilobyte, la versione SVG una dimensione di 397 byte.
SVG è un buon formato per loghi e icone, ma non proprio 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 potresti utilizzare per convertire direttamente le immagini in SVG. Questo non è un tutorial sull'utilizzo di applicazioni progettate per creare grafica vettoriale da zero. Puoi utilizzare editor di grafica vettoriale come Adobe Illustrator (il nostro nessun collegamento alla politica di Adobe è ancora valido), Inkscape o LibreOffice Draw per quello.
LibreOffice Draw
Per Windows
Scarica oraSono 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 la maggior parte delle volte.
Ecco come ho valutato i servizi: ho scaricato il logo di Ghacks e provato le conversioni su diverse dozzine di convertitori SVG. Ho giudicato il risultato e ho scartato qualsiasi servizio che non offrisse buoni risultati.
- Aconvert: il servizio accetta un file locale o un URL come input. L'unica opzione che fornisce è cambiare la risoluzione dell'immagine. L'immagine risultante sembrava il logo di Ghacks, ma la sua dimensione era quasi il doppio della dimensione 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 ottieni molte opzioni per modificare o modificare le impostazioni e una visualizzazione affiancata dell'immagine originale e della copia svg.
- Vectorizer -- Un altro servizio gratuito. Questo viene fornito con una procedura guidata che puoi scegliere i migliori parametri di output (sfocatura, colori) oppure puoi impostarli direttamente. I risultati sono stati buoni con alcune modifiche e la dimensione dell'immagine risultante era un terzo inferiore al logo PNG originale.
Magia vettoriale
Per Windows
Scarica oraOra tu: Conoscere un altro servizio o programma online per convertire le immagini in formato SVG?