SVG-visare och Redigerare
Förhandsgranska, redigera och optimera SVG-filer online. Realtidsförhandsgranskning, kodredigering och optimeringsverktyg.
Vad är SVG-format?
SVG (Scalable Vector Graphics) är ett XML-baserat vektorbildformat som möjliggör oändlig skalning utan kvalitetsförlust. Det används ofta för logotyper, ikoner och webbgrafik.
Vad är skillnaden mellan SVG och PNG?
SVG är ett vektorformat som använder matematiska formler för att beskriva grafik och kan skalas oändligt utan att förlora kvalitet. PNG är ett rasterformat bestående av pixlar som blir suddigt vid förstoring. SVG är idealiskt för logotyper, ikoner och diagram, medan PNG är bättre lämpat för foton.
Vilka filformat kan jag visa?
Detta verktyg visar SVG-filer. Du kan klistra in SVG-kod direkt eller ladda upp en .svg-fil från din enhet.
Kan jag redigera SVG-kod direkt?
Ja, du kan redigera SVG-källkoden i redigeringspanelen och se ändringar i förhandsgranskningspanelen i realtid.
Hur fungerar realtidsförhandsgranskning?
Förhandsgranskningspanelen uppdateras automatiskt medan du skriver i kodredigeraren och visar exakt hur din SVG kommer att renderas i webbläsare.
Hur optimerar jag min SVG?
Klicka på Optimera för att ta bort onödiga mellanslag, kommentarer, metadata och redundanta attribut, vilket minskar filstorleken.
Kan jag ändra SVG-färger och stilar?
Ja, du kan ändra fyllningsfärger, streckfärger, opacitet och andra stilattribut direkt i SVG-koden.
Stöder SVG animation?
Ja, SVG stöder animationer genom SMIL (Synchronized Multimedia Integration Language) och CSS-animationer. Du kan skapa effekter som rörelse, färgförändringar och formtransformationer direkt i SVG.
Vilka webbläsare stöds?
Detta verktyg fungerar i alla moderna webbläsare inklusive Chrome, Firefox, Safari och Edge.
Hur kan jag validera SVG-syntax?
Verktyget markerar automatiskt syntaxfel i din SVG-kod och hjälper dig att identifiera och åtgärda problem omedelbart.
Kan jag ändra storlek på SVG utan kvalitetsförlust?
Ja, SVG är ett vektorformat som kan skalas till vilken storlek som helst utan att förlora kvalitet eller bli pixlig.
Skickas mina SVG-data till en server?
Nej, all bearbetning sker lokalt i din webbläsare. Ditt SVG-innehåll lämnar aldrig din enhet.
Hur man använder SVG-visare och Redigerare
SVG Viewer & Editor renderar en SVG så snart du klistrar in koden eller släpper filen, och låter dig redigera koden med förhandsvisning i realtid. Allt händer lokalt i webbläsaren.
- Klistra in din SVG-kod i redigeraren med tipset “Paste SVG code here or drag & drop a file...”, eller dra en .svg-fil till sidan.
- Grafen renderas omedelbart i förhandsvisningen bredvid koden.
- Redigera attribut som viewBox, width, height, fill eller sökvägsdata direkt i koden — förhandsvisningen uppdateras medan du skriver.
- Åtgärda vanliga problem direkt, t.ex. ett saknat xmlns-attribut eller en viewBox som klipper av grafiken.
- Kopiera ut slutkoden när förhandsvisningen ser rätt ut.
Om förhandsvisningen förblir tom, kontrollera att koden börjar med <svg och innehåller xmlns-namnrymden — ett saknat xmlns är den vanligaste orsaken.
Relaterade verktyg
- SVG-optimerare Optimera och komprimera SVG-filer omedelbart i din webbläsare. Ta bort metadata, kommentarer och editordata, minska storleken med upp till 60%.
- SVG till PNG Konverterare Konvertera SVG till PNG, JPEG eller WebP direkt i din webbläsare. Anpassa skala, storlek och bakgrundsfärg. Gratis, privat, ingen uppladdning.
- Chmod-kalkylator Gratis online chmod-kalkylator för att visualisera och beräkna Linux-filrättigheter med kryssrutor. Konvertera omedelbart mellan numerisk (755, 644) och symbolisk notation (rwxr-xr-x). Stöder speciella rättigheter som setuid, setgid, sticky bit.
- ASCII-tabell Komplett ASCII-teckenkodningsreferens med decimala, hexadecimala, oktala, binära koder, HTML-entiteter och teckenbeskrivningar. Omedelbar sökning och filtrering.
- HTTP-begäran Testare Testa REST API:er direkt i din webbläsare. Skicka GET-, POST-, PUT-, DELETE-förfrågningar med anpassade rubriker, kropp och parametrar. Se svarstatus, rubriker och JSON-kropp omedelbart.
- .htaccess-generator Generera Apache .htaccess-regler för omdirigeringar, omskrivningar, säkerhetsrubriker, cachelagring och mer.
- Robots.txt Generator Gratis online robots.txt generator. Skapa och anpassa robots.txt-filer för att styra sökmotorernas crawlning, hantera crawler-åtkomst och optimera din webbplats SEO.
- Sitemap Generator Gratis online XML sitemap generator. Lägg till URL:er, ange prioriteringar och frekvenser, skapa SEO-sitemaps direkt.