UltKit

Převést WebP do SVG

WebP se skládá z pixelů a SVG z tvarů, takže mezi nimi neexistuje bezeztrátový převod. Tato stránka vektorizuje váš WebP do skutečných vektorových cest, které můžete libovolně zvětšovat, přebarvovat a řezat. Nejlépe to funguje u log, ikon a plochých ilustrací.

Obrázek do SVG

nebo sem přetáhněte soubory JPG, JPEG, JFIF … ·

Max. 95 MB na soubor· Až 20 souborů· Smazáno po 30 minutách

Výstup
12

Soubory se zpracovávají na našich serverech a po 30 minutách se smažou.

Jak nástroj používat

  1. 1

    Nahrajte soubor WebP

    Přidejte logo, ikonu nebo nálepku uloženou z webu, až 20 souborů po 95 MB. Větší a čistší zdrojové obrázky se vektorizují lépe.

  2. 2

    Nastavte počet barev

    Počet barev je výchozně 12, což stačí pro většinu log. Pro dvoubarevný znak hodnotu snižte, nebo nastavte Barevný režim na Černobílá pro jednobarevný řezací soubor.

  3. 3

    Vektorizujte do SVG

    Stiskněte Vektorizovat na SVG a soubory stáhněte. Tvary zkontrolujete otevřením v Inkscape, Illustratoru, Figmě nebo Cricut Design Space.

Odpověď

Dá se WebP opravdu převést do SVG?

Jen vektorizací. WebP ukládá pixely, SVG ukládá tvary. Tento nástroj překreslí barvy vašeho WebP jako vektorové cesty; cokoli, co jen přejmenuje soubor nebo vloží bitmapu, vám dá SVG, které se při zvětšení stále rozmaže.

Převést WebP do SVG: vektorizace, nebo vložení

WebP, který Google vydal v roce 2010, je rastrový formát: mřížka barevných pixelů komprimovaná pro rychlé doručení na webu. SVG, standard W3C od roku 2001, popisuje čáry, křivky a výplně jako text. Přeměnit první na druhé lze dvěma velmi odlišnými způsoby a většina bezplatných převodníků zvolí ten, který vám nepomůže.

Vložení zapíše SVG, které obsahuje WebP jako text base64. Base64 zvětší obrázek zhruba o třetinu a výsledek je stále bitmapa s vektorovým označením. Vektorizace, tedy metoda použitá zde i ve funkci Trace Bitmap v Inkscape, která je postavená na algoritmu Potrace, čte plochy barev a zapisuje je jako cesty. Výsledek je skutečně škálovatelný a upravitelný, za cenu jemných detailů. Náš návod obrázek do SVG vysvětluje všechna nastavení vektorizace.

Vektorizované SVG vs. vložený WebP: co který soubor umí

Vektorizované SVGSVG s vloženým WebPPůvodní WebP
Ostré při jakémkoli přiblíženíyesnono
Tvary upravitelné v Illustratoru nebo Inkscapeyesnono
Použitelné jako cesty pro Cricut nebo laseryesnono
Zachová fotografické detailynoyesyes
Typická velikost souboruRoste s detailyAsi o ⅓ větší než WebPNejmenší
  1. Dekódování WebP

    Načtou se pixely a alfa kanál; průhledné oblasti se odloží stranou.

  2. Seskupení barev

    Podobné pixely se sloučí do zvoleného Počet barev.

  3. Kreslení cest

    Každá barevná oblast se změní na vyhlazené křivky a zapíše se do optimalizovaného SVG.

WEBP

Obrázek WebP

WebP je obrazový formát, který Google vydal v roce 2010 pro rychlejší načítání webových stránek. V jednom formátu podporuje ztrátovou i bezeztrátovou kompresi, alfa průhlednost a animace. Ztrátové soubory WebP bývají při podobné vizuální kvalitě o 25–35 % menší než JPEG a bezeztrátový WebP bývá menší než PNG. Podporují ho všechny současné prohlížeče, ale některý starší desktopový software, tiskové služby a formuláře pro nahrávání jej stále odmítají. Windows, macOS i většina moderních obrazových editorů soubory WebP otevře.

Komprese
Ztrátová i bezztrátová
Průhlednost
Ano
Animace
Ano
Představeno
2010 · Google
Převodník WEBP

SVG

Scalable Vector Graphics

SVG je vektorový formát založený na XML, který W3C standardizovalo v roce 2001. Místo pixelů popisuje tvary, křivky a text, takže zůstává ostrý v libovolné velikosti a u log a ikon bývá drobný. Podporuje průhlednost, stylování pomocí CSS, skriptování a animace a každý prohlížeč ho zobrazí nativně. Pro fotografie SVG nevyhovuje a složité ilustrace se mohou vykreslovat pomalu. Otevřou a upraví ho Illustrator, Inkscape, Figma i prohlížeče.

Komprese
–
Průhlednost
Ano
Animace
Ano
Představeno
2001 · W3C
Převodník SVG

WebP do SVG lidé hledají, když se logo nebo ikona uložená z webu musí stát škálovatelnou, upravitelnou nebo řezatelnou, což zajistí jen vektorizace; opačný směr je jednoduchá rasterizace pro web.

Čisté SVG z WebP staženého z webu

Většina souborů WebP, které lidé chtějí jako vektor, byla stažena z webu, takže byla zmenšena pro stránku a ztrátově komprimována. Šum komprese kolem hran se změní na drobné zbloudilé tvary a malé obrázky dávají vektorizaci příliš málo pixelů pro nalezení hladké křivky. Začněte největší kopií, kterou najdete; stránka pro média nebo značku často nabízí větší verzi nebo původní SVG.

Pro loga s křivkami nechte Vyhlazení kolem výchozí hodnoty a pro geometrické znaky s rovnými hranami nastavte Křivky na Přímé čáry. Po vektorizaci smažte zbylé tečky v editoru. Pokud jste obrázek potřebovali jen otevřít a ne škálovat, je WebP do PNG rychlejší a přesná cesta.

Otázky k převodu WebP do SVG

Proč mi jiné převodníky WebP do SVG vrátí rozmazaný soubor?

Mnoho z nich vloží WebP do SVG jako vložený obrázek a jen změní příponu. Soubor se otevře jako SVG, ale pořád jde o pixely, takže se při zvětšení rozmaže a neobsahuje žádné upravitelné tvary. Otevřete soubor v textovém editoru: dlouhý řetězec data:image znamená, že se nic nevektorizovalo.

Lze převést fotku ve WebP do SVG?

Můžete, ale výsledek bude vypadat jako plakát: plynulé přechody a odstíny pleti se změní v ploché pásy barev. Fotky patří do rastrových formátů. Fotku ponechte jako WebP, JPG nebo PNG a jako vektor vektorizujte jen logo, obrys nebo ilustraci, kterou opravdu potřebujete.

Zůstane průhledné pozadí mého WebP průhledné?

Ano. Průhledné pixely nevytvářejí žádné tvary, takže SVG za vektorizovanou kresbou nic nemá. U nálepky nebo loga umístěného na barevném pozadí je to obvykle přesně to, co chcete.

S kolika barvami vektorizovat logo ve WebP?

Spočítejte ploché barvy, které vidíte, a přidejte dvě nebo tři pro vyhlazené hrany. Dvoubarevné logo se čistě vektorizuje se 4 barvami, ilustrace maskota může potřebovat 16 až 24. Příliš mnoho barev vytvoří tenké úzké tvary podél každé hrany.

Mohu SVG použít s plotrem Cricut nebo laserovou řezačkou?

Ano, to je jeden z hlavních důvodů vektorizace. Cricut Design Space importuje SVG jako samostatné vrstvy podle barev a software pro lasery čte cesty jako linie řezu nebo gravírování. Když potřebujete jednu řezací linii, použijte Černobílá spolu s Pouze obrysy.

Proč vypadá vektorizované SVG oproti původnímu logu hrbolatě?

Soubory WebP z webů s nízkým rozlišením mají často jen 100 až 200 px na šířku, takže vektorizace odhaduje křivky z několika pixelů. Najděte větší kopii loga, nebo ho nejprve zvětšete pomocí zvětšení velikosti obrázku a vektorizujte znovu.