Logolar için SVG mi PNG mi: hangi format ne zaman kullanılır

SVG ve PNG arasındaki fark nedir?

Fark vektör ile rasterdir. Bir SVG (Ölçeklenebilir Vektör Grafikleri), bir logoyu matematikle tanımlanan şekiller — noktalar, eğriler ve dolgular — olarak tanımlar. Göründüğü her boyutta yeniden çizilir, bu yüzden her yerde net kalır. Kod olduğu için, çoğu logonun temiz geometrisi için de miniciktir, çoğu zaman yalnızca birkaç kilobayt.

Bir PNG (Portable Network Graphics), bir raster görseldir: belirli bir genişlik ve yükseklikte sabit bir piksel ızgarası. Şeffaflığı destekler, bu yüzden bir logo herhangi bir renk üzerinde temiz oturur — ama dışa aktarıldığından daha büyük gösterildiğinde pikseller gerilir ve kenarlar yumuşar.

SVG'yi ne zaman kullanmalısınız?

SVG'yi ana dosyanız ve ekrandaki her şey için varsayılanınız yapın:

• Web siteleri ve web uygulamaları — başlıktaki, altbilgideki ve giriş bölümündeki logo. Modern tarayıcılar retina ve 4K dahil her ekranda SVG'yi kusursuz netlikte işler.
• Logonun ölçeklenmesi gereken her yer — duyarlı düzenler ve yüksek yoğunluklu ekranlar.
• Diğer her şeyi dışa aktardığınız tek kaynak olarak.
• Faviconlar, çünkü modern tarayıcılar bir SVG favicon kabul eder.

PNG'yi ne zaman kullanmalısınız?

Sabit boyutlu bir raster ya da SVG kabul etmeyen bir yer gerektiğinde PNG kullanın:

• Sosyal profil resimleri ve kapak görselleri — çoğu platform yalnızca raster yüklemeleri kabul eder, bu yüzden her birinin önerdiği boyutta kare bir PNG dışa aktarın.
• SVG'yi güvenilir biçimde işlemeyen bazı e-posta istemcileri ve imza araçları.
• Yalnızca raster görsel kabul eden belgeler, sunum dosyaları ve pazar yerleri.
• Hızlı önizlemeler ve küçük resimler.

Bir bakışta SVG ve PNG

Peki ya EPS, PDF, AI — ve JPG?

SVG ve PNG web'i kapsar, ama eksiksiz bir logo paketi genellikle birkaç tane daha içerir:

• PDF — neredeyse her matbaacının ve ofis aracının kabul ettiği vektör bir format. Bu, bir baskı atölyesine verilecek en güvenli dosyadır.
• EPS — bazı matbaacıların hâlâ istediği eski bir vektör format. Onu her gün kullanılan bir şey değil, bir baskı uyumluluk dışa aktarımı olarak ele alın.
• AI (Adobe Illustrator) — bir çalışma/kaynak dosyası. Logonuzu bir tasarımcı yaptıysa, AI'yı (veya SVG'yi) düzenlenebilir orijinal olarak arşivde tutun.
• JPG — logolar için kaçının. JPG'nin şeffaflığı yoktur, bu yüzden sembolün etrafına bir arka plan kutusu zorlar ve sıkıştırması kayıplıdır, bu da net kenarları bulanıklaştırır. Fotoğraflar için tasarlanmıştır, logolar için değil.

Bir PNG'yi geri SVG'ye dönüştürebilir misiniz?

Temiz biçimde değil. Bir PNG'yi SVG'ye dönüştürmek, pikselleri şekillere izlemek anlamına gelir; bu nadiren orijinalle eşleşir ve genellikle dağınık yollar üretir. SVG'niz varsa, her zaman oradan başlayın. Elinizde yalnızca düşük çözünürlüklü bir PNG varsa, genellikle sembolü otomatik izlemek yerine bir vektör olarak yeniden inşa etmek daha iyidir.

Peki ya faviconlar ve uygulama simgeleri?

Favicon, logonuzun çok küçük bir sürümüdür, bu yüzden onu SVG'den dışa aktarın: modern tarayıcılar için bir SVG favicon, artı geniş uyumluluk için küçük PNG'ler (örneğin 32×32 ve 180×180 boyutunda bir Apple touch icon). Aynı kural uygulama simgeleri için de geçerlidir — her platformun istediği boyutları vektör ana dosyadan üretin. Bkz. logonuzdan favicon nasıl yapılır.

Kısa cevap

Logonuzu SVG olarak tasarlayın ve saklayın, web'de kullanın, sabit boyutlu raster yerleşimler için PNG dışa aktarın, matbaacılara bir PDF veya EPS verin ve JPG'yi tamamen atlayın. Vektör ana dosyayı sakladığınız sürece, kalite kaybetmeden daha sonra herhangi bir boyut veya format üretebilirsiniz.

Logo oluşturun ve SVG, PNG ve favicon dışa aktarın

Sık sorulan sorular

Logolar için SVG PNG'den daha mı iyi?

Bir logo için genellikle evet: SVG bir vektördür, bu yüzden her boyutta net kalır ve sade semboller için miniciktir. PNG, sosyal avatarlar gibi sabit boyutlu raster yerleşimler ve SVG okuyamayan araçlar için hâlâ kullanışlıdır.

Bir SVG logo ölçeklendiğinde kalite kaybeder mi?

Hayır. SVG şekilleri matematikle tanımlar, bu yüzden favicondan bir tabelaya kadar herhangi bir boyutta bulanıklaşmadan veya pikselleşmeden net biçimde yeniden çizilir.

PNG logom neden bulanık görünüyor?

Bir PNG'nin sabit bir piksel boyutu vardır. Onu dışa aktarıldığından daha büyük ya da yüksek yoğunluklu bir ekranda göstermek o pikselleri gerer ve kenarları yumuşatır. Daha büyük bir PNG dışa aktarın ya da SVG kullanın.

Bir logo için JPG kullanmalı mıyım?

Hayır. JPG'nin şeffaflığı yoktur (bu yüzden bir arka plan kutusu ekler) ve kayıplıdır; bu da bir sembolün net kenarlarını bulanıklaştırır. Logolar için SVG veya PNG kullanın, asla JPG değil.

Bir matbaacıya hangi formatı vermeliyim?

Vektör bir dosya — genellikle logonuzdan dışa aktarılmış bir PDF veya EPS — böylece matbaacı onu herhangi bir boyuta temiz biçimde ölçeklendirebilir. SVG'yi bunları oluşturduğunuz ana dosya olarak saklayın.