UltKit

Prevod WebP na SVG

WebP sa skladá z pixelov a SVG z tvarov, preto medzi nimi neexistuje bezstratový prevod. Táto stránka vektorizuje váš WebP do skutočných vektorových ciest, ktoré môžete zväčšovať, prefarbovať a rezať. Najlepšie to funguje pri logách, ikonách a plochých ilustráciách.

Image to SVG

alebo sem presuňte súbory JPG, JPEG, JFIF … ·

Max. 95 MB na súbor· Až 20 súborov· Odstránenie po 30 minútach

Output
12

Súbory sa spracúvajú na našich serveroch a po 30 minútach sa odstránia.

Ako používať tento nástroj

  1. 1

    Nahrajte WebP

    Pridajte logo, ikonu alebo nálepku uloženú z webovej stránky, až 20 súborov s veľkosťou do 95 MB každý. Väčšie a čistejšie zdrojové obrázky sa vektorizujú lepšie.

  2. 2

    Nastavte počet farieb

    Počet farieb je predvolene 12, čo stačí pre väčšinu log. Pre dvojfarebnú značku ho znížte alebo nastavte Farebný režim na Čiernobiely pre jednofarebný súbor na rezanie.

  3. 3

    Vektorizujte do SVG

    Stlačte Vektorizovať na SVG a stiahnite súbory. Tvary si skontrolujte v programe Inkscape, Illustrator, Figma alebo Cricut Design Space.

Odpoveď

Dá sa WebP naozaj previesť na SVG?

Iba vektorizáciou. WebP ukladá pixely, SVG ukladá tvary. Tento nástroj prekreslí farby vášho WebP ako vektorové cesty; čokoľvek, čo len premenuje súbor alebo vloží bitmapu, vám dá SVG, ktoré sa pri zväčšení stále rozmaže.

Prevod WebP na SVG: vektorizácia verzus vloženie

WebP, ktorý Google vydal v roku 2010, je rastrový formát: mriežka farebných pixelov skomprimovaná pre rýchle doručenie na webe. SVG, štandard W3C od roku 2001, popisuje čiary, krivky a výplne ako text. Premeniť prvé na druhé sa dá dvoma veľmi odlišnými spôsobmi a väčšina bezplatných konvertorov si vyberie ten, ktorý vám nepomôže.

Vloženie vytvorí SVG, ktoré obsahuje WebP ako text base64. Base64 zväčší obrázok asi o tretinu a výsledok je stále bitmapa s vektorovou nálepkou. Vektorizácia, teda metóda použitá tu aj vo funkcii Trace Bitmap v Inkscape, ktorá je postavená na algoritme Potrace, číta plochy farieb a zapisuje ich ako cesty. Výsledok je skutočne škálovateľný a upraviteľný, za cenu jemných detailov. Náš sprievodca obrázok na SVG vysvetľuje všetky nastavenia vektorizácie.

Vektorizované SVG verzus vložený WebP: čo dokáže každý súbor

Vektorizované SVGSVG obaľujúce WebPPôvodný WebP
Ostré pri akomkoľvek priblíženíyesnono
Tvary upraviteľné v Illustratore alebo Inkscapeyesnono
Použiteľné ako cesty na rezanie v Cricut alebo laseriyesnono
Zachováva fotografické detailynoyesyes
Typická veľkosť súboruRastie s detailmiAsi o ⅓ väčšie než WebPNajmenšia
  1. Dekódovanie WebP

    Načítajú sa pixely a alfa kanál; priehľadné oblasti sa odložia bokom.

  2. Zoskupenie farieb

    Podobné pixely sa zlúčia do zvoleného Počtu farieb.

  3. Kreslenie ciest

    Každá farebná oblasť sa zmení na vyhladené krivky a zapíše sa do optimalizovaného SVG.

WEBP

Obrázok WebP

WebP je obrazový formát, ktorý Google vydal v roku 2010 na zrýchlenie načítavania webových stránok. V jednom formáte podporuje stratovú aj bezstratovú kompresiu, alfa priehľadnosť a animáciu. Stratové súbory WebP sú pri porovnateľnej vizuálnej kvalite zvyčajne o 25–35 % menšie ako JPEG a bezstratové WebP je zvyčajne menšie ako PNG. Podporujú ho všetky aktuálne prehliadače, no niektorý starší desktopový softvér, tlačové služby a formuláre na nahrávanie ho stále odmietajú. Súbory WebP otvoria Windows, macOS aj väčšina moderných obrazových editorov.

Kompresia
So stratou alebo bezstratová
Priehľadnosť
Áno
Animácia
Áno
Rok vzniku
2010 · Google
Konvertor WEBP

SVG

Scalable Vector Graphics

SVG je vektorový formát založený na XML, ktorý v roku 2001 štandardizovalo W3C. Namiesto pixelov opisuje tvary, cesty a text, takže je ostrý v každej veľkosti a pri logách a ikonách býva drobný. Podporuje priehľadnosť, štýlovanie CSS, skriptovanie a animáciu a každý prehliadač ho vykresľuje natívne. SVG nie je vhodný pre fotografie a zložité ilustrácie sa môžu vykresľovať pomaly. Otvoria a upravia ho Illustrator, Inkscape, Figma a prehliadače.

Kompresia
–
Priehľadnosť
Áno
Animácia
Áno
Rok vzniku
2001 · W3C
Konvertor SVG

WebP do SVG hľadajú ľudia vtedy, keď sa logo alebo ikona uložená z webu musí stať škálovateľnou, upraviteľnou alebo vhodnou na rezanie, čo dokáže iba vektorizácia; opačný smer je jednoduchá rasterizácia pre web.

Čisté SVG z WebP uloženého z webovej stránky

Väčšina WebP súborov, ktoré ľudia chcú ako vektor, bola stiahnutá z webu, takže boli zmenšené pre stránku a stratovo skomprimované. Šum kompresie okolo hrán sa mení na drobné zblúdilé tvary a malé obrázky dávajú vektorizácii primálo pixelov na nájdenie hladkej krivky. Začnite od najväčšej kópie, akú nájdete; tlačová alebo brandová stránka webu často ponúka väčšiu verziu alebo pôvodné SVG.

Pri logách s krivkami nechajte Vyhladenie približne na predvolenej hodnote a pri geometrických značkách s rovnými hranami nastavte Krivky na Rovné čiary. Po vektorizácii odstráňte zvyšné škvrnky v editore. Ak ste potrebovali iba obrázok, ktorý sa niekde otvorí a nemusí sa škálovať, rýchlejšou a presnou cestou je WebP do PNG.

Otázky o prevode WebP na SVG

Prečo mi iné prevody WebP na SVG vytvoria rozmazaný súbor?

Mnohé z nich vložia WebP do SVG ako vložený obrázok a zmenia príponu. Súbor sa otvorí ako SVG, no stále ide o pixely, takže pri zväčšení sa rozmaže a neobsahuje žiadne upraviteľné tvary. Otvorte súbor v textovom editore: dlhý reťazec data:image znamená, že sa nič nevektorizovalo.

Dá sa previesť fotka vo formáte WebP na SVG?

Môžete, ale výsledok pripomína plagát: plynulé prechody a odtiene pleti sa zmenia na ploché pásy farieb. Na fotografie slúžia rastrové formáty. Fotku ponechajte ako WebP, JPG alebo PNG a ako vektor vektorizujte iba logo, obrys alebo ilustráciu, ktorú naozaj potrebujete.

Zostane priehľadné pozadie môjho WebP priehľadné?

Áno. Priehľadné pixely netvoria žiadne tvary, takže za vektorizovanou grafikou v SVG nie je nič. Pri nálepke alebo logu umiestnenom na farebnom pozadí je to zvyčajne presne to, čo chcete.

S koľkými farbami vektorizovať logo vo formáte WebP?

Spočítajte ploché farby, ktoré vidíte, a pridajte dve alebo tri pre vyhladené okraje. Dvojfarebné logo sa čisto vektorizuje pri 4 farbách; ilustrácia maskota môže potrebovať 16 až 24. Príliš veľa farieb vytvára tenké úzke tvary pozdĺž každého okraja.

Môžem SVG použiť s plotrom Cricut alebo laserovou rezačkou?

Áno, je to jeden z hlavných dôvodov vektorizácie. Cricut Design Space importuje SVG ako samostatné vrstvy podľa farieb a laserový softvér číta cesty ako čiary rezu alebo gravírovania. Keď potrebujete jedinú líniu rezu, použite Čiernobiely režim s voľbou Obrysy.

Prečo vyzerá moje vektorizované SVG v porovnaní s pôvodným logom hrboľato?

WebP súbory s nízkym rozlíšením z webov majú často iba 100 až 200 px na šírku, takže vektorizácia len odhaduje krivky z niekoľkých pixelov. Nájdite väčšiu kópiu loga alebo ho najprv zväčšite pomocou zväčšenia veľkosti obrázka a vektorizujte znova.