UltKit

WebP SVG-be konvertálás

A WebP pixelekből, az SVG alakzatokból áll, ezért a kettő között nincs veszteségmentes átváltás. Ez az oldal valódi vektoros útvonalakká rajzolja át a WebP-képet, amelyeket átméretezhet, átszínezhet és kivághat. Logóknál, ikonoknál és egyszerű, sík illusztrációknál működik a legjobban.

Kép SVG-be

vagy húzza ide a(z) JPG, JPEG, JFIF … fájlok fájlokat ·

Legfeljebb 95 MB fájlonként· Legfeljebb 20 fájl· Törlés 30 perc után

Kimenet
12

A fájlokat szervereinken dolgozzuk fel, és 30 perc után töröljük.

Az eszköz használata

  1. 1

    Töltse fel a WebP-fájlt

    Adjon hozzá egy weboldalról mentett logót, ikont vagy matricát, legfeljebb 20 fájlt, fájlonként 95 MB-ig. A nagyobb, tisztább forrásképek jobban vektorizálhatók.

  2. 2

    Állítsa be a színek számát

    A Színek száma alapértéke 12, ami a legtöbb logóhoz elég. Csökkentse kétszínű jelhez, vagy állítsa a Színmód értékét Fekete-fehérre egyszínű vágófájlhoz.

  3. 3

    Vektorizálás SVG-be

    Nyomja meg a Vektorizálás: SVG → gombot, majd töltse le a fájlokat. Nyissa meg őket Inkscape-ben, Illustratorban, Figmában vagy a Cricut Design Space-ben, és ellenőrizze az alakzatokat.

Válasz

Valóban át lehet alakítani a WebP-t SVG-vé?

Csak vektorizálással. A WebP képpontokat tárol, az SVG alakzatokat. Ez az eszköz a WebP színeit vektoros útvonalakként rajzolja újra; ha egy szolgáltatás csak átnevezi a fájlt vagy beágyazza a bitképet, az SVG nagyításkor továbbra is elmosódik.

WebP SVG-be konvertálás: vektorizálás vagy beágyazás

A Google által 2010-ben kiadott WebP pixelalapú formátum: színes képpontok rácsa, gyors webes kézbesítésre tömörítve. Az SVG, amely 2001 óta W3C-szabvány, szövegként írja le a vonalakat, görbéket és kitöltéseket. Az előbbi utóbbivá alakítása két nagyon eltérő módon történhet, és a legtöbb ingyenes konverter azt választja, amelyik nem segít Önnek.

A beágyazás olyan SVG-t ír, amely a WebP-t base64 szövegként tartalmazza. A base64 nagyjából egyharmaddal növeli a kép méretét, az eredmény pedig továbbra is bitkép, csak vektoros címkével. A vektorizálás, amelyet itt és az Inkscape Trace Bitmap funkciója is használ (ez a Potrace algoritmusra épül), a színes területeket olvassa be, és útvonalakként írja ki. Az eredmény valóban skálázható és szerkeszthető, a finom részletek rovására. Az kép SVG-be útmutatónk minden vektorizálási beállítást elmagyaráz.

Vektorizált SVG és beágyazott WebP: mire képes az egyik és a másik

Vektorizált SVGA WebP-t beágyazó SVGEredeti WebP
Bármilyen nagyításnál élesyesnono
Az alakzatok szerkeszthetők Illustratorban vagy Inkscape-benyesnono
Cricut vagy lézervágó útvonalként használhatóyesnono
Megőrzi a fotószerű részleteketnoyesyes
Jellemző fájlméretA részletekkel nőKörülbelül ⅓-dal nagyobb, mint a WebPA legkisebb
  1. A WebP dekódolása

    A képpontok és az alfacsatorna beolvasása megtörténik; az átlátszó területek félre kerülnek.

  2. Színek csoportosítása

    A hasonló képpontok egyesülnek a megadott Színek száma szerint.

  3. Útvonalak rajzolása

    Minden színes terület simított görbékké válik, és optimalizált SVG-be kerül.

WEBP

WebP kép

A WebP a Google által 2010-ben kiadott képformátum, amely gyorsabbá teszi a weboldalak betöltését. Egyetlen formátumban támogatja a veszteséges és a veszteségmentes tömörítést, az alfa-átlátszóságot és az animációt. A veszteséges WebP fájlok jellemzően 25–35%-kal kisebbek a hasonló vizuális minőségű JPEG-eknél, a veszteségmentes WebP pedig általában kisebb a PNG-nél. Minden mai böngésző támogatja, de egyes régebbi asztali programok, nyomtatási szolgáltatások és feltöltési űrlapok még elutasítják. A Windows, a macOS és a legtöbb modern képszerkesztő megnyitja a WebP fájlokat.

Tömörítés
Veszteséges vagy veszteségmentes
Átlátszóság
Igen
Animáció
Igen
Bevezetés éve
2010 · Google
WEBP átalakító

SVG

Scalable Vector Graphics

Az SVG XML-alapú vektorformátum, amelyet a W3C 2001-ben szabványosított. Pixelek helyett alakzatokat, útvonalakat és szöveget ír le, ezért bármilyen méretben éles marad, logókhoz és ikonokhoz pedig általában apró. Támogatja az átlátszóságot, a CSS-stílusozást, a szkriptelést és az animációt, és minden böngésző natívan megjeleníti. Az SVG fényképekhez nem alkalmas, az összetett illusztrációk megjelenítése pedig lassúvá válhat. Az Illustrator, az Inkscape, a Figma és a böngészők meg tudják nyitni és szerkeszteni.

Tömörítés
–
Átlátszóság
Igen
Animáció
Igen
Bevezetés éve
2001 · W3C
SVG átalakító

A WebP SVG-be átalakítását akkor keresik, ha egy weboldalról mentett logót vagy ikont skálázhatóvá, szerkeszthetővé vagy vághatóvá kell tenni, amit csak vektorizálás tud megoldani; a fordított irány egyszerű rasztergrafikus átalakítás webes használatra.

Tiszta SVG egy weboldalról mentett WebP-képből

A legtöbb vektorként kívánt WebP fájlt weboldalról töltötték le, vagyis egy oldalhoz méretezték és veszteségesen tömörítették. A tömörítési zaj az éleknél apró, kósza alakzatokat eredményez, a kis képek pedig túl kevés képpontot adnak ahhoz, hogy a vektorizáló sima görbét találjon. Induljon a legnagyobb elérhető példányból; az oldal sajtó- vagy arculati aloldalán gyakran van nagyobb változat vagy az eredeti SVG.

Görbés logóknál hagyja az Simítás értékét az alapértéken, egyenes élű, geometrikus jeleknél pedig állítsa a Görbék beállítást Egyenes vonalakra. A vektorizálás után törölje a megmaradt foltokat a szerkesztőben. Ha a képet csak meg kellett nyitni valahol, és nem kell skálázni, a WebP PNG-be gyorsabb és pontos megoldás.

Kérdések a WebP SVG-be konvertálásáról

Miért kapok elmosódott fájlt más WebP–SVG konverterekkel?

Sok szolgáltatás a WebP-t beágyazott képként teszi egy SVG-be, és csak a kiterjesztést cseréli. A fájl SVG-ként megnyílik, de továbbra is képpontokból áll, ezért nagyításkor elmosódik, és nincsenek benne szerkeszthető alakzatok. Nyissa meg a fájlt szövegszerkesztőben: ha egy hosszú data:image karakterlánc áll benne, nem történt vektorizálás.

Átalakítható egy WebP-fotó SVG-be?

Megteheti, de az eredmény plakátszerű lesz: a sima színátmenetek és bőrtónusok lapos színsávokká alakulnak. A fotókhoz a pixelalapú formátumok valók. Tartsa meg a fotót WebP, JPG vagy PNG formátumban, és csak a ténylegesen szükséges logót, körvonalat vagy illusztrációt vektorizálja.

Átlátszó marad a WebP-kép átlátszó háttere?

Igen. Az átlátszó képpontokból nem lesz alakzat, így az SVG-ben nincs semmi a vektorizált rajz mögött. Matricánál vagy színes háttérre helyezett logónál ez általában pont a kívánt eredmény.

Hány színnel érdemes vektorizálni egy WebP-logót?

Számolja meg a látható egybefüggő színeket, és adjon hozzá kettőt-hármat az élsimított szélek miatt. Egy kétszínű logó 4 színnel tisztán vektorizálható; egy kabalafigurás illusztrációhoz 16–24 is kellhet. Túl sok szín vékony, szilánkszerű alakzatokat hoz létre minden él mentén.

Használhatom az SVG-t Cricut géppel vagy lézervágóval?

Igen, ez a vektorizálás egyik fő oka. A Cricut Design Space az SVG-t színenként külön rétegként importálja, a lézervágó szoftverek pedig a vonalakat vágó- vagy gravírozóvonalként olvassák. Ha egyetlen vágóvonalra van szüksége, használja a Fekete-fehér módot a Csak körvonalak beállítással.

Miért tűnik göröngyösnek a vektorizált SVG az eredeti logóhoz képest?

A weboldalakról származó, kis felbontású WebP fájlok gyakran csak 100–200 px szélesek, így a vektorizáló néhány képpontból találgatja a görbéket. Keressen a logóról nagyobb példányt, vagy előbb növelje meg a képméret növelése eszközzel, majd vektorizálja újra.