SVG-fremviser og Editor
Forhåndsvis, rediger og optimer SVG-filer online. Realtidsforhåndsvisning, koderedigering og optimeringsværktøjer.
Hvad er SVG-format?
SVG (Scalable Vector Graphics) er et XML-baseret vektorbilledeformat, der muliggør uendelig skalering uden kvalitetstab. Det bruges ofte til logoer, ikoner og webgrafik.
Hvad er forskellen mellem SVG og PNG?
SVG er et vektorformat, der bruger matematiske formler til at beskrive grafik og kan skaleres uendeligt uden at miste kvalitet. PNG er et rasterformat bestående af pixels, der bliver sløret ved forstørrelse. SVG er ideel til logoer, ikoner og diagrammer, mens PNG er bedre egnet til billeder.
Hvilke filformater kan jeg se?
Dette værktøj viser SVG-filer. Du kan indsætte SVG-kode direkte eller uploade en .svg-fil fra din enhed.
Kan jeg redigere SVG-kode direkte?
Ja, du kan redigere SVG-kildekoden i editor-panelet og se ændringer i forhåndsvisningspanelet i realtid.
Hvordan fungerer realtidsforhåndsvisning?
Forhåndsvisningspanelet opdateres automatisk, mens du skriver i kodeditoren, og viser dig nøjagtigt, hvordan din SVG vil blive gengivet i browsere.
Hvordan optimerer jeg min SVG?
Klik på Optimer for at fjerne unødvendige mellemrum, kommentarer, metadata og redundante attributter, hvilket reducerer filstørrelsen.
Kan jeg ændre SVG-farver og -stile?
Ja, du kan ændre fyldfarver, stregfarver, opacitet og andre stilattributter direkte i SVG-koden.
Understøtter SVG animation?
Ja, SVG understøtter animationer via SMIL (Synchronized Multimedia Integration Language) og CSS-animationer. Du kan oprette effekter som bevægelse, farveændringer og formtransformationer direkte i SVG.
Hvilke browsere understøttes?
Dette værktøj fungerer i alle moderne browsere inklusive Chrome, Firefox, Safari og Edge.
Hvordan kan jeg validere SVG-syntaks?
Værktøjet fremhæver automatisk syntaksfejl i din SVG-kode og hjælper dig med at identificere og rette problemer med det samme.
Kan jeg ændre størrelse på SVG uden kvalitetstab?
Ja, SVG er et vektorformat, der kan skaleres til enhver størrelse uden at miste kvalitet eller blive pixelleret.
Bliver mine SVG-data sendt til en server?
Nej, al behandling sker lokalt i din browser. Dit SVG-indhold forlader aldrig din enhed.
Sådan bruges SVG-fremviser og Editor
SVG Viewer & Editor renderer en SVG, så snart du indsætter koden eller slipper filen, og lader dig redigere koden med live-forhåndsvisning. Alt sker lokalt i browseren.
- Indsæt din SVG-kode i editoren med hjælpeteksten “Paste SVG code here or drag & drop a file...”, eller træk en .svg-fil til siden.
- Grafikken renderes straks i live-forhåndsvisningen ved siden af koden.
- Rediger attributter som viewBox, width, height, fill eller stidata direkte i koden — forhåndsvisningen opdateres, mens du skriver.
- Ret almindelige problemer på stedet, f.eks. en manglende xmlns-attribut eller en viewBox, der beskærer grafikken.
- Kopiér slutkoden ud, når forhåndsvisningen ser rigtig ud.
Hvis forhåndsvisningen forbliver tom, så tjek at koden starter med <svg og indeholder xmlns-navnerummet — manglende xmlns er den hyppigste årsag.
Relaterede værktøjer
- SVG-optimerer Optimer og komprimer SVG-filer øjeblikkeligt i din browser. Fjern metadata, kommentarer og unødvendige data, reducer størrelsen med op til 60%.
- SVG til PNG Konverter Konverter SVG til PNG, JPEG eller WebP øjeblikkeligt i din browser. Tilpas skala, størrelse og baggrundsfarve. Gratis, privat, ingen upload.
- Chmod-beregner Gratis online chmod-beregner til at visualisere og beregne Linux-filrettigheder med afkrydsningsfelter. Konverter straks mellem numerisk (755, 644) og symbolsk notation (rwxr-xr-x). Understøtter specielle rettigheder som setuid, setgid, sticky bit.
- ASCII-tabel Komplet ASCII-tegnkodningsreference med decimal-, hex-, oktal-, binærkoder, HTML-entiteter og tegnbeskrivelser. Øjeblikkelig søgning og filtrering.
- HTTP-anmodning Tester Test REST API'er direkte i din browser. Send GET-, POST-, PUT-, DELETE-anmodninger med brugerdefinerede headers, body og parametre. Se svarstatus, headers og JSON-body øjeblikkeligt.
- .htaccess-generator Generer Apache .htaccess-regler for omdirigeringer, omskrivninger, sikkerhedshoveder, caching og mere.
- Robots.txt Generator Gratis online robots.txt generator. Opret og tilpas robots.txt-filer til at styre søgemaskinens crawling, administrere crawler-adgang og optimere dit websteds SEO.
- Sitemap Generator Gratis online XML sitemap generator. Tilføj URL'er, angiv prioriteter og frekvenser, opret SEO-sitemaps med det samme.