Skip to content

GeoJSON til SVG Converter

Konverter GeoJSON til SVG (Scalable Vector Graphics) for opløsningsuafhængige, redigerbare kort. Perfekt til logoer, trykmaterialer, præsentationer og webbrug.

Hvorfor SVG?

Opløsningsuafhængighed

  • Skalerer perfekt til enhver størrelse uden kvalitetstab
  • Klar til print i enhver opløsning
  • Retina/4K skærme ser perfekte ud
  • Zoom uendeligt uden pixelering

Redigerbarhed

  • Åbn i Illustrator, Inkscape eller Figma for avanceret redigering
  • Ændr farver, streger, fyld efter eksport
  • Tilføj tekst, annotationer, logoer med designsoftware
  • Kombinér med andre grafikker nemt

Web-venlig

  • Små filstørrelser til simple kort
  • CSS-styling — style med CSS på websider
  • JavaScript-animation — animer stier og egenskaber
  • Indlejring — indsæt direkte i HTML
  • Tilgængelig — skærmlæsere kan læse SVG-indhold

Anvendelsesområder

Logoer og branding — Kort over virksomhedens placering
Trykmaterialer — Brochurer, plakater, bøger
Webgrafik — Ikoner, badges, UI-elementer
Datavisualisering — Infografik, dashboards
Merchandise — T-shirts, klistermærker, krus
Præsentationer — Slides der skalerer smukt

Sådan konverterer du

  1. Upload din GeoJSON-fil (træk-og-slip eller gennemse)
  2. Forhåndsvis kortets rendering
  3. Format er automatisk indstillet til SVG
  4. Download dit vektorkort

Værktøjet genererer ren, optimeret SVG-markup, der fungerer overalt.

SVG Funktioner

Hvad du får

  • Ren kode — Læselig SVG-markup
  • Standardformat — Kompatibel med alle designværktøjer
  • Optimerede stier — Simplificeret for mindre filstørrelser
  • Korrekt viewBox — Skalerer korrekt
  • Geografisk projektion — Vendt for nord-op orientering

Redigér efter eksport

Åbn din SVG i:

  • Adobe Illustrator — Professionel vektorredigering
  • Inkscape — Gratis, open-source alternativ
  • Figma — Browser-baseret designværktøj
  • Sketch — Mac designsoftware
  • Enhver teksteditor — SVG er blot XML

Stylingmuligheder

  • Stregfarve — Linjefarve til grænser
  • Stregbredde — Linjetykkelse
  • Fyldfarve — Indvendig polygonfarve
  • Opacitet — Gennemsigtighedsniveauer
  • Baggrund — Transparent eller farvet

Almindelige anvendelsesområder

Design & Branding

  • Kort over virksomhedens placering til hjemmesider
  • Regional dækningskort til markedsføring
  • Serviceområder til præsentationer
  • Ikonsæt fra simple geometrier

Trykpublikation

  • Bogillustrationer — Rejseguider, lærebøger
  • Magasingrafik — Redaktionelle kort
  • Plakater — Eventkort, konference-materialer
  • Visitkort — Lokationskort på kort

Webudvikling

  • Interaktive kort med CSS/JS
  • Animerede stier — Tegneanimationer
  • Responsive grafikker — Skaler med viewport
  • Ikonbiblioteker — Genanvendelige kortikoner

Merchandise

  • T-shirt designs — Stats-/landskonturer
  • Klistermærker — Geografiske former
  • Krus og kopper — Lokationsbaserede produkter
  • Plakater — Minimalistisk kortkunst

Tips til bedste resultater

Filstørrelsesoptimering

  • Simplificér geometrier før eksport (brug GeoJSON Minifier)
  • Fjern unødvendige attributter fra GeoJSON-egenskaber
  • Flet tilstødende polygoner når det er muligt
  • Brug færre præcisionscifre i koordinater

Designtips

  • Hold det enkelt — SVG fungerer bedst til rene, klare kort
  • Brug solide farver — Undgå komplekse gradienter
  • Test i forskellige størrelser — Sikr læsbarhed ved skalering
  • Overvej streg-til-fyld forhold — Tykke streger kan overvælde små kort

Webydelse

  • Indlejring af små SVG'er — Indsæt direkte i HTML
  • Eksterne filer til store kort — Link til .svg-fil
  • Lazy load — Indlæs SVG når synlig
  • Komprimering — Brug SVGO eller lignende værktøjer til optimering

Tekniske detaljer

Projektion

  • Web Mercator som standard (standard for webkort)
  • Y-akse vendt så nord er opad (SVG har Y nedad som standard)
  • Koordinater bevaret for nøjagtig geografisk repræsentation

SVG Struktur

xml
<svg viewBox="minX minY width height">
  <path d="M x,y L x,y..." />
  <!-- En sti per feature -->
</svg>

Browserkompatibilitet

  • ✅ Alle moderne browsere (Chrome, Firefox, Safari, Edge)
  • ✅ IE 9+ (grundlæggende support)
  • ✅ Mobilbrowsere (iOS Safari, Chrome)

Ofte stillede spørgsmål

Kan jeg redigere SVG efter eksport?
Ja! Åbn det i enhver vektor-editor (Illustrator, Inkscape, Figma osv.) for at ændre farver, tilføje tekst eller modificere former.

Understøtter SVG gennemsigtighed?
Ja, SVG understøtter naturligt transparente baggrunde og opacitetsniveauer.

Hvordan er filstørrelsen?
SVG-filer er normalt små (få KB) for simple kort. Komplekse kort med mange features vil være større.

Kan jeg bruge SVG til print?
Absolut! SVG er opløsningsuafhængig og perfekt til print i enhver størrelse.

Hvordan ændrer jeg farver?
I en teksteditor, find stroke og fill attributterne og ændr farveværdierne. Eller brug designsoftware til visuel redigering.

Kan jeg animere SVG-kort?
Ja! SVG kan animeres med CSS eller JavaScript. Hver sti kan individuelt styles og animeres.

Er konverteringen tabsfri?
Ja, de geografiske data bevares nøjagtigt. Nogle visuelle simplificeringer kan forekomme for meget komplekse former.

Se også