UltKit

Konvertera WebP till SVG

WebP består av pixlar och SVG av former, så det finns ingen förlustfri omvandling mellan dem. Här spåras din WebP till riktiga vektorbanor som du kan skala, färga om och skära ut. Det fungerar bäst på logotyper, ikoner och platta illustrationer.

Bild till SVG

eller släpp JPG, JPEG, JFIF …-filer här ·

Max 95 MB per fil· Upp till 20 filer· Raderas efter 30 minuter

Utdata
12

Filerna bearbetas på våra servrar och raderas efter 30 minuter.

Så använder du verktyget

  1. 1

    Ladda upp WebP-filen

    Lägg till en logotyp, ikon eller dekal som du sparat från en webbplats, upp till 20 filer på 95 MB vardera. Större och renare originalbilder ger ett bättre resultat vid vektorisering.

  2. 2

    Välj antal färger

    Antal färger är från början 12, vilket räcker för de flesta logotyper. Sänk värdet för en tvåfärgad symbol, eller ställ in Färgläge på Svartvitt för en enfärgad skärfil.

  3. 3

    Vektorisera till SVG

    Klicka på Vektorisera till SVG och ladda ner filerna. Öppna dem i Inkscape, Illustrator, Figma eller Cricut Design Space för att kontrollera formerna.

Svar

Går det verkligen att konvertera WebP till SVG?

Bara genom vektorisering. WebP lagrar pixlar, SVG lagrar former. Det här verktyget ritar om färgerna i din WebP som vektorbanor; allt som bara byter filnamn eller bäddar in bitmappen ger en SVG som fortfarande blir suddig när den förstoras.

Konvertera WebP till SVG: spårning eller inbäddning

WebP, som Google släppte 2010, är ett rasterformat: ett rutnät av färgade pixlar som komprimerats för snabb leverans på webben. SVG, en W3C-standard sedan 2001, beskriver linjer, kurvor och fyllningar som text. Att göra om det första till det andra kan göras på två vitt skilda sätt, och de flesta gratiskonverterare väljer det som inte hjälper dig.

Inbäddning skapar en SVG som innehåller WebP-bilden som base64-text. Base64 gör bilden ungefär en tredjedel större, och resultatet är fortfarande en bitmapp med en vektorliknande etikett. Vektorisering, metoden som används här och i Inkscapes funktion Trace Bitmap, som bygger på algoritmen Potrace, läser av färgytor och skriver dem som banor. Resultatet är på riktigt skalbart och redigerbart, på bekostnad av fina detaljer. Vår guide om bild till SVG förklarar alla inställningar för vektorisering.

Spårad SVG eller inbäddad WebP: vad varje fil klarar

Vektoriserad SVGSVG som omsluter WebPOriginal-WebP
Skarp vid alla zoomnivåeryesnono
Former som går att redigera i Illustrator eller Inkscapeyesnono
Går att använda som skärbanor i Cricut eller laseryesnono
Behåller fotodetaljernoyesyes
Typisk filstorlekVäxer med detaljrikedomenCirka ⅓ större än WebPMinst
  1. Avkoda WebP

    Pixlar och alfakanalen läses in; transparenta områden läggs åt sidan.

  2. Gruppera färger

    Liknande pixlar slås ihop till det Antal färger du valt.

  3. Rita banor

    Varje färgyta blir utjämnade kurvor som skrivs till en optimerad SVG.

WEBP

WebP-bild

WebP är ett bildformat som Google släppte 2010 för att få webbsidor att laddas snabbare. Det stöder både förlustbringande och förlustfri komprimering, alfatransparens och animation i ett och samma format. Förlustbringande WebP-filer är vanligtvis 25–35 % mindre än JPEG med liknande visuell kvalitet, och förlustfri WebP är oftast mindre än PNG. Alla aktuella webbläsare stöder det, men en del äldre datorprogram, tryckerier och uppladdningsformulär avvisar det fortfarande. Windows, macOS och de flesta moderna bildredigerare kan öppna WebP-filer.

Komprimering
Förlustbaserad eller förlustfri
Transparens
Ja
Animation
Ja
Introducerades
2010 · Google
WEBP-omvandlare

SVG

Scalable Vector Graphics

SVG är ett XML-baserat vektorformat som W3C standardiserade 2001. I stället för pixlar beskriver det former, banor och text, så det förblir skarpt i alla storlekar och är oftast mycket litet för logotyper och ikoner. Det stöder transparens, CSS-formatering, skript och animation, och alla webbläsare återger det direkt. SVG lämpar sig inte för foton, och komplexa illustrationer kan bli långsamma att rendera. Illustrator, Inkscape, Figma och webbläsare kan öppna och redigera det.

Komprimering
–
Transparens
Ja
Animation
Ja
Introducerades
2001 · W3C
SVG-omvandlare

Man söker efter WebP till SVG när en logotyp eller ikon som sparats från en webbplats ska bli skalbar, redigerbar eller skärbar, vilket bara vektorisering kan ge; åt andra hållet är det en enkel rasterisering för webben.

Få en ren SVG från en WebP sparad från en webbplats

De flesta WebP-filer som man vill ha som vektorer har laddats ner från en webbplats, vilket betyder att de skalats för en sida och förlustkomprimerats. Komprimeringsbrus runt kanterna blir små lösa former, och små bilder ger för få pixlar för att hitta en mjuk kurva. Utgå från den största kopian du kan hitta; webbplatsens egen press- eller varumärkessida erbjuder ofta en större version eller original-SVG.

Låt Utjämning ligga kvar nära standardvärdet för logotyper med kurvor, och ställ in Kurvor på Raka linjer för geometriska symboler med raka kanter. Ta efter vektoriseringen bort kvarvarande prickar i din redigerare. Om du bara behövde bilden för att öppna den någonstans och inte för att skala den är WebP till PNG den snabbare och exakta vägen.

Frågor om WebP till SVG

Varför ger andra WebP till SVG-konverterare en suddig fil?

Många av dem lägger in WebP-bilden i en SVG-fil som en inbäddad bild och byter bara filändelsen. Filen öppnas som SVG men består fortfarande av pixlar, så den blir suddig när den förstoras och innehåller inga redigerbara former. Öppna filen i en textredigerare: en lång data:image-sträng betyder att ingenting har vektoriserats.

Kan jag konvertera ett WebP-foto till SVG?

Det går, men resultatet ser ut som en affisch: mjuka toningar och hudtoner blir platta färgband. Foton hör hemma i rasterformat. Behåll fotot som WebP, JPG eller PNG och vektorisera bara den logotyp, kontur eller illustration du faktiskt behöver som vektorer.

Förblir den transparenta bakgrunden i min WebP transparent?

Ja. Transparenta pixlar ger inga former, så SVG-filen har ingenting bakom den vektoriserade grafiken. Det är oftast precis vad du vill ha för en dekal eller en logotyp som ska ligga på färgade bakgrunder.

Hur många färger ska jag spåra en WebP-logotyp med?

Räkna de släta färger du ser och lägg till två eller tre för kantutjämnade kanter. En tvåfärgad logotyp blir ren vid 4, medan en maskotillustration kan behöva 16 till 24. För många färger skapar tunna remsor av former längs alla kanter.

Kan jag använda SVG-filen med en Cricut eller laserskärare?

Ja, det är en av de främsta anledningarna till att vektorisera. Cricut Design Space importerar SVG som separata lager per färg, och lasermjukvara läser banorna som skär- eller gravyrlinjer. Använd Svartvitt med Endast konturer när du behöver en enda skärlinje.

Varför ser min spårade SVG ojämn ut jämfört med originallogotypen?

WebP-filer med låg upplösning från webbplatser är ofta bara 100 till 200 px breda, så vektoriseringen får gissa kurvor utifrån några få pixlar. Hitta en större kopia av logotypen, eller förstora den först med öka bildens filstorlek och vektorisera sedan igen.