Aynı logo, web sitesi gezinme çubuğunda yalnızca 24 piksel yüksek olabilir; fuar arka paneline basıldığında iki metreye büyütülür. PNG mi SVG mi seçeceğinize önce hangi senaryoya gireceğine bakarak karar verin: web sayfaları ve ürün arayüzlerinde SVG önceliklidir; simge yollarla kaydedilir ve her boyutta yazılım tarafından yeniden çizilir. Yalnızca bitmap kabul eden girişlere (sosyal medya avatarı, bazı ofis belgeleri) şeffaf bir PNG verin; poster, tabela ve baskı malzemelerinde SVG ya da ondan türetilen vektör dosya kullanın — büyütüldüğünde bulanıklaşmaz. Elinizde geçici olarak yalnızca bir PNG varsa her şeyi baştan yapmanız gerekmez; önce senaryonun gerektirdiği biçimi netleştirin, sonra eksik olanı tamamlayın.
Önemli noktalar
- Web sayfası, arayüz ve sürekli ölçeklenip renk değiştirilecek yerlerde SVG kullanın: grafik yollarla kaydedilir, büyütülünce yeniden çizilir ve kenarlar bulanıklaşmaz.
- Yalnızca bitmap yüklemesi kabul eden girişlerde (sosyal medya avatarı, bazı ofis yazılımları) şeffaf PNG kullanın; platforma SVG dayatmaya çalışmayın.
- Grafik logo ve logotype için bir SVG ana dosya bulundurmaya değer; fotoğraf tarzı maskot ve karmaşık dokulu marka görsellerinde yüksek çözünürlüklü PNG korunur.
- SVG her zaman PNG'den küçük değildir: dosya boyutu grafik karmaşıklığına bağlıdır; seçim ölçütü kullanım, boyut değildir.
Üç kullanım senaryosundan seçmeye başlayın
En yaygın üç teslim görevi, logo dosyalarının gideceği neredeyse tüm yerleri kapsar.
Web sitesi gezinme simgesi. Gezinme çubuğu, alt bilgi ve mobil arayüzdeki simgeler farklı ekran yoğunluklarında farklı boyutlarda gösterilir. SVG burada en uygunudur: tarayıcı yolları anlık çizer; küçük simge genişliğinden alt bilgideki büyük bande kadar netlik korunur. Renk değişikliği doğrudan dosyada ya da kodda yapılır ve aynı dosya olduğu gibi tasarımcıya devredilip düzenlenebilir.
Küçük boyutlu sosyal medya avatarı. Avatar yükleme girişleri genellikle yalnızca JPG ve PNG kabul eder; şeffaf zeminli tek bir PNG hazırlayın: platform avatarı yuvarlak ya da kareye kırptığında simgenin çevresinde beyaz zemin bloğu görünmez. Avatarın gösterim boyutu sınırlıdır ve bitmap netliği tamamen yeterlidir; bu senaryo SVG gerektirmez.
Büyük boyutlu poster ve baskı malzemesi. Poster, roll-up ve dükkân tabelası simgeyi onlarca kat büyütür. SVG ölçekleme sorununu kaynağında çözer: yollar çözünürlükten bağımsızdır; çıktının boyutunu kullanım aşaması belirler. Elinizde küçük bir PNG varken doğrudan büyütmek bulanıklık ve merdivenli kenar üretir; bu senaryo gerçekten bir vektör dosya ister.
PNG ve SVG farkı nerede görünür
İki biçimin köklü farkı grafiği kaydetme biçimidir. PNG piksel ızgarası kullanır: her nokta tek bir renk kaydeder; dosya ne kadar büyük olursa olsun toplam piksel sayısı sabittir ve orijinal pikselin ötesine büyütüldüğünde yazılım mevcut pikselleri çekerek boşluğu doldurur; kenarlar bulanıklaşır, merdivenlenir. SVG grafiği yollar ve biçimlerle anlatır: çizgi nereden başlar, eğri nasıl kıvrılır, alan hangi renkle dolar; büyütüldüğünde yazılım bu tanımlara göre yeniden çizer ve kenarlar her zaman pürüzsüzdür.
Şeffaf arka planı iki biçim de destekler ama yöntemleri farklıdır. PNG, şeffaf piksel kanalıyla simgenin çevresindeki boşluğu korur; SVG'nin doğal olarak bir 'zemi'ni yoktur; grafik zaten bir yol topluluğudur. Asıl ayrım sonraki düzenlemededir: SVG açıldığında topluca renk değiştirilebilir, çapa noktaları ayarlanabilir, parçalara bölünüp yeniden kurulabilir; PNG yalnızca piksel piksel işlenebilir; tek bir renk alanını değiştirmek bile bitmap yazılımda yama gerektirir.
Dosya boyutu çoğunlukla yanlış okunur. Grafik basitken SVG az sayıda yol kaydeder ve genellikle küçüktür; geçişleri zengin, gürültüsü belirgin bir bitmap SVG'ye çevrildiğinde çok sayıda parça yola bölünür ve boyut orijinal PNG'yi aşabilir. 'SVG daha küçüktür' cümlesi doğru değildir; doğrusu 'basit grafiklerin SVG'si küçüktür'.
Bir senaryo ve biçim seçim tablosu
Biçim parametrelerinden çok malzeme türü seçimi belirler. Üç yaygın marka grafiği için öneriler:
| Malzeme türü | Grafik özellikleri | Öneri | Gerekçe |
|---|---|---|---|
| Grafik logo, logotype | Sınırları net, renk alanları sınırlı | Bir SVG ana dosya hazırlayın, ayrıca şeffaf PNG saklayın | Yollar temiz ve düzenlenebilir; SVG ölçeklemeye hizmet eder, PNG SVG desteklemeyen duramlara yedek olur |
| Fotoğraf tarzı maskot | Sürekli geçişler, zengin gölgeler | Yüksek çözünürlüklü PNG'yi koruyun | Vektörleştirme çok sayıda parça yol üretir, düzenlemeyi zorlaştırır ve az yolla sınırsız ölçeklemenin anlamı da yitir |
| Karmaşık dokulu marka görseli | Detay çok, tanecikli doku | Öncelik bitmap, gerektiğinde kısmi vektörleştirme | Bütün dönüştürme çoğunlukla kâr etmez; daha büyük boyut gerekirse önce yüksek çözünürlüklü bitmap yeniden dışa aktarılır |
Tek bir kural yeterlidir: sınırlar ne kadar net ve renk alanları ne kadar azsa vektörleştirmeye o kadar değer vardır; görüntü fotoğrafa ne kadar yakınsa bitmap biçimde kalması o kadar doğrudur.
Elinizde yalnızca PNG varken SVG nasıl tamamlanır
SVG gerektiği kesinleştikten sonra dönüştürme işin yalnızca küçük bir bölümüdür. Görselden vektöre aracıyla PNG'yi yükleyin: araç PNG, JPG ve WebP kabul eder; genişlik ve yükseklik en az 256 piksel olmalıdır, giriş yapıldığında tek seferde tek görsel dönüştürülür ve bitince SVG dosyası indirilir. Yükleme, kontrol ve indirme adımlarının arayüz görüntüleri aynı serinin 'PNG ve JPG SVG'ye nasıl dönüştürülür' eğitiminde tam akış hâlinde bulunur; burada tekrar açmayacağız.
Dönüşüm bitince sonuç yine kullanıma göre düzenlenmelidir. Sonuç panelinde 1×, 2×, 4× büyütme sunulur; teslim öncesi eğrilerin, boşlukların ve ince çizgilerin temiz olmasına bakın. İki şeyi baştan kabul edin: metinler kontur yollarına dönüşür ve dönüştürme, düzenlenebilir orijinal fontu geri getirmez; metin değişikliği tasarım aracında yeniden yazılarak yapılır. Kenar kalitesini orijinal görsel belirler; ağır sıkıştırılmış PNG'den çıkan kenarlar pürüzlüdür, önce daha net bir orijinal görselle dönüştürün. Bu tür orijinal görsel düzenleme yöntemleri 'Logo vektöre çevrildikten sonra kenarlar pürüzlü olursa' yazısında ayrıca ele alınacaktır.
Bir marka dosya teslim paketi nasıl hazırlanır
Biçim belirlendikten sonra logo dosyalarını adlandırılmış bir küme hâline getirin; böylece kime teslim ederseniz edin ileri geri isteme olmaz. En küçük kullanılabilir paket şöyle görünür:
| Dosya | Kullanım | Adlandırma örneği |
|---|---|---|
| SVG ana dosya | Web, malzeme, büyütme ve sonraki düzenleme için tek kaynak dosya | acme-logo.svg |
| Şeffaf zeminli PNG | Sosyal medya avatarı ve yalnızca bitmap kabul eden ofis belgeleri | acme-logo-transparent.png |
| Koyu zemin önizleme | Simgenin koyu arka plandaki okunabilirliğini denetler | acme-logo-preview-dark.png |
| Açık zemin önizleme | Simgenin açık arka plandaki görünümünü denetler | acme-logo-preview-light.png |
Adlandırmada tek bir önek ve kullanımı anlatan bir son ek kullanın; sürüm değiştiğinde sürüm numarasını güncelleyin, kopya yeni adlar türetmeyin — yoksa pakette er geç logo-final-2.png ile logo-son-sürüm.png'nin yan yana durduğu an gelir. Koyu ve açık zemin önizlemelerini aynı klasöre koymak önerilir; teslimatta karşı taraf simgenin iki zeminde de kullanılabilir olduğunu tek bakışta görür.
Baskı aşamasının dosyaları ayrı ele alınır. Baskıcı vektör PDF, belirli renk modu ya da taşma payı ölçüsü istediğinde bu üretim dosyaları ilgili tasarım akışında hazırlanır: SVG kaynak alınır, tasarım yazılımında dönüştürme ve dışa aktarma yapılır ve renk standardı baskıcıyla madde madde onaylanır. Görselden vektör aracının çıktısı SVG dosyasıdır; baskı üretiminde kullanılan dosyaları doğrudan üretmez.
Sık sorulan sorular
SVG her zaman PNG'den küçük müdür?
Değildir; dosya boyutu içerik karmaşıklığına bağlıdır. Basit grafiğin SVG'si az yol kaydeder ve genellikle küçüktür; geçiş, gölge ve gürültüsü zengin bir bitmap SVG'ye dönüşünce çok sayıda parça yol üretir ve boyut tersine büyük olabilir. Biçim seçim ölçütü kullanım ve ölçekleme ihtiyacıdır, boyut değil.
PNG büyütülünce bulanıklaşıyor, mutlaka vektöre mi çevrilmeli?
Logonun bundan sonraki kullanımına bakın. Yalnızca ara sıra tek seferlik bir büyütme söz konusuysa daha yüksek çözünürlüklü bir PNG yeniden dışa aktarmak yeterlidir; sürekli ölçekleme, toplu renk değişimi, baskı ya da uzun vadeli marka ana dosyası olarak kullanım varsa SVG tamamlanmaya değer. Fotoğraf tarzı logo dönüştürülse bile elde edilen düzenlemesi güç parça yollardır; yüksek çözünürlüklü bitmap'te kalmak daha pratiktir.
Baskıcı PDF isterse ne yapılır?
Baskıcının somut isteklerine göre ilgili tasarım akışına aktarın: SVG ana dosyasını tasarım yazılımına koyun ve karşı tarafın istediği PDF türüne dışa aktarın; renk modu ve taşma payı gibi parametreleri baskıcıyla tek tek onaylayın. Görselden vektör aracının çıktısı SVG'dir; baskı üretiminde kullanılan PDF tasarım aşamasında hazırlanır.
Elinizde yalnızca PNG varken önce bir SVG tamamlayın
Paketteki eksik kalemden başlayın: yalnızca PNG sürümü varsa önce görselden vektör aracıyla bir SVG tamamlayın, koyu ve açık zemin önizlemelerinde bir kez denetleyin ve ana dosya olup olamayacağına karar verin. Bu adım bittiğinde web sitesi, avatar ve poster senaryolarının üçü de ilgili biçimde dosyaya kavuşur.
