PNG Görselden SVG Vektöre Dönüştürücü
Duyarlı web ölçeklendirmesi ve vektör uyumlu düzen entegrasyonu için raster PNG görsellerini bir SVG XML vektör kapsayıcısında sarmalayın.
Format Karşılaştırması ve Teknik Özellikler
| Özellik | PNG | SVG |
|---|---|---|
| MIME Türü | image/png | image/svg+xml |
| Tür | raster | vector |
| Sıkıştırma | lossless (DEFLATE / LZ77 + Huffman) | lossless XML text (GZIP compressible via .svgz) |
| Standart Şartname | W3C PNG 3rd Edition | W3C SVG 2 Specification |
| Sihirli Bayt Başlığı (Magic Bytes) | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
Format Genel Bakışı ve Kullanım Alanları
PNG dosyalarını SVG formatına dönüştürmek, raster bitmap'i bir XML vektör kapsayıcısının içine sararak web geliştiricilerinin ve grafik tasarımcıların raster grafikleri doğrudan ölçeklenebilir vektör iş akışları içine gömmesine olanak tanır. Raster bir PNG görseli, renkli piksel sabit bir ızgarasını kullanır. Bu grafiği bir SVG dosyasına sararak, orijinal piksel boyutları ve şeffaflık korunur; aynı zamanda görsel, SVG odaklı web düzenlerinde ve duyarlı UI görünüm alanlarında doğrudan gömülebilir hale gelir. Web tasarımcıları; ayrı harici görsel dosyalarını yönetmek zorunda kalmadan raster çalışmaları SVG sprite sayfalarına, vektör illüstrasyon iş akışlarına ve duyarlı web sitelerine entegre etmek için sıklıkla bu dönüştürmeyi gerçekleştirir. Elde edilen SVG, tüm grafiği standart XML biçimlendirmesi içinde kendi kendine yeterli (self-contained) bir şekilde paketler.
Teknik Özellikler ve Kodek Ayrıntıları
Bir PNG dosyası, image/png MIME türüne sahip bir raster görseldir. 89 50 4E 47 0D 0A 1A 0A sihirli bayt (magic byte) başlığıyla başlar, ardından LZ77 kayan sözlüklerini ve Huffman kodlamasını birleştiren DEFLATE algoritmasıyla sıkıştırılmış veri yığınları gelir. Buna karşılık, bir SVG dosyası image/svg+xml MIME türünü kullanır ve bir XML belgesi olarak yapılandırılmıştır. Dönüştürme sırasında motor, görseli istemci belleğinde rasterleştirir, bitmap'i PNG olarak serileştirir ve görseli bir SVG <image> kapsayıcı öğesinin içinde bir Base64 veri URI'si olarak gömer. Bu işlem, grafiği tanımlanmış viewBox boyutlarına sahip geçerli, bağımsız bir SVG dosyası halinde paketler.
İşletim Sistemi ve Tarayıcı Uyumluluğu
SVG dosyaları, Windows, macOS, Android ve iOS gibi masaüstü ve mobil işletim sistemlerinde Chrome, Firefox, Safari ve Edge dahil modern web tarayıcılarında evrensel desteğe sahiptir. Adobe Illustrator, Inkscape ve CorelDRAW gibi görsel görüntüleyiciler ve tasarım paketleri SVG düzenlemesini yerel olarak gerçekleştirir. PNG dosyaları bu evrensel tarayıcı ve işletim sistemi desteğini paylaşır, ancak ham SVG biçimlendirmesini görüntülemek için herhangi bir standart metin düzenleyicisi gerekir.
Faydalı bilgiler
Bu dönüştürme işlemi, vektör yollarını izlemek yerine raster bitmap'i bir XML kapsayıcısına gömdüğü için; grafik, tam piksel detayını ve alfa şeffaflığını korurken SVG oluşturucularla (renderers) tam uyumluluk sağlar.
Format Karşılaştırması ve Teknik Özellikler
Karmaşık, yüksek çözünürlüklü bir PNG logosu kolayca 2 megabayta ulaşabilir ve standart bir 4G mobil bağlantı üzerinden indirilmesi yaklaşık 3,2 saniye sürer. Eşdeğer dönüştürülmüş SVG dosyası genellikle sadece 40 kilobaytaya küçülür ve 4G üzerinde 0,1 saniyeden kısa sürede, 5G ve fiber ağlarda ise anında indirilir.
Sıkça Sorulan Sorular
PNG görselini kalite kaybetmeden SVG vektörüne nasıl dönüştürebilirsiniz?
Dönüştürücü, tam çözünürlüklü PNG bitmap'ini doğrudan bir SVG XML sarmalayıcısının içine gömülü bir Base64 veri akışı olarak kapsüller. Bu, orijinal piksel renklerinin ve şeffaflığın %100'ünü hiçbir üretim kaybı olmadan korur.
PNG görseli ile SVG vektörü arasındaki fark nedir?
PNG, görsel verileri DEFLATE ile sıkıştırılmış renkli piksellerden oluşan sabit bir ızgara olarak saklayan bir raster görsel formatıdır; bu nedenle dosya boyutu piksel boyutlarına bağlıdır. SVG ise görsel verileri XML metni olarak yazılmış ölçeklenebilir matematiksel talimatlar şeklinde saklayan bir vektör görsel formatıdır ve görselin pikselleşme olmadan sonsuz şekilde yeniden boyutlandırılmasına olanak tanır.