UltKit

WebP na SVG-omskakelaar

WebP bestaan uit piksels en SVG uit vorms, dus is daar geen verlieslose oorskakeling tussen die twee nie. Hierdie bladsy trek u WebP na in ware vektorpaaie wat u kan skaal, herkleur en sny. Dit werk die beste vir logo's, ikone en plat illustrasies.

Prent na SVG

of los JPG, JPEG, JFIF …-lêers hier ·

Maks. 95 MB per lêer· Tot 20 lêers· Uitgevee na 30 minute

Uitvoer
12

Lêers word op ons bedieners verwerk en na 30 minute uitgevee.

Hoe om hierdie nutsding te gebruik

  1. 1

    Laai die WebP op

    Voeg 'n logo, ikoon of plakker by wat vanaf 'n webwerf gestoor is, tot 20 lêers van elk 95 MB. Groter, skoner bronbeelde word beter nagetrek.

  2. 2

    Stel die aantal kleure

    Aantal kleure begin by 12, genoeg vir die meeste logo's. Verlaag dit vir 'n tweekleurige merk, of stel Kleurmodus op Swart-en-wit vir 'n enkelkleur-snylêer.

  3. 3

    Vektoriseer na SVG

    Druk Vektoriseer na SVG en laai die lêers af. Maak hulle oop in Inkscape, Illustrator, Figma of Cricut Design Space om die vorms na te gaan.

Antwoord

Kan jy WebP regtig na SVG omskakel?

Net deur na te trek. WebP stoor piksels, SVG stoor vorms. Hierdie hulpmiddel teken die kleure van jou WebP as vektorpaaie oor; enigiets wat net die lêer hernoem of die bitmap inbed, gee jou 'n SVG wat steeds wasig word wanneer dit vergroot word.

Skakel WebP om na SVG: natrek teenoor inbed

WebP, in 2010 deur Google vrygestel, is 'n rasterformaat: 'n rooster gekleurde piksels wat saamgepers is vir vinnige weblewering. SVG, sedert 2001 'n W3C-standaard, beskryf lyne, kurwes en vulkleure as teks. Om die eerste in die tweede te omskep kan op twee baie verskillende maniere gedoen word, en die meeste gratis omskakelaars kies die een wat jou nie help nie.

Inbedding skryf 'n SVG wat die WebP as base64-teks bevat. Base64 blaas die beeld met ongeveer 'n derde op, en die resultaat is steeds 'n bitmap met 'n vektor-etiket. Natrekking, die metode wat hier en in Inkscape se Trace Bitmap-funksie gebruik word, wat op die Potrace-algoritme gebou is, lees kleurvlakke en skryf dit as paaie. Die resultaat is werklik skaleerbaar en wysigbaar, ten koste van fyn detail. Ons beeld na SVG-gids verduidelik elke natrekinstelling.

Nagetrekte SVG teenoor ingebedde WebP: wat elke lêer kan doen

Nagetrekte SVGSVG wat die WebP omsluitOorspronklike WebP
Skerp by enige vergrotingyesnono
Vorms wysigbaar in Illustrator of Inkscapeyesnono
Bruikbaar as Cricut- of lasersnypaaieyesnono
Behou fotografiese detailnoyesyes
Tipiese lêergrootteGroei met detailOngeveer ⅓ groter as die WebPKleinste
  1. Dekodeer die WebP

    Piksels en die alfakanaal word gelees; deursigtige areas word eenkant gesit.

  2. Groepeer kleure

    Soortgelyke piksels word saamgevoeg tot die Aantal kleure wat jy gekies het.

  3. Teken paaie

    Elke kleurgebied word gladde kurwes, geskryf na 'n geoptimeerde SVG.

WEBP

WebP-beeld

WebP is 'n beeldformaat wat Google in 2010 vrygestel het om webbladsye vinniger te laat laai. Dit ondersteun beide verlieslike en verlieslose kompressie, alfadeursigtigheid en animasie in een formaat. Verlieslike WebP-lêers is gewoonlik 25–35% kleiner as JPEG's van soortgelyke visuele gehalte, en verlieslose WebP is gewoonlik kleiner as PNG. Elke huidige blaaier ondersteun dit, maar sommige ouer rekenaarsagteware, drukdienste en oplaaivorms weier dit steeds. Windows, macOS en die meeste moderne beeldredigeerders kan WebP-lêers oopmaak.

Kompressie
Met verlies of verliesloos
Deursigtigheid
Ja
Animasie
Ja
Bekendgestel
2010 · Google
WEBP-omskakelaar

SVG

Scalable Vector Graphics

SVG is 'n XML-gebaseerde vektorformaat wat die W3C in 2001 gestandaardiseer het. In plaas van pixels beskryf dit vorms, paaie en teks, so dit bly skerp op enige grootte en is gewoonlik piepklein vir logo's en ikone. Dit ondersteun deursigtigheid, CSS-stileer, skripte en animasie, en elke blaaier lewer dit inheems. SVG is ongeskik vir foto's, en komplekse illustrasies kan stadig word om te lewer. Illustrator, Inkscape, Figma en blaaiers kan dit oopmaak en redigeer.

Kompressie
–
Deursigtigheid
Ja
Animasie
Ja
Bekendgestel
2001 · W3C
SVG-omskakelaar

Mense soek na WebP na SVG wanneer 'n logo of ikoon wat van 'n webwerf gestoor is skaleerbaar, wysigbaar of sny-gereed moet word, wat net natrekking kan lewer; die teenoorgestelde rigting is eenvoudige rasterisering vir die web.

Kry 'n skoon SVG van 'n WebP wat van 'n webwerf gestoor is

Die meeste WebP-lêers wat mense as vektore wil hê, is van 'n webwerf afgelaai, wat beteken hulle is vir 'n bladsy geskaal en met verlies saamgepers. Kompressieruis om rande word klein dwaalvorms, en klein beelde gee die natrekker te min piksels om 'n gladde kurwe te vind. Begin met die grootste kopie wat jy kan vind; die webwerf se eie pers- of handelsmerkbladsy bied dikwels 'n groter weergawe of die oorspronklike SVG aan.

Hou Gladmaak by sy verstek vir logo's met kurwes, en stel Kurwes op Reguit lyne vir meetkundige merke met reguit rande. Vee oorblywende kolletjies ná natrekking in jou redigeerder uit. As jy die beeld net êrens moes oopmaak en nie hoef te skaleer nie, is WebP na PNG die vinniger, presiese roete.

Vrae oor WebP na SVG

Waarom gee ander WebP na SVG-omskakelaars my 'n wasige lêer?

Baie van hulle plaas die WebP as 'n ingebedde beeld binne 'n SVG en verander die lêeruitbreiding. Die lêer maak as SVG oop, maar dit bly piksels, so dit word wasig wanneer dit vergroot word en bevat geen wysigbare vorms nie. Maak die lêer in 'n teksredigeerder oop: 'n lang data:image-string beteken niks is nagetrek nie.

Kan ek 'n WebP-foto na SVG omskakel?

Dit kan, maar die resultaat lyk soos 'n plakkaat: gladde kleurskakerings en velkleure word plat kleurbande. Foto's is waarvoor rasterformate bedoel is. Hou die foto as WebP, JPG of PNG, en trek net die logo, buitelyn of illustrasie wat jy werklik nodig het as vektore na.

Sal die deursigtige agtergrond van my WebP deursigtig bly?

Ja. Deursigtige piksels lewer geen vorms op nie, so die SVG het niks agter die nagetrekte kunswerk nie. Dit is gewoonlik presies wat jy wil hê vir 'n plakker of 'n logo op gekleurde agtergronde.

Met hoeveel kleure moet ek 'n WebP-logo natrek?

Tel die plat kleure wat jy kan sien en voeg twee of drie by vir gladgemaakte rande. 'n Tweekleur-logo word skoon nagetrek by 4; 'n maskot-illustrasie het dalk 16 tot 24 nodig. Te veel kleure skep dun splinters van vorms langs elke rand.

Kan ek die SVG met 'n Cricut of 'n lasersnyer gebruik?

Ja, dit is een van die hoofredes om na te trek. Cricut Design Space voer SVG in as aparte lae per kleur, en lasersagteware lees die paaie as sny- of graveerlyne. Gebruik Swart-en-wit met Slegs buitelyne wanneer jy 'n enkele snylyn nodig het.

Waarom lyk my nagetrekte SVG bonkig in vergelyking met die oorspronklike logo?

WebP-lêers met lae resolusie van webwerwe is dikwels net 100 tot 200 px breed, so die natrekker raai kurwes uit 'n paar piksels. Soek 'n groter kopie van die logo, of vergroot dit eers met beeld se lêergrootte vergroot, en trek dan weer na.