PNG biçiminden SVG biçimine dönüştürücü
Duyarlı web ölçeklendirmesi ve vektör uyumlu düzenlere entegrasyon için raster PNG görsellerini SVG XML vektör kapsayıcısına yerleştir.
Biçim karşılaştırması ve teknik özellikler
| Teknik belirtim | PNG | SVG |
|---|---|---|
| MIME Türü | image/ | image/ |
| Tür | raster | vektör |
| Sıkıştırma | kayıpsız (DEFLATE / LZ77 + Huffman) | kayıpsız XML metni (.svgz ile GZIP sıkıştırılabilir) |
| Standart belirtimi | W3C PNG 3rd Edition | W3C SVG 2 Specification |
| Sihirli bayt başlığı | 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 piksellerden oluşan sabit bir ızgarayı 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ının çoğunda desteklenir. Adobe Illustrator, Inkscape ve CorelDRAW gibi görüntüleyiciler ve tasarım paketleri SVG'yi yerel olarak düzenleyebilir. PNG de tarayıcılarda ve işletim sistemlerinde geniş desteğe sahiptir. Ham SVG işaretlemesini görüntülemek için herhangi bir standart metin düzenleyicisi kullanılabilir.
Faydalı bilgiler
Bu dönüştürme, vektör yollarını izlemek yerine raster bitmap'i bir XML kapsayıcısına gömer. Böylece grafik, SVG görüntüleyicileriyle uyumlu kalırken piksel ayrıntılarını ve alfa saydamlığını aynen korur.
Sıkça Sorulan Sorular
PNG görselini kalite kaybı olmadan SVG vektöre nasıl dönüştürürsün?
Dönüştürücü, tam çözünürlüklü PNG bitmap'ini gömülü Base64 veri akışı olarak doğrudan bir SVG XML sarmalayıcısının içine yerleştirir. Böylece piksel renkleri ve şeffaflık, kayıplı sıkıştırma olmadan korunur.
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.