Konvertér SVG til WebP
Gør en vektorfil til en WebP i præcis den pixelbredde, dit layout kræver. Praktisk, når et CMS afviser SVG-uploads, når et preview på sociale medier kræver et bitmapbillede, eller når en illustration har så mange stier, at browseren er langsom til at tegne den.
Billedkonverter
eller slip JPG, JPEG, JPE …-filer her ·
Maks. 95 MB pr. fil· Op til 20 filer· Slettes efter 30 minutter
Filer behandles på vores servere og slettes efter 30 minutter.
85 holder fotos visuelt identiske med originalen. Sænk den kun, hvis du har brug for en mindre fil.
JPG, BMP og EPS har ingen gennemsigtighed. Gennemsigtige pixels udfyldes med denne farve.
Hex-farve, der bruges bag gennemsigtige pixels, f.eks. #FFFFFF.
Dette format rummer kun ét billede. Vælg GIF- eller WebP-output, hvis du vil beholde animationen.
Et ikon i flere størrelser indeholder flere opløsninger i én fil; browsere og operativsystemer vælger den, de har brug for.
Behold de oprindelige mål, eller angiv én side, så billedformatet bevares.
Pixels for den side, du valgte ovenfor.
Procentdel af de oprindelige mål.
sRGB er rigtigt til skærme og nettet. Behold originalen til trykarbejdsgange; gråtoner kasserer farve.
Kun metadata, 0 beholder den oprindelige værdi. Printere og nogle portaler læser dette tal; det ændrer ikke pixelmålene.
Sådan bruger du værktøjet
- 1
Upload SVG-filen
Tilføj op til 20 .svg-filer eksporteret fra Figma, Illustrator, Inkscape eller et diagrambibliotek, 95 MB pr. fil.
- 2
Angiv outputbredden
Skift størrelse på outputbilledet starter ved en bredde på 1200 px; ændr den til det dobbelte af den bredde, billedet fylder på siden. Kvalitet er 90, eller sæt kryds ved Tabsfri under Avancerede indstillinger til flade logoer og ikoner.
- 3
Konvertér til WebP
Tryk på Konvertér til WebP, og download filerne eller én ZIP. Gennemsigtige områder forbliver gennemsigtige.
Hvordan konverterer jeg SVG til WebP i en bestemt størrelse?
Upload SVG'en, sæt Skift størrelse på outputbilledet til den bredde i pixel, du skal bruge (som standard 1200 px), og tryk på Konvertér til WebP. Vektoren tegnes på ny i den bredde, så intet opskaleres eller bliver sløret.
Hvornår en SVG bør konverteres til WebP
SVG blev en W3C-anbefaling i 2001 og er det rigtige format til de fleste logoer og ikoner: nogle få kilobyte tekst, der er skarpe ved enhver zoom. Problemerne begynder, når en fil forlader din egen kode. WordPress og mange hostede webshopbyggere afviser SVG-uploads, linkvisninger på Facebook, LinkedIn og X hentes som bitmaps, og designværktøjer eksporterer illustrationer med indlejrede rastereffekter, der gør en vektorfil til adskillige megabyte markup.
WebP, som Google udgav i 2010, og som Safari endelig understøttede fra version 14 i 2020, er det bitmap, der er bygget til netop den opgave: mindre end PNG ved samme udseende, med en ægte alfakanal. Når SVG'en gengives direkte til WebP i den endelige størrelse, springer du den sædvanlige omvej via en stor PNG-eksport over. Hvis du også vil den anden vej, forklarer vores side om WebP til SVG, hvorfor den retning kræver vektorisering frem for konvertering.
SVG til WebP: størrelser til almindelige pladser på nettet
1200 × 630 px
Open Graph-linkvisning
Billedet vises, når siden deles
1920 × 1080 px
Hero-illustration i fuld bredde
Dækker de fleste computerskærme ved 1×
1600 × 900 px
Blogkolonnebillede ved 2×
Til en 800 px bred indholdskolonne
400 × 100 px
Headerlogo ved 2×
Til en logoplads på 200 × 50 px
SVG
Scalable Vector Graphics
SVG er et XML-baseret vektorformat, som W3C standardiserede i 2001. I stedet for pixels beskriver det former, stier og tekst, så det forbliver skarpt i enhver størrelse og som regel er meget lille til logoer og ikoner. Det understøtter gennemsigtighed, CSS-styling, scripting og animation, og alle browsere gengiver det direkte. SVG egner sig ikke til fotografier, og komplekse illustrationer kan blive langsomme at gengive. Illustrator, Inkscape, Figma og browsere kan åbne og redigere det.
- Komprimering
- –
- Gennemsigtighed
- Ja
- Animation
- Ja
- Introduceret
- 2001 · W3C
WEBP
WebP-billede
WebP er et billedformat, som Google udgav i 2010 for at få websider til at indlæses hurtigere. Det understøtter både tabsgivende og tabsfri komprimering, alfagennemsigtighed og animation i ét format. Tabsgivende WebP-filer er typisk 25–35 % mindre end JPEG-filer af tilsvarende visuel kvalitet, og tabsfri WebP er som regel mindre end PNG. Alle aktuelle browsere understøtter det, men noget ældre computersoftware, trykkerier og uploadformularer afviser stadig WebP. Windows, macOS og de fleste moderne billedredigeringsprogrammer kan åbne WebP-filer.
- Komprimering
- Med eller uden tab
- Gennemsigtighed
- Ja
- Animation
- Ja
- Introduceret
- 2010 · Google
Folk konverterer SVG til WebP for at få et let bitmap i fast størrelse til steder, der ikke accepterer vektorfiler eller tegner dem langsomt, f.eks. et CMS, en delingsvisning eller en tung landingpage; WebP til SVG er en vektoriseringsopgave, ikke et formatskift.
Sådan rasteriseres SVG-filen, og hvad du skal tjekke
Konverteren læser SVG'ens egen width, height og viewBox og tegner derefter hver sti i den bredde, du har angivet; højden følger billedformatet. Fordi tegningen sker i den endelige størrelse, bliver tynde streger og lille tekst kantudjævnet én gang i den rigtige skala. Opskalering af en lille PNG bagefter ser aldrig lige så rent ud.
Skrifttyper er den sædvanlige overraskelse. Hvis SVG'en angiver en skrifttype, der ikke er indlejret eller konverteret til konturer, bruges en erstatningsskrifttype, og linjelængderne ændres. Konvertér teksten til konturer i dit designværktøj, før du eksporterer. Eksterne billeder, der er linket via URL i SVG'en, hentes ikke, så indlejr dem eller fladgør grafikken først.
Konvertér SVG til WebP: gør og undgå
| Gør | Undgå |
|---|---|
| Gengiv i 2× den viste CSS-bredde | Konvertér simple inline-ikoner, som fylder mindre som SVG |
| Brug Tabsfri til flade logoer med få farver | Gengiv i 4000 px til en plads på 600 px |
| Behold SVG-masteren til fremtidige størrelser | Send WebP i e-mailnyhedsbreve |
| Vis WebP med width- og height-attributter for at undgå layoutspring | Forvent ikke levende tekst: WebP er pixels, ikke markérbar tekst |
Spørgsmål om SVG til WebP
Hvilken pixelbredde skal jeg bruge, når jeg konverterer SVG til WebP?
Tag den bredde, billedet vises i, målt i CSS-pixel, og gang den med to, så det forbliver skarpt på telefon- og bærbare skærme med høj pixeltæthed. En illustration i en 800 px bred kolonne bør gengives i 1600 px. 3× betaler sig sjældent på nettet, fordi filen vokser, mens den synlige forbedring er lille.
Er WebP bedre end SVG til en hjemmeside?
Ikke for simple logoer, ikoner og diagrammer: en ren SVG er lille og skarp i alle størrelser, så behold den. WebP er bedst til komplekse illustrationer med forløb, filtre eller tusindvis af stier og til steder, der kun accepterer bitmaps, f.eks. delingsvisninger på sociale medier eller et CMS uden SVG-understøttelse.
Bevarer WebP-filen den gennemsigtige baggrund fra min SVG?
Ja. WebP har en fuld alfakanal i både tabsgivende og tabsfri tilstand, så områder uden fyld i SVG'en forbliver gennemsigtige. Formernes kanter er kantudjævnet mod gennemsigtighed, hvilket ser rigtigt ud på enhver baggrundsfarve.
Lossy eller lossless WebP til vektorgrafik?
Tabsfri passer til flade logoer, ikoner og diagrammer med en håndfuld ensfarvede farver; de komprimeres meget godt og beholder helt rene kanter. Tabsgivende med kvalitet 85 til 90 passer til illustrationer med forløb, skygger eller teksturer, hvor tabsfri filer bliver tunge. Prøv begge på én fil, og behold det mindste resultat, der ser rent ud.
Hvorfor kan jeg ikke uploade SVG til WordPress?
WordPress udelader SVG fra de tilladte uploadtyper, fordi en SVG kan indeholde scripts. WordPress har accepteret WebP siden version 5.8 fra 2021, så ved at konvertere får du en fil, mediebiblioteket tager imod uden et sikkerhedsplugin. Sites, der har brug for ægte vektorer, kan stadig tilføje SVG-understøttelse via et plugin, der renser filerne.
Kan jeg bruge WebP-filen i et e-mail-nyhedsbrev?
Undgå det. Flere mailklienter, herunder Outlook til Windows, viser ikke WebP, og Gmail gengiver heller ikke SVG. Gengiv i stedet grafikken med SVG til PNG til e-mail.
