Tradiční obrazové formáty jako JPG, PNG nebo GIF jsou velmi populární, ale mají nevýhody, které činí jejich použití méně než ideální pro určité aplikace.
Pokud například vytvoříte responzivní web, chcete obrázky, které vypadají dobře, bez ohledu na šířku a výšku, ve které jsou zobrazeny. Tradiční obrázky vypadají špatně, když je například příliš zvětšíte.
Možná budete muset zobrazit obrázek v různých velikostech, například jako miniaturu na indexové stránce blogu a jako obrázek v plném rozlišení v propojeném článku.
I když můžete vytvořit různé verze jednoho obrázku tak, aby byl vybrán ten nejvhodnější, znamená to, že kromě jiného budete potřebovat více úložiště.
Formát obrazu SVG je vektorový formát. To znamená, že jeho velikost lze zmenšit nebo zvětšit bez ztráty kvality (škálovatelné). To je skvělé, pokud potřebujete zobrazit obrázek na více místech pomocí různých rozlišení.
Další výhodou SVG je to, že jeho velikost je obvykle mnohem menší a že webmasterům poskytuje určitou flexibilitu, pokud jde o provádění změn, protože některé mohou být provedeny přímo v CSS.
Jeden příklad: Terence Eden znovu vytvořil loga populárních internetových společností jako Twitter, Amazon, WhatsApp, YouTube nebo Reddit ve SVG. Velikost log byla snížena na méně než 1 kilobyte, někdy dokonce na 200 bajtů. Například logo Twitter ve formátu PNG má velikost 20 kilobajtů, verze SVG má velikost 397 bytů.
SVG je dobrý formát pro loga a ikony, ale není vhodný pro fotografie a jiné typy obrázků, které zobrazují mnoho různých objektů.
Převod na SVG
Tato příručka se zaměřuje na aplikace, které můžete použít k přímému převodu obrázků na SVG. Nejedná se o návod k používání aplikací určených k vytváření vektorové grafiky od nuly. Můžete použít editory vektorové grafiky, jako je například Adobe Illustrator (naše odkazy na zásady Adobe stále platí), Inkscape nebo LibreOffice Draw.
K dispozici je spousta bezplatných převodníků, které můžete provozovat online, ale pokud jde o proces převodu, jsou poměrně omezené. I když mohou postačovat pro převod jednoduchého loga, které je k dispozici jako png nebo jpg na svg, výsledky nejsou většinou super dobré.
Takto jsem vyhodnotil služby: Stáhl jsem si logo Ghacks a vyzkoušel jsem konverze na několika desítkách konvertorů SVG. Posoudil jsem výsledek a vyřadil jsem jakoukoli službu, která nepřinesla dobré výsledky.
- Aconvert - Služba vezme jako vstup místní soubor nebo URL. Jedinou možností, kterou poskytuje, je změna rozlišení obrázku. Výsledný obrázek vypadal jako logo Ghacks, ale jeho velikost byla téměř dvojnásobná oproti verzi PNG loga.
- Vector Magic - k dispozici jako online převodník a stolní program pro Windows. Není to však zdarma (online stojí 7, 95 $ měsíčně, edice pro stolní počítač a jednorázová platba 295 $). Výsledky online vydání jsou však skvělé a získáte spoustu možností pro úpravu nebo úpravu nastavení a vedle sebe zobrazení původního obrázku a kopie svg.
- Vectorizer - další bezplatná služba. Tento je dodáván s průvodcem, který umožňuje vybrat nejlepší výstupní parametry (rozostření, barvy), nebo je můžete nastavit přímo. Výsledky byly s určitým vylepšením dobré a velikost výsledného obrázku byla o třetinu menší než původní logo PNG.
Nyní jste: Znáte jinou online službu nebo program pro převod obrázků do formátu SVG?
