GeoJSON til SVG Converter
Konverter GeoJSON til SVG (Scalable Vector Graphics) for oppløsningsuavhengige, redigerbare kart. Perfekt for logoer, trykksaker, presentasjoner og bruk på nettet.
Hvorfor SVG?
Oppløsningsuavhengighet
- Skalerer perfekt til enhver størrelse uten kvalitetsforringelse
- Klar for trykk ved enhver oppløsning
- Retina/4K-skjermer ser perfekt ut
- Zoom uendelig uten pikselering
Redigerbarhet
- Åpne i Illustrator, Inkscape eller Figma for avansert redigering
- Endre farger, linjer, fyll etter eksport
- Legg til tekst, merknader, logoer med designprogramvare
- Kombiner med andre grafiske elementer enkelt
Web-vennlig
- Små filstørrelser for enkle kart
- CSS-styling — stil med CSS på nettsider
- JavaScript-animasjon — animer stier og egenskaper
- Innebygd innfelling — lim direkte inn i HTML
- Tilgjengelig — skjermlesere kan lese SVG-innhold
Bruksområder
✅ Logoer og merkevarebygging — Kart over selskapslokasjoner
✅ Trykksaker — Brosjyrer, plakater, bøker
✅ Webgrafikk — Ikoner, merker, UI-elementer
✅ Datavisualisering — Infografikk, dashbord
✅ Merchandise — T-skjorter, klistremerker, krus
✅ Presentasjoner — Lysbilder som skalerer vakkert
Hvordan konvertere
- Last opp GeoJSON-filen din (dra og slipp eller bla gjennom)
- Forhåndsvis kartgjengivelsen
- Format er automatisk satt til SVG
- Last ned vektorkartet ditt
Verktøyet genererer ren, optimalisert SVG-markup som fungerer overalt.
SVG-funksjoner
Hva du får
- Ren kode — Lesbar SVG-markup
- Standardformat — Kompatibel med alle designverktøy
- Optimaliserte stier — Forenklet for mindre filstørrelser
- Riktig viewBox — Skalerer korrekt
- Geografisk projeksjon — Flippet for nord-opprett orientering
Rediger etter eksport
Åpne SVG-filen din i:
- Adobe Illustrator — Profesjonell vektorredigering
- Inkscape — Gratis, åpen kilde-alternativ
- Figma — Nettleserbasert designverktøy
- Sketch — Designprogramvare for Mac
- Enhver teksteditor — SVG er bare XML
Styling-alternativer
- Linje farge — Linjefarge for grenser
- Linje bredde — Linjetykkelse
- Fyllfarge — Farge på indre polygon
- Opasitet — Gjennomsiktighetsnivåer
- Bakgrunn — Gjennomsiktig eller farget
Vanlige bruksområder
Design og merkevarebygging
- Kart over selskapslokasjoner for nettsider
- Kart over regional dekning for markedsføring
- Kart over tjenesteområder for presentasjoner
- Ikonsett fra enkle geometrier
Trykkpublisering
- Bokillustrasjoner — Reiseguider, lærebøker
- Magasingrafikk — Redaksjonelle kart
- Plakater — Kart for arrangementer, konferansemateriell
- Visittkort — Kart over lokasjoner på kort
Webutvikling
- Interaktive kart med CSS/JS
- Animerte stier — Tegneanimasjoner
- Responsiv grafikk — Skaler med visningsport
- Ikonbiblioteker — Gjenbrukbare kartikoner
Merchandise
- T-skjortedesign — Omriss av stater/land
- Klistremerker — Geografiske former
- Krus og kopper — Produkter basert på lokasjoner
- Plakater — Minimalistisk kartkunst
Tips for best resultat
Filstørrelsesoptimalisering
- Forenkle geometrier før eksport (bruk GeoJSON Minifier)
- Fjern unødvendige attributter fra GeoJSON-egenskaper
- Slå sammen tilstøtende polygoner når mulig
- Bruk færre presisjons-sifre i koordinater
Designtips
- Hold det enkelt — SVG fungerer best for rene, klare kart
- Bruk solide farger — Unngå komplekse gradienter
- Test i forskjellige størrelser — Sikre lesbarhet når skalert
- Vurder forholdet mellom linje og fyll — Tykk linje kan overvelde små kart
Webytelse
- Innebygg små SVG-er — Lim direkte inn i HTML
- Eksterne filer for store kart — Lenke til .svg-fil
- Lazy load — Last SVG når synlig
- Komprimer — Bruk SVGO eller lignende verktøy for optimalisering
Teknisk informasjon
Projeksjon
- Web Mercator som standard (standard for webkart)
- Y-akse flippet slik at nord er opp (SVG har Y ned som standard)
- Koordinater bevart for nøyaktig geografisk representasjon
SVG-struktur
xml
<svg viewBox="minX minY width height">
<path d="M x,y L x,y..." />
<!-- En sti per funksjon -->
</svg>Nettleserkompatibilitet
- ✅ Alle moderne nettlesere (Chrome, Firefox, Safari, Edge)
- ✅ IE 9+ (grunnleggende støtte)
- ✅ Mobilnettlesere (iOS Safari, Chrome)
Ofte stilte spørsmål
Kan jeg redigere SVG etter eksport?
Ja! Åpne den i en hvilken som helst vektorredigerer (Illustrator, Inkscape, Figma, etc.) for å endre farger, legge til tekst eller modifisere former.
Støtter SVG transparens?
Ja, SVG støtter naturlig gjennomsiktige bakgrunner og opasitetsnivåer.
Hvordan er filstørrelsen?
SVG-filer er vanligvis små (noen få KB) for enkle kart. Komplekse kart med mange funksjoner vil være større.
Kan jeg bruke SVG til trykk?
Absolutt! SVG er oppløsningsuavhengig og perfekt for trykk i enhver størrelse.
Hvordan endrer jeg farger?
I en teksteditor, finn stroke og fill attributtene og endre fargeverdiene. Eller bruk designprogramvare for visuell redigering.
Kan jeg animere SVG-kart?
Ja! SVG kan animeres med CSS eller JavaScript. Hver sti kan styles og animeres individuelt.
Er konverteringen tapsfri?
Ja, de geografiske dataene bevares nøyaktig. Noe visuell forenkling kan forekomme for svært komplekse former.
Se også
- GeoJSON til PNG — Rasterbilde med transparens
- GeoJSON til JPEG — Komprimert rasterbilde
- Tilbake til alle konvertere