Ako prevádzať obrázky JPG a PNG do formátu SVG

Tradičné obrazové formáty ako JPG, PNG alebo GIF sú veľmi populárne, majú však nevýhody, ktoré znemožňujú ich použitie pre určité aplikácie.

Ak napríklad vytvárate responzívny web, chcete obrázky, ktoré vyzerajú dobre bez ohľadu na šírku a výšku, v ktorej sú zobrazené. Tradičné obrázky vyzerajú zle, keď ich napríklad príliš zväčšíte.

Možno budete musieť zobraziť aj obrázok v rôznych veľkostiach, napríklad ako miniatúru na indexovej stránke blogu a ako obrázok v plnom rozlíšení v prepojenom článku.

Aj keď môžete vytvoriť rôzne verzie jedného obrázka, aby ste vybrali tú najvhodnejšiu, znamená to, že na to okrem iného potrebujete viac úložného priestoru.

Formát obrázka SVG je vektorový formát. To znamená, že jeho veľkosť je možné zmenšiť alebo zväčšiť bez straty kvality (škálovateľnosti). Je to vynikajúce, ak potrebujete zobraziť obrázok na viacerých miestach v rôznych rozlíšeniach.

Medzi ďalšie výhody SVG patrí to, že jeho veľkosť je zvyčajne oveľa menšia a že dáva webmasterom určitú flexibilitu pri uskutočňovaní ich zmien, pretože niektoré je možné vykonať priamo v CSS.

Jeden príklad: Terence Eden znovu vytvoril logá populárnych internetových spoločností ako Twitter, Amazon, WhatsApp, YouTube alebo Reddit v SVG. Veľkosť log bola znížená na menej ako 1 kilobajt, niekedy len na 200 bajtov. Napríklad logo Twitter vo formáte PNG má veľkosť 20 kilobajtov, verzia SVG veľkosť 397 bajtov.

SVG je dobrý formát pre logá a ikony, ale nie je vhodný, pokiaľ ide o fotografie a iné typy obrázkov, ktoré zobrazujú veľa rôznych objektov.

Konvertuje sa na SVG

Táto príručka sa zameriava na aplikácie, ktoré môžete použiť na priamu konverziu obrázkov do formátu SVG. Toto nie je návod na používanie aplikácií určených na vytváranie vektorovej grafiky od nuly. Môžete na to použiť editory vektorovej grafiky, ako je Adobe Illustrator (naše odkazy na pravidlá spoločnosti Adobe stále neexistujú), Inkscape alebo LibreOffice Draw.

LibreOffice Draw

Pre Windows

K dispozícii je veľa bezplatných prevádzačov, ktoré môžete prevádzkovať online, ale pokiaľ ide o proces premeny, sú dosť obmedzené. Aj keď môžu stačiť na konverziu jednoduchého loga, ktoré je k dispozícii ako png alebo jpg, na svg, výsledky nie sú väčšinou príliš dobré.

Takto som vyhodnotil služby: Stiahol som si logo Ghacks a vyskúšal som konverzie na niekoľkých desiatkach SVG prevádzačov. Výsledok som posúdil a zahodil som všetky služby, ktoré nepriniesli dobré výsledky.

• Aconvert - služba vezme ako vstup lokálny súbor alebo adresu URL. Jedinou možnosťou, ktorú poskytuje, je zmena rozlíšenia obrázka. Výsledný obrázok vyzeral ako logo Ghacks, ale jeho veľkosť bola takmer dvojnásobná ako verzia loga PNG.
• Vector Magic - k dispozícii ako online prevodník a desktopový program pre Windows. Nie je to však zadarmo (online stojí 7 dolárov.95 mesačne, desktopové vydanie, jednorazová platba 295 dolárov). Výsledky online vydania sú však vynikajúce a máte veľa možností úprav alebo úprav nastavení a vedľa seba zobrazené pôvodné obrázky a kópie svg.
• Vectorizer - Ďalšia bezplatná služba. Tento je dodávaný so sprievodcom, pomocou ktorého môžete zvoliť najlepšie výstupné parametre (rozmazanie, farby) alebo ich môžete nastaviť priamo. Výsledky boli pri niektorých vylepšeniach dobré a veľkosť výsledného obrázka bola o tretinu menšia ako pôvodné logo PNG.

Vector Magic

Pre Windows

Teraz ty: Poznáte inú online službu alebo program na konverziu obrázkov do formátu SVG?