Tradiční obrazové formáty jako JPG, PNG nebo GIF jsou velmi populární, ale mají nevýhody, díky nimž je jejich použití pro určité aplikace méně než ideální.
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 obrázek zobrazit také 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, aby se vybrala ta nejvhodnější, znamená to, že mimo jiné potřebujete více úložného prostoru.
Formát obrázku 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 obraz na více místech s různým rozlišením.
Další výhody SVG spočívají v tom, že jeho velikost je obvykle mnohem menší a že dává webmasterům určitou flexibilitu, pokud jde o provádění změn, protože některé lze provádět přímo v CSS.
Jeden příklad: Terence Eden vytvořil SVG loga populárních internetových společností jako Twitter, Amazon, WhatsApp, YouTube nebo Reddit. Velikost loga byla snížena na méně než 1 kilobajt, někdy až na 200 bajtů. Například logo Twitter ve formátu PNG má velikost 20 kilobajtů, verze SVG velikost 397 bajtů.
SVG je dobrý formát pro loga a ikony, ale není opravdu vhodný, pokud jde o 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ů do formátu SVG. Nejedná se o výukový program o používání aplikací určených k vytváření vektorové grafiky od nuly. K tomu můžete použít editory vektorové grafiky, jako je Adobe Illustrator (naše odkazy na zásady Adobe stále neexistují), Inkscape nebo LibreOffice Draw.
LibreOffice Draw
Pro Windows
Stáhnout teďK dispozici je spousta bezplatných převaděčů, které můžete provozovat online, ale pokud jde o proces převodu, jsou poměrně omezené. I když mohou stačit k převodu jednoduchého loga, které je k dispozici jako png nebo jpg na svg, výsledky většinou nejsou příliš dobré.
Takto jsem vyhodnotil služby: Stáhl jsem si logo Ghacks a vyzkoušel převody na několika desítkách převaděčů SVG. Posoudil jsem výsledek a zahodil jakoukoli službu, která nepřinesla dobré výsledky.
- Aconvert - služba vezme jako vstup místní soubor nebo adresu URL. Jedinou možností, kterou poskytuje, je změna rozlišení obrazu. Výsledný obrázek vypadal jako logo Ghacks, ale jeho velikost byla téměř dvojnásobná oproti PNG verzi loga.
- Vector Magic - k dispozici jako online převodník a desktopový program pro Windows. Není to však zdarma (online stojí 7 $.95 za měsíc, desktopové vydání jednorázová platba 295 $). Výsledky online vydání jsou skvělé a navíc máte spoustu možností úpravy nebo úpravy nastavení a zobrazení původního obrázku a kopie svg vedle sebe.
- Vectorizer - Další bezplatná služba. Ten přichází s průvodcem, který umožňuje vybrat nejlepší výstupní parametry (rozmazání, 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.
Vector Magic
Pro Windows
Stáhnout teďTeď ty: Znáte další online službu nebo program pro převod obrázků do formátu SVG?