Online konvertor SVG do WEBP zdarma

Co je formát SVG

SVG (Scalable Vector Graphics) je vektorový formát založený na XML, který ukládá tvary, cesty, text, přechody a filtry jako instrukce pro kreslení namísto pevných pixelů. Loga, ikony, diagramy, ilustrace a grafika uživatelského rozhraní běžně používají SVG, protože grafiku lze zvětšovat i zmenšovat bez pixelizace.

Adobe Illustrator, Inkscape, Figma, Affinity Designer, CorelDRAW a webové designové nástroje mohou vytvářet soubory SVG. Návrháři a vývojáři je používají pro upravitelnou grafiku, responzivní webovou grafiku a assety, které se musí vykreslovat v různých velikostech.

Co je formát WEBP

WEBP je rastrový obrazový formát vyvinutý společností Google. Podporuje ztrátovou kompresi pro menší fotografické nebo ilustrované obrázky, bezztrátovou kompresi pro grafiku vyžadující přesné detaily a alfa kanál pro průhledná pozadí.

WEBP může v mnoha případech zmenšit velikost souboru ve srovnání s formáty JPEG nebo PNG, výsledkem je však bitmapa s definovanou šířkou a výškou v pixelech. Zvětšení nad tuto velikost může odhalit rozmazání nebo artefakty komprese, na rozdíl od vektorového SVG.

Jak převést soubor SVG

Použití 101convert.com

Soubor můžete bezplatně převést na 101convert.com bez instalace softwaru. Otevřete převodník SVG-to-WEBP, nahrajte zdrojový soubor, vyberte dostupná nastavení výstupu, spusťte převod a stáhněte výsledný soubor .webp. Před použitím zkontrolujte výstup, zda v něm nechybí písma, zda nedošlo ke změně filtrů nebo nesprávnému zobrazení barev a zda nebyla ztracena průhlednost.

Použití GIMP

1. Otevřete SVG v GIMP pomocí File → Open.
2. Po zobrazení výzvy GIMP k importu SVG nastavte vykreslovanou šířku a výšku. Tyto hodnoty určují rozměry obrázku WEBP v pixelech.
3. Zvolte File → Export As…, zadejte název souboru končící na .webp a vyberte Export.
4. V dialogovém okně exportu WEBP zvolte úroveň kvality nebo bezztrátové kódování a poté export potvrďte.

GIMP při otevření SVG rastrovou grafiku vytvoří, takže pozdější změna velikosti obrázku nemůže obnovit vektorové detaily. Importujte SVG v největší požadované zobrazovací velikosti nebo pro pozdější změnu velikosti použijte vykreslení ze zdroje s vyšším rozlišením.

Použití nástrojů příkazového řádku

ImageMagick může rastrově vykreslit SVG a zapsat WEBP jediným příkazem, pokud jeho instalace obsahuje SVG renderer, například librsvg:

magick -background none -density 192 input.svg -resize 1200x1200 -quality 85 output.webp

-background none zachovává průhledné oblasti, pokud SVG a renderer podporují alfa kanál. -density určuje počáteční rozlišení rastrového vykreslení, zatímco -resize nastavuje praktickou výstupní velikost. Rozměry upravte podle zamýšlené zobrazovací velikosti; samotná hustota nezaručuje konkrétní výslednou šířku a výšku.

Inkscape může SVG vykreslit do PNG, načež encoder cwebp od společnosti Google vytvoří WEBP:

inkscape input.svg --export-type=png --export-filename=rendered.png --export-width=1600

cwebp -q 85 rendered.png -o output.webp

Místo toho použijte --export-height nebo v případě potřeby nastavte oba rozměry. Prostřední PNG zachová průhlednost, pokud Inkscape exportuje bez barvy pozadí. Pro bezztrátové kódování použijte cwebp -lossless rendered.png -o output.webp.

Omezení kvality a kompatibility

• Před převodem zvolte rozměry v pixelech. SVG nemá vlastní rastrové rozlišení, takže každý převodník musí rozhodnout, do kolika pixelů se má grafika vykreslit.
• U mnoha webových obrázků použijte hodnotu ztrátové kvality přibližně 80–90. Pro malý text, tenké čáry, snímky obrazovky a grafiku s plnými barvami, u které jsou vady komprese nepřijatelné, zvolte WEBP s bezztrátovým kódováním.
• Vložená písma, externí styly, propojené obrázky, JavaScript, animace a nepodporované SVG filtry se mohou vykreslit odlišně nebo zmizet. Pokud záleží na konzistentním výstupu, převeďte text na cesty nebo vložte požadované zdroje.
• Průhledná pozadí SVG se obecně převedou na průhledná pozadí WEBP, pokud renderer zachová alfa kanál. Pokud cílové prostředí vyžaduje neprůhledný obrázek, nastavte explicitní barvu pozadí.
• WEBP podporují aktuální hlavní prohlížeče a mnoho obrazových aplikací, starší software a specializované publikační systémy jej však nemusí přijímat. Ponechte původní SVG jako upravitelný hlavní soubor a WEBP používejte jako pevnou distribuční kopii.