SVG-viser og Redigerer
Forhåndsvis, rediger og optimaliser SVG-filer på nett. Sanntidsforhåndsvisning, koderedigering og optimaliseringsverktøy.
Hva er SVG-format?
SVG (Scalable Vector Graphics) er et XML-basert vektorbildeformat som muliggjør uendelig skalering uten kvalitetstap. Det brukes ofte til logoer, ikoner og webgrafikk.
Hva er forskjellen mellom SVG og PNG?
SVG er et vektorformat som bruker matematiske formler for å beskrive grafikk og kan skaleres uendelig uten å miste kvalitet. PNG er et rasterformat bestående av piksler som blir uskarpt ved forstørrelse. SVG er ideell for logoer, ikoner og diagrammer, mens PNG er bedre egnet for bilder.
Hvilke filformater kan jeg vise?
Dette verktøyet viser SVG-filer. Du kan lime inn SVG-kode direkte eller laste opp en .svg-fil fra enheten din.
Kan jeg redigere SVG-kode direkte?
Ja, du kan redigere SVG-kildekoden i redigeringspanelet og se endringer i forhåndsvisningspanelet i sanntid.
Hvordan fungerer sanntidsforhåndsvisning?
Forhåndsvisningspanelet oppdateres automatisk mens du skriver i koderedigereren, og viser nøyaktig hvordan SVG-en din vil bli gjengitt i nettlesere.
Hvordan optimaliserer jeg min SVG?
Klikk på Optimaliser for å fjerne unødvendige mellomrom, kommentarer, metadata og redundante attributter, noe som reduserer filstørrelsen.
Kan jeg endre SVG-farger og stiler?
Ja, du kan endre fyllfarger, strekfarger, opasitet og andre stilattributter direkte i SVG-koden.
Støtter SVG animasjon?
Ja, SVG støtter animasjoner gjennom SMIL (Synchronized Multimedia Integration Language) og CSS-animasjoner. Du kan lage effekter som bevegelse, fargeendringer og formtransformasjoner direkte i SVG.
Hvilke nettlesere støttes?
Dette verktøyet fungerer i alle moderne nettlesere inkludert Chrome, Firefox, Safari og Edge.
Hvordan kan jeg validere SVG-syntaks?
Verktøyet markerer automatisk syntaksfeil i SVG-koden din, og hjelper deg med å identifisere og fikse problemer umiddelbart.
Kan jeg endre størrelse på SVG uten kvalitetstap?
Ja, SVG er et vektorformat som kan skaleres til hvilken som helst størrelse uten å miste kvalitet eller bli pikselert.
Blir SVG-dataene mine sendt til en server?
Nei, all behandling skjer lokalt i nettleseren din. SVG-innholdet ditt forlater aldri enheten din.
Slik bruker du SVG-viser og Redigerer
SVG Viewer & Editor viser en SVG så snart du limer inn koden eller slipper filen, og lar deg redigere koden med forhåndsvisning i sanntid. Alt skjer lokalt i nettleseren.
- Lim inn SVG-koden i redigeringsprogrammet med hintet “Paste SVG code here or drag & drop a file...”, eller dra en .svg-fil til siden.
- Grafikken vises umiddelbart i forhåndsvisningen ved siden av koden.
- Rediger attributter som viewBox, width, height, fill eller banedata direkte i koden — forhåndsvisningen oppdateres mens du skriver.
- Rett opp vanlige problemer der og da, for eksempel en manglende xmlns-attributt eller en viewBox som beskjærer grafikken.
- Kopier ut sluttkoden når forhåndsvisningen ser riktig ut.
Hvis forhåndsvisningen forblir tom, sjekk at koden begynner med <svg og inneholder xmlns-navnerommet — manglende xmlns er den vanligste årsaken.
Relaterte verktøy
- SVG-optimalisator Optimaliser og komprimer SVG-filer umiddelbart i nettleseren. Fjern metadata, kommentarer og unødvendige data, reduser størrelsen med opptil 60%.
- SVG til PNG Konverterer Konverter SVG til PNG, JPEG eller WebP umiddelbart i nettleseren. Tilpass skala, størrelse og bakgrunnsfarge. Gratis, privat, ingen opplasting.
- Chmod-kalkulator Gratis online chmod-kalkulator for å visualisere og beregne Linux-filrettigheter med avmerkingsbokser. Konverter umiddelbart mellom numerisk (755, 644) og symbolsk notasjon (rwxr-xr-x). Støtter spesielle rettigheter som setuid, setgid, sticky bit.
- ASCII-tabell Komplett ASCII-tegnkodingsreferanse med desimale, heksadesimale, oktale, binære koder, HTML-enheter og tegnbeskrivelser. Umiddelbar søk og filtrering.
- HTTP-forespørsel Tester Test REST API-er direkte i nettleseren. Send GET-, POST-, PUT-, DELETE-forespørsler med egendefinerte headere, kropp og parametere. Se svarstatus, headere og JSON-kropp umiddelbart.
- .htaccess-generator Generer Apache .htaccess-regler for omdirigeringer, omskrivinger, sikkerhetshoder, bufring og mer.
- Robots.txt Generator Gratis online robots.txt generator. Opprett og tilpass robots.txt-filer for å kontrollere søkemotorenes crawling, administrere crawler-tilgang og optimalisere nettstedets SEO.
- Sitemap Generator Gratis online XML sitemap generator. Legg til URL-er, angi prioriteringer og frekvenser, lag SEO-sitemaps umiddelbart.