PNG formatındaki bir logo, logonun fotoğrafıdır — sabit bir piksel ızgarası. SVG formatındaki bir logo ise logoyu çizmek için gereken talimatlardır: "buradan şuraya bir çizgi çek, şu renkle doldur, şu köşeyi yuvarla". Tarayıcı ya da yazılım bu çizimleri her çözünürlük için anında yeniden hesaplar. SVG bu yüzden ölçüden bağımsız olarak her zaman nettir.
Doğrudan karşılaştırma
| Özellik | SVG | PNG |
|---|---|---|
| Format türü | Vektörel (XML talimatları) | Raster (piksel) |
| Kayıpsız ölçeklenme | ✅ Sınırsız | ❌ Büyütünce pikselleşir |
| Şeffaflık | ✅ Tam | ✅ Tam alfa kanalı |
| Fotoğraflar için ideal | ❌ Hayır | ❌ Hayır (JPG/WebP kullanın) |
| Basit logolar için ideal | ✅ En iyi seçenek | ✅ İşe yarar, ama sabittir |
| CSS/JavaScript ile düzenlenebilir | ✅ Renk, animasyon, etkileşim | ❌ Hayır |
| Dosya boyutu (basit logo) | Çok küçük (1–10 KB) | Daha büyük (20–200 KB) |
| Sosyal medyada kabul | ❌ Hayır (çoğu platform SVG kabul etmez) | ✅ Her yerde |
| E-postada kabul | ❌ Hayır | ✅ Evet |
| Matbaalarda kabul | ✅ Evet (ve tercih edilir) | ✅ Yüksek çözünürlükte |
| Google tarafından dizine eklenme | ✅ Okunabilir metin | ❌ Yalnızca alt metniyle |
Sitelerdeki logolarda SVG neden üstün
200 piksel genişliğindeki PNG bir logo Full HD ekranda net görünür, ancak 4K bir monitörde ya da iPhone'un Retina ekranında bulanıklaşır — çünkü ekran görseli sahip olduğundan daha fazla pikselle göstermeye çalışır. Retina ekranları PNG ile karşılamak için logoyu görüntüleme ölçüsünün 2 ya da 4 katında dışa aktarmak, dolayısıyla dosya boyutunu büyütmek gerekir.
SVG bu sorunu tamamen ortadan kaldırır: tarayıcı SVG'yi ekranın tam çözünürlüğünde işler; farklı ölçülerde sürüm hazırlamaya gerek kalmadan sonuç her zaman kusursuzdur. Basit bir logonun 5 KB'lık SVG'si 460 PPI'lık bir telefonda da, 4K monitörde de, 10 metrelik bir bilbordda da net görünür.
Ayrıca SVG, CSS ve JavaScript ile yönetilebilir: logonun rengini koyu tema için değiştirmek, üzerine gelindiğinde animasyon çalıştırmak, bağlama göre logonun ögelerini değiştirmek — hepsi tek satır CSS ile mümkün.
PNG hangi durumlarda hâlâ gerekli
SVG her ortamda kabul edilmez. PNG şu durumlarda vazgeçilmez olmayı sürdürüyor:
- Sosyal medya: Instagram, Facebook, LinkedIn, WhatsApp ve platformların çoğu profil fotoğrafı ve yüklemeler için JPG ya da PNG ister.
- E-posta pazarlaması: e-posta istemcileri satır içi SVG'yi işlemez. E-postadaki logolar PNG olmalıdır.
- Sunumlar ve belgeler: PowerPoint, Word ve Google Slaytlar PNG'yi kabul eder, ancak SVG desteği sınırlı ya da tutarsız olabilir.
- Çıkartmalar ve uygulamalar: WhatsApp çıkartmaları gibi formatlar özellikle PNG ister.
- Gradyan ve gölge içeren karmaşık logolar: bir logodaki fotoğrafımsi efektler (önerilmez ama karşılaşılır) SVG'de iyi temsil edilmez.
Profesyonel logolar için doğru akış
Sektör standardı, logoyu her iki formatta bulundurmaktır:
- SVG: site, web uygulamaları, matbaaya gönderim ve ölçeklenebilirlik gerektiren her kullanım için
- Şeffaf arka planlı PNG (yüksek çözünürlük): sosyal medya, e-posta, belgeler ve SVG'nin kabul edilmediği her ortam için
ImageTools'un Logo Oluştur aracı her iki formatı aynı anda dışa aktarır. Logonuz PNG olarak varsa ve SVG'ye ihtiyacınız varsa bir tasarımcı PNG'yi vektörleştirebilir — ters yön (SVG'den PNG'ye) ise çok basittir ve Dönüştür aracıyla yapılabilir.
Logonuzu şimdi SVG ve PNG olarak oluşturun
ImageTools'un Logo Oluştur aracı her iki formatı da dışa aktarır — üyeliksiz ve filigransız.
Ücretsiz logo oluştur