GeoJSON'den SVG'ye Dönüştürücü
GeoJSON'u SVG'ye (Ölçeklenebilir Vektör Grafikleri) dönüştürerek çözünürlükten bağımsız, düzenlenebilir haritalar oluşturun. Logolar, baskı materyalleri, sunumlar ve web kullanımı için mükemmel.
Neden SVG?
Çözünürlük Bağımsızlığı
- Her boyuta mükemmel şekilde ölçeklenir kalite kaybı olmadan
- Baskıya hazır her çözünürlükte
- Retina/4K ekranlarda mükemmel görünüm
- Sonsuz yakınlaştırma piksel bozulması olmadan
Düzenlenebilirlik
- Illustrator, Inkscape veya Figma'da açın gelişmiş düzenleme için
- Renkleri, çizgileri, dolgu alanlarını değiştirin dışa aktarımdan sonra
- Metin, açıklamalar, logolar ekleyin tasarım yazılımıyla
- Diğer grafiklerle kolayca birleştirin
Web Dostu
- Küçük dosya boyutları basit haritalar için
- CSS stillendirme — Web sayfalarında CSS ile stil verin
- JavaScript animasyonu — Yolları ve özellikleri animasyonla hareketlendirin
- Satır içi gömme — HTML'ye doğrudan yapıştırın
- Erişilebilir — Ekran okuyucular SVG içeriğini okuyabilir
Kullanım Alanları
✅ Logolar ve marka oluşturma — Şirket konum haritaları
✅ Baskı materyalleri — Broşürler, posterler, kitaplar
✅ Web grafikleri — İkonlar, rozetler, kullanıcı arayüzü öğeleri
✅ Veri görselleştirme — Bilgilendirici grafikler, panolar
✅ Ürünler — Tişörtler, çıkartmalar, kupalar
✅ Sunumlar — Güzel ölçeklenen slaytlar
Nasıl Dönüştürülür?
- GeoJSON dosyanızı yükleyin (sürükleyip bırakın veya göz atın)
- Harita önizlemesini görüntüleyin
- Format otomatik olarak SVG olarak ayarlanır
- Vektör haritanızı indirin
Araç, her yerde çalışan temiz ve optimize edilmiş SVG işaretlemesi oluşturur.
SVG Özellikleri
Elde Ettikleriniz
- Temiz kod — Okunabilir SVG işaretlemesi
- Standart format — Tüm tasarım araçlarıyla uyumlu
- Optimize edilmiş yollar — Daha küçük dosya boyutları için basitleştirilmiş
- Doğru viewBox — Doğru şekilde ölçeklenir
- Coğrafi projeksiyon — Kuzey yukarı yönlendirme için çevrilmiş
Dışa Aktarımdan Sonra Düzenleme
SVG'nizi şu araçlarda açabilirsiniz:
- Adobe Illustrator — Profesyonel vektör düzenleme
- Inkscape — Ücretsiz, açık kaynaklı alternatif
- Figma — Tarayıcı tabanlı tasarım aracı
- Sketch — Mac tasarım yazılımı
- Herhangi bir metin editörü — SVG sadece XML'dir
Stil Seçenekleri
- Çizgi rengi — Sınırlar için çizgi rengi
- Çizgi genişliği — Çizgi kalınlığı
- Dolgu rengi — İç poligon rengi
- Opaklık — Şeffaflık seviyeleri
- Arka plan — Şeffaf veya renkli
Yaygın Kullanım Alanları
Tasarım ve Marka Oluşturma
- Şirket konum haritaları web siteleri için
- Bölgesel kapsama haritaları pazarlama için
- Hizmet alanı haritaları sunumlar için
- Basit geometrilerden ikon setleri
Baskı Yayıncılığı
- Kitap illüstrasyonları — Seyahat rehberleri, ders kitapları
- Dergi grafikleri — Editoryal haritalar
- Posterler — Etkinlik haritaları, konferans materyalleri
- Kartvizitler — Kartlarda konum haritaları
Web Geliştirme
- Etkileşimli haritalar CSS/JS ile
- Animasyonlu yollar — Çizim animasyonları
- Duyarlı grafikler — Görüntüleme alanıyla ölçeklenir
- İkon kütüphaneleri — Yeniden kullanılabilir harita ikonları
Ürünler
- Tişört tasarımları — Eyalet/ülke sınırları
- Çıkartmalar — Coğrafi şekiller
- Kupalar ve bardaklar — Konum tabanlı ürünler
- Posterler — Minimalist harita sanatı
En İyi Sonuçlar İçin İpuçları
Dosya Boyutu Optimizasyonu
- Geometrileri basitleştirin dışa aktarmadan önce (GeoJSON Minifier kullanın)
- GeoJSON özelliklerinden gereksiz öznitelikleri kaldırın
- Bitişik poligonları birleştirin mümkün olduğunda
- Koordinatlarda daha az hassasiyet basamakları kullanın
Tasarım İpuçları
- Basit tutun — SVG temiz ve net haritalar için en iyi şekilde çalışır
- Düz renkler kullanın — Karmaşık gradyanlardan kaçının
- Farklı boyutlarda test edin — Ölçeklendiğinde okunabilirliği sağlayın
- Çizgi-dolgu oranını göz önünde bulundurun — Kalın çizgiler küçük haritaları boğabilir
Web Performansı
- Küçük SVG'leri satır içi gömün — HTML'ye doğrudan yerleştirin
- Büyük haritalar için harici dosyalar — .svg dosyasına bağlantı verin
- Lazy load — SVG'yi görünür olduğunda yükleyin
- Sıkıştırma — Optimizasyon için SVGO veya benzeri araçları kullanın
Teknik Detaylar
Projeksiyon
- Web Mercator varsayılan olarak (web haritaları için standart)
- Y ekseni çevrildi böylece kuzey yukarı (SVG varsayılan olarak Y aşağıya sahiptir)
- Koordinatlar korundu doğru coğrafi temsil için
SVG Yapısı
xml
<svg viewBox="minX minY width height">
<path d="M x,y L x,y..." />
<!-- Her özellik için bir yol -->
</svg>Tarayıcı Uyumluluğu
- ✅ Tüm modern tarayıcılar (Chrome, Firefox, Safari, Edge)
- ✅ IE 9+ (temel destek)
- ✅ Mobil tarayıcılar (iOS Safari, Chrome)
Sıkça Sorulan Sorular
SVG'yi dışa aktardıktan sonra düzenleyebilir miyim?
Evet! Renkleri değiştirmek, metin eklemek veya şekilleri değiştirmek için herhangi bir vektör düzenleyicide (Illustrator, Inkscape, Figma vb.) açabilirsiniz.
SVG şeffaflığı destekler mi?
Evet, SVG doğal olarak şeffaf arka planları ve opaklık seviyelerini destekler.
Dosya boyutu nasıl?
Basit haritalar için SVG dosyaları genellikle küçük (birkaç KB) olur. Çok sayıda özellik içeren karmaşık haritalar daha büyük olacaktır.
SVG'yi baskıda kullanabilir miyim?
Kesinlikle! SVG çözünürlükten bağımsızdır ve her boyutta baskı için mükemmeldir.
Renkleri nasıl değiştiririm?
Bir metin editöründe stroke ve fill özniteliklerini bulun ve renk değerlerini değiştirin. Veya görsel düzenleme için tasarım yazılımını kullanın.
SVG haritalarını animasyon yapabilir miyim?
Evet! SVG, CSS veya JavaScript ile animasyon yapılabilir. Her yol ayrı ayrı stillendirilebilir ve animasyon yapılabilir.
Dönüştürme kayıpsız mı?
Evet, coğrafi veri doğru bir şekilde korunur. Çok karmaşık şekiller için bazı görsel basitleştirmeler olabilir.
Ayrıca Bakınız
- GeoJSON'den PNG'ye — Şeffaflık içeren raster görüntü
- GeoJSON'den JPEG'e — Sıkıştırılmış raster görüntü
- Tüm Dönüştürücülere Geri Dön