SVG-visare
Klistra in rå SVG-markup och förhandsgranska resultatet direkt.
Förhandsvisningen stänger av skript och externa referenser, men låter dig fortfarande granska viewBox och storleksdetaljer.
SVG-förhandsvisning: klistra in rå kod och kontrollera resultatet direkt
viewBox- och storlekskontroll: granska transparens och potentiellt osäkert innehåll
Så använder du det
- Klistra in SVG-kod eller ladda en `.svg`-fil.
- Växla bakgrund och zoomnivå för att granska renderingen.
- Kontrollera viewBox, storleksdetaljer och varningar, och spara sedan SVG:n vid behov.
Exempel
Enkel SVG-ikon
Inmatning
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
Utdata
En blå cirkulär ikon visas och viewBox visas som `0 0 120 120` i informationspanelen.
Vanliga frågor
Laddas min SVG upp någonstans?
Nej. Inklistrad SVG och laddade filer stannar i din webbläsare och skickas inte till en server.
Vad händer med SVG:er som innehåller script eller foreignObject?
Den säkra förhandsvisningen tar bort sådana element innan renderingen och visar en varning i informationspanelen.
Kommer SVG:er med externa bilder eller typsnitt att se exakt likadana ut?
Inte alltid. Externa referenser är inaktiverade, så utseendet kan skilja sig från den ursprungliga miljön. Det här verktyget prioriterar säker lokal granskning.
Varför renderas inte min SVG?
Vanliga orsaker är ogiltig XML, felaktiga attributvärden eller ett rot-element som inte är `svg`. Kontrollera felmeddelandet som verktyget visar.
Varför ska jag byta bakgrund?
Genomskinliga ytor och ljusa ikoner kan se väldigt olika ut beroende på bakgrunden, så verktyget låter dig snabbt testa rutmönster, vit och mörk bakgrund.
Noteringar
- Av säkerhetsskäl inaktiveras externa URL-referenser och farliga element innan renderingen.
- SVG:er som är beroende av externa typsnitt eller bilder kan se annorlunda ut än i den ursprungliga miljön.
- Mycket stora SVG-filer växlar automatiskt bort från live-förhandsvisning och ber dig rendera manuellt.