SVG nedir? Vektör formatı için sade bir rehber
SVG nedir? SVG vektör grafikleri nasıl çalışır, PNG ve JPG'den farkları nelerdir, avantajları ve sınırları, tipik kullanım alanları ve nasıl açılıp düzenlenir.
1. SVG nedir?
SVG, Ölçeklenebilir Vektör Grafikler (Scalable Vector Graphics) kısaltmasıdır; XML tabanlı, W3C tarafından standartlaştırılmış açık bir vektör grafik formatıdır. PNG ve JPG görseli bir piksel ızgarası olarak kaydederken SVG şekilleri tanımlamak için matematiksel formüller kullanır: düz bir çizgi, bir daire, bir Bézier eğrisi — her biri dosyaya koordinatlar ve yol komutları olarak yazılır.
SVG'nin büyütüldüğünde hiçbir zaman bulanıklaşmamasının sebebi tam olarak budur: tarayıcı pikselleri gererek büyütmek yerine formülleri yeni boyutta yeniden çizer. "Vektör" kelimesinin anlamı da budur.
2. SVG ile PNG / JPG karşılaştırması
| Özellik | SVG | PNG / JPG |
|---|---|---|
| Görseli nasıl saklar | Matematiksel yollar (vektör) | Piksel ızgaraları (raster) |
| Büyütüldüğünde | Bozulmadan sınırsız ölçeklenir | Tırtıklı kenarlar ve bulanıklık görünür |
| Dosya boyutu | Basit grafiklerde çok küçük (birkaç KB) | Çözünürlükle doğru orantılı büyür |
| Düzenlenebilirlik | Düzenlenebilir, renklendirilebilir ve animasyon yapılabilir metin | Görsel düzenleme yazılımı gerekir |
| En uygun kullanım | İkonlar, logolar, illüstrasyonlar, grafikler | Fotoğraflar ve karmaşık ışıklandırma |
3. SVG genellikle nerelerde kullanılır
- Web sitesi ikonları ve logoları: tek bir SVG her ekran yoğunluğuna uyar ve Retina ekranlarda keskin kalır;
- İllüstrasyonlar ve grafikler: ECharts ve Recharts gibi veri görselleştirme kütüphaneleri varsayılan olarak SVG üretir;
- Baskı ve gravür: lazer gravürler, vinil kesiciler ve UV yazıcılar SVG yollarını yaygın biçimde kabul eder;
- Animasyon: SVG yolları doğrudan CSS / SMIL / JavaScript ile sürülebilir; bu da çizgi çizme efektleri ve fazlasını mümkün kılar.
4. Bir SVG'yi nasıl açar ve düzenlerim?
Her modern tarayıcı (Chrome / Edge / Firefox / Safari) SVG dosyalarını doğrudan açar; Illustrator, Figma ve (ücretsiz) Inkscape gibi tasarım yazılımları da bunları düzenleyebilir. Yalnızca rengi değiştirmek, arka planı kaldırmak veya grafiğin bir bölümünü silmek istiyorsanız PolySVG çevrimiçi SVG editörünü kullanın — hiçbir yazılım kurmadan.
5. PNG / JPG dosyamı SVG'ye nasıl çeviririm?
PolySVG görselden SVG'ye aracını kullanın: bir bitmap yükleyin, kendi modelimiz otomatik olarak renk nicemleme, kontur izleme ve eğri uyarlamayı yapar; saniyeler içinde düzenlenebilir bir SVG elde edersiniz, üstelik tek tıkla arka plan kaldırmayla. Tüm süreç ücretsizdir ve kayıt gerektirmez.
Özet: SVG "formüllerle çizen" bir formattır, bu yüzden ikonlar, logolar ve ölçeklenmesi gereken her şey için doğal olarak uygundur; fotoğraf içerikli işlerde hâlâ JPG / WEBP daha iyidir.
Sıkça sorulan sorular
Hangi yazılım SVG dosyalarını açar?
Her modern tarayıcı doğrudan önizleyebilir. Düzenleme için Illustrator, Figma veya Inkscape kullanın ya da hiçbir şey kurmadan PolySVG çevrimiçi editöründe işleyin.
Bir SVG PNG'ye dönüştürülebilir mi?
Evet. PolySVG editörü SVG'yi istediğiniz çözünürlükte PNG'ye aktarır; tarayıcı ekran görüntüsü ya da bir tasarım aracının dışa aktarımı da aynı işi yapar.