Visa och konvertera SVG (Gratis)

En SVG-fil är en vektorritning skriven i XML: former, banor, text och toningar som förblir skarpa i alla storlekar. Den här visaren ritar den i webbläsaren och exporterar den till CAD- och tryckformat.

Fungerar direkt i Chrome, Firefox, Safari och Edge.

Also from Innerscene: Circadian Lab, a free lighting calculator for room illuminance, melanopic EML, and glare.

Filerna bearbetas lokalt i webbläsaren. Uppladdning sker bara när du väljer att dela en länk.

Vad är en SVG-fil?

SVG (Scalable Vector Graphics) är webbens standard för upplösningsoberoende grafik. En fil är XML som beskriver rektanglar, cirklar, banor, text, toningar, mönster, beskärningsbanor och masker, med valfria CSS-stilar och former som återanvänds genom symboler och use-referenser. Logotyper, ikoner, diagram, kartor, planlösningar och underlag för laserskärare sparas ofta som SVG.

Den här visaren tolkar dokumentet i webbläsaren och ritar det som en tvådimensionell scen som går att zooma och panorera, med dokumentets transformationsstack tillämpad, inbäddad CSS löst, text placerad längs sina baslinjer och länkade eller inbäddade bilder på sina platser. En fil som tar slut mitt i, till exempel en avbruten nedladdning, stängs och ritas så långt den räcker.

Ritningen kan exporteras som DXF, DWG, PDF eller PNG- eller JPG-bild, och det är så SVG-grafik når CAD-, CNC- och tryckflöden.

Vem använder SVG-filer?

Webb- och grafiska designers som kontrollerar en export från Figma, Illustrator eller Inkscape, utvecklare som felsöker en ikon som visas tom, hobbyskapare som förbereder underlag för laser- och vinylskärare, ingenjörer som får ett diagram eller en plan som SVG och alla som vill se en SVG utan att öppna en kodredigerare eller ett designprogram.

Vanliga användnings­områden

  • Se hur en SVG ser ut utan ett designprogram
  • Kontrollera exporten av en ikon eller logotyp innan den levereras
  • Omvandla SVG-grafik till DXF eller DWG för CAD eller en CNC-maskin
  • Spara en SVG som PDF eller PNG i önskad storlek
  • Öppna en SVG som en webbläsarflik visar tom eller förvrängd
  • Dela en SVG-ritning som länk eller inbäddningsbar sida

Funktioner

Öppnar SVG utan designprogram

Släpp en .svg så ritas den i webbläsaren. Inget Illustrator, Inkscape eller kodredigerare.

Banor, former och text

Alla bankommandon, grundformerna och text, även text längs en bana.

Toningar och mönster

Linjära och radiella toningar och brickmönster ritas som filen definierar dem.

Beskärning, masker och markörer

Beskärningsbanor, masker och linjemarkörer tillämpas.

Symboler och återanvända former

Symboler och use-referenser löses, så ikonark och sprite-filer ritas i sin helhet.

Inbäddad CSS

Stilblock i filen tillämpas som en webbläsare skulle göra.

Bilder på sin plats

Rasterbilder inbäddade i SVG:n ritas där filen placerar dem.

Avbrutna filer ritas

En SVG som tar slut mitt i, till exempel en avbruten nedladdning, stängs och ritas så långt den räcker.

Export till DXF och DWG

För grafik till CAD-, laser- och CNC-flöden som DXF, eller som DWG från vår server.

Export till PDF, PNG och JPG

Spara ritningen som en PDF-vektorsida eller som en bild i den storlek du väljer.

Verklig storlek bevaras

En ritning som skapats i millimeter eller tum för den storleken vidare till exporten.

Inget laddas upp

Filen läses på din enhet. Den lämnar den bara om du väljer att dela en länk.

Kompatibilitet och format­information

Visaren täcker SVG:s ritande delar: banor med alla kurvkommandon, grundformer, linjer med streck, ändar och hörn, fyllningar med båda fyllningsreglerna, linjära och radiella toningar, mönster, beskärningsbanor, masker, markörer, grupper, symboler och use-referenser, inbäddade CSS-stilblock, text (även längs en bana) och rasterbilder, med CSS:s blandningslägen.

Text ritas i det närmaste typsnitt som webbläsaren har, så en fil som anger ett typsnitt du saknar visas i ett ersättningstypsnitt. Skript och animationer körs inte, så en animerad SVG visar sin första bildruta. Ritningar som skapats i millimeter eller tum behåller den storleken vid export.

Komprimerad SVG (.svgz) och SVG i en ZIP öppnas också.

Bädda in på din webbplats

Lägg till visaren på din webbplats med en rad HTML. Klicka på Bädda in i verktygsfältet för att skapa koden, eller använd exemplet nedan med filens URL.

<iframe src="https://www.innerscene.com/sv/tools/svg-viewer?embedded=1&url=YOUR_FILE_URL" width="800" height="600" frameborder="0" allowfullscreen></iframe>

Dela som en enda HTML-fil

Exportera ritningen som en enda .html-fil som öppnas offline i alla webbläsare, där man kan panorera, zooma och tända och släcka lager. Mottagaren behöver ingen CAD-programvara, ingen installation och inget konto.

Dina filer stannar på din dator

Filerna bearbetas helt i webbläsaren. Knappen Dela laddar upp filen för att skapa en länk. Delade filer sparas i 90 dagar och tas sedan bort.

Vanliga frågor

▶Hur öppnar jag en SVG-fil?

Släpp den på den här sidan. Visaren ritar den i webbläsaren, och du kan zooma och panorera. Inget behöver installeras.

▶Kan jag konvertera SVG till DXF eller DWG?

Ja. Klicka på Exportera och välj DXF eller DWG, som konverteras på vår server från den DXF som visaren skriver. Kurvor blir CAD-kurvor, så resultatet passar laser- och CNC-skärning lika väl som ritning.

▶Varför ser min SVG annorlunda ut här än i mitt designprogram?

Skillnader beror oftast på typsnitt som filen anger men som den här datorn saknar, och på effekter som visaren inte tillämpar. En fil som exporterats med texten omvandlad till konturer ser likadan ut överallt.

▶Behåller den exporterade filen sin verkliga storlek?

Ja, när ritningen anger bredd och höjd i en enhet som millimeter eller tum. En ritning som bara mäts i pixlar exporteras i sin pixelstorlek.

▶Kan jag öppna en SVG med inbäddade bilder?

Ja. Rasterbilder som är inbäddade i SVG:n som data ritas på sin plats. Bilder som SVG:n länkar med URL laddas när webbläsaren kan nå adressen.

▶Till vilka format kan jag exportera?

Klicka på Exportera i verktygsfältet för att spara ritningen som DXF, DWG, PDF (en vektorsida), en fristående HTML-sida eller en PNG- eller JPG-bild.

Relaterade verktyg och guider

Behöver du en be­lys­nings­lösning för väl­be­fin­nande?
Kontakta våra experter idag!