logo designMay 26, 202610 min read

Logo Dosya Formatları Açıklandı: SVG, PNG, PDF, AI, EPS

Web için SVG. Slaytlar için PNG. Baskı için PDF. Düzenleme için AI ve EPS. Hangi logo dosya formatını, ne zaman ve tam olarak neden kullanacağınıza dair kapsamlı rehber.

By Boone
XLinkedIn
logo file formats explained

Logo Dosya Formatları Açıklandı: SVG, PNG, PDF, AI, EPS

Logo dosya formatları hakkında hatırlamanız gereken tek şey

Bir logo bir dosya değildir. Dosyalar sistemidir. Tek bir PNG gönderip bunu teslim saymak, bir markanın ödeme yapan müşterilerin önünde amatör görünmesinin ta kendisidir.

Gerçekten önem taşıyan beş format şunlardır: SVG, PNG, PDF, AI ve EPS. Her birinin bir görevi vardır. Yanlış görev için yanlış format kullanırsanız logo ya bir reklam panosunda pikselleşir, ya satıcının bilgisayarında açılmayı reddeder ya da nakış atölyesinden flip phone'da tasarlanmış gibi geri döner.

Beş logo dosya formatı konteynerinin eksiksiz bir teslimat sistemi olarak düzenlendiği voxel illüstrasyon.
Beş logo dosya formatı konteynerinin eksiksiz bir teslimat sistemi olarak düzenlendiği voxel illüstrasyon.

Vektör ve raster, tek paragrafta

TürFormatlarDavranış
VektörSVG, AI, EPS, PDFŞekilleri matematik olarak depolar. Herhangi bir boyuta ölçeklendirdiğinizde matematik yeniden hesaplanır; kenarlar keskin kalır.
RasterPNG, JPGSabit bir piksel ızgarası depolar. %100'ün ötesine yaklaştığınızda ızgarayı görürsünüz.

Fark bu kadardır. Logonuz her zaman önce vektör biçiminde var olmalı; raster dışa aktarmalar bundan üretilmelidir.

Vektör şeklin keskin kenarlarını ölçekteki bir raster piksel ızgarasıyla karşılaştıran voxel diyagram.
Vektör şeklin keskin kenarlarını ölçekteki bir raster piksel ızgarasıyla karşılaştıran voxel diyagram.

SVG, web'e özgü vektör formatı

SVG, Scalable Vector Graphics anlamına gelir. Tarayıcıların yerel olarak okuduğu XML tabanlı bir formattır; bu da render yükü olmadığı, bulanık retina ekranı olmadığı ve bakımı gereken ayrı bir 2x dosyası olmadığı anlamına gelir. Bir <img> etiketine ekleyin ya da doğrudan HTML'e yerleştirin, ekstra bir byte olmadan herhangi bir çözünürlüğe ölçeklenir.

ElevenLabs ana sayfasının logosu, herhangi bir ekran çözünürlüğünde keskin görüntü için SVG olarak render edilmiştir.
ElevenLabs ana sayfasının logosu, herhangi bir ekran çözünürlüğünde keskin görüntü için SVG olarak render edilmiştir.

elevenlabs.io'da canlı görün

SVG şunlar için doğru formattır:

  • Web sitesi başlıkları
  • Uygulama ikonları
  • E-posta imzaları (destekleyen platformlarda)
  • Kontrol ettiğiniz her dijital yüzey

Çoğu tasarım aracı doğrudan dışa aktarır.

SVG'nin takıldığı yerler:

  • Microsoft Office: Word ve PowerPoint, sürüme ve işletim sistemine göre tutarsız SVG desteğine sahiptir
  • Eski baskı iş akışları: bazı prodüksiyon araçları SVG'de bozulur; bunun yerine PDF ya da EPS kullanın

PNG, baskıları mahveden güvenli yedek

PNG rasterdir. Piksel depolar. Dünyadaki her uygulama bir PNG açar; bu onun tek rekabet avantajıdır ve dijital bağlamlarda gerçek bir avantajdır.

BağlamPNG kararı
Web, orijinal dışa aktarma boyutunun altındaSorun yok
Slaytlar, sosyal medya paylaşımları, dahili belgelerSorun yok
BaskıAsla. PNG büyütüldüğünde bozulur ve matbaa bunu size en kötü anda gelen bir e-postayla söyler.

Bir kartvizitteki 300 DPI'lık logo, vektör kaynağından gelmelidir.

PNG'yi her zaman büyük çözünürlükte dışa aktarın; en uzun kenarda minimum 2000 piksel, iki versiyonla: beyaz arka plan ve şeffaf.

Raster logonun orijinal dışa aktarma boyutlarının ötesine ölçeklenirken pikselleştiğini gösteren voxel konsept.
Raster logonun orijinal dışa aktarma boyutlarının ötesine ölçeklenirken pikselleştiğini gösteren voxel konsept.

PDF, her yere bozulmadan giden format

PDF, vektör verisi gömülüdür. Illustrator veya Figma'dan bir tane dışa aktarın; herhangi bir cihazda, tam ölçeklenebilir şekilde, yazılım gerektirmeden açılır.

Moo baskı hizmetinin kartvizit üretimi için vektör format gereksinimlerini belirten yükleme arayüzü.
Moo baskı hizmetinin kartvizit üretimi için vektör format gereksinimlerini belirten yükleme arayüzü.

moo.com'da baskı özelliklerini inceleyin

Font sorunu yok. Eksik varlık yok. Satıcılardan gelen "Illustrator'ım yok" yanıtı yok.

Baskı işleri için PDF en pratik vektör teslimat formatıdır:

  • Ticari matbaalar doğrudan iş akışlarına kabul eder
  • Tabela satıcıları geniş format düzen yazılımına yerleştirir
  • Nakış atölyeleri çizgi hassasiyetini kaybetmeden dönüştürür
  • Illustrator'ı olmayan satıcılar yine de açabilir

Karşı tarafın hangi uygulamayı kullandığını bilmediğinizde göndereceğiniz formattır; bu durum çoğu harici teslimatta geçerlidir.

PDF aynı zamanda kilit varyantlar (logo artı slogan, yığılmış, yatay) için de kullanılan formattır. Satıcı, dönüştürme adımı olmadan doğrudan InDesign veya Acrobat'a yerleştirir.

AI, tasarımcınızın sakladığı çalışma dosyası

AI, Adobe Illustrator'ın yerel çalışma dosyasıdır; teslim edilebilir bir ürün değil. Her şeyi depolar:

  • Katmanlar ve nesneler
  • Renk örnekleri
  • Kılavuzlar ve çalışma tahtaları
  • Orijinal fontlarla canlı metin
  • Görünüm özellikleri
  • Özel renkler

Tasarımcınız AI dosyasını saklar. Siz ondan dışa aktarmalar alırsınız. İlişki sona ererse ve logoyu daha sonra düzenlemeniz gerekirse, bu düzenlemeyi mümkün kılan o AI dosyasıdır.

Sözleşmeler, tasarımcının proje tamamlandığında bunu teslim etmesini şart koşmalıdır. Sizinkinde bu yoksa, değişiklik yapmanız gerektiğinde kapatılması gereken bir boşluk söz konusudur.

AI dosyaları yalnızca Illustrator'da tam olarak açılır (ve Affinity Designer'da kısmen). Logoyu bir sunuma yapıştıran müşteriler için PNG gönderin. Özellikle AI isteyen bir satıcı için gönderin ve Illustrator sürümlerini teyit edin; sürümler arası uyumluluk güvenilmez olabilir.

EPS, yazıcınızın hâlâ istediği eski format

EPS (Encapsulated PostScript), PDF'den önce gelir. PDF baskın hale gelmeden önce standart vektör değişim formatıydı ve on yıllardır iş yapan baskı satıcıları alışkanlıktan hâlâ istiyor.

GitLab basın kiti sayfası, prodüksiyon ve medya kullanımı için EPS ve vektör logo indirmelerini listeler.
GitLab basın kiti sayfası, prodüksiyon ve medya kullanımı için EPS ve vektör logo indirmelerini listeler.

about.gitlab.com'daki basın kitini görüntüleyin

EPS ve AI aynı vektör verilerini taşır. Temel fark şudur: EPS, eski prodüksiyon yazılımlarında daha geniş çapta okunabilirken, AI dışa aktarmada EPS'nin düzleştirdiği canlı metin ve şeffaflık gibi Illustrator'a özgü özellikleri korur.

Bir satıcı EPS istiyorsa EPS verin. Kimse sormuyorsa PDF, modern araçlarla daha iyi uyumlulukla aynı işi yapar.

Favicon ve sosyal medya avatarı tuzağı

Favicon küçültülmüş bir logo değildir. Ayrı bir tasarım işidir. 32x32 piksel boyutunda çoğu logo detayı kaybolur. Sloganlı bir wordmark gri bir lekeye dönüşür ve 300 pikselde net okunan şey 32 pikselde okunamaz hale gelir.

Üç adımda favicon süreci:

  1. Özel bir favicon işareti tasarlayın, genellikle ilk harf, bir monogram ya da ikincil detay kaldırılmış en tanınabilir logomark öğesi.
  2. Dosyayı dışa aktarın, ya .ico (16x16, 32x32 ve 48x48'de PNG için bir konteyner) ya da tarayıcının ölçeklendirdiği 192x192 PNG.
  3. Sosyal medya avatarlarını ayrı yönetin. Instagram yaklaşık 110x110 pikselde daireye kırpar, bu yüzden profil ikonu wordmark ile tam kilit yerine yalnızca logomark olmalıdır.

Brainy'nin her logoyla birlikte teslim ettiği müşteri teslimat kiti

Her Brainy logo teslimi, rastgele dışa aktarmaların zip'i olarak değil, yapılandırılmış bir klasör olarak gönderilir. İşte tam yapı:

YourBrand_Logo_Kit/ ├── 01_Web/ │ ├── logo-primary.svg │ ├── logo-primary@2x.png (2000px, transparent bg) │ ├── logo-reversed.svg │ ├── logo-reversed@2x.png │ ├── icon-only.svg │ └── favicon/ │ ├── favicon.ico │ ├── favicon-192.png │ └── favicon-512.png ├── 02_Print/ │ ├── logo-primary-CMYK.pdf │ ├── logo-primary-CMYK.eps │ ├── logo-reversed-CMYK.pdf │ └── logo-reversed-CMYK.eps ├── 03_Source/ │ └── logo-master.ai └── README.txt

Her klasörün bir amacı vardır. README, hangi klasörün hangi iş için açılacağına dair tek bir paragraf rehberlik içerir.

Hiçbir müşteri tahmin etmek zorunda kalmamalıdır. README'siz bir logo kiti, müşteriler için değil tasarımcılar için tasarlanmış bir kittir.

GitHub marka kiti sayfası, SVG, PNG ve vektör kaynak dosyaları dahil yapılandırılmış logo indirmelerini gösteriyor.
GitHub marka kiti sayfası, SVG, PNG ve vektör kaynak dosyaları dahil yapılandırılmış logo indirmelerini gösteriyor.

brand.github.com'daki marka kitini inceleyin

Brainy'nin logonuzu tasarlamasını sağlayın ve tam kiti, etiketlenmiş ve yapılandırılmış şekilde ilk seferde alırsınız.

Tek bakışta format karar tablosu

Aşağıdaki tek tablo, her yaygın kullanım durumunu doğru formata eşler. Yazdırın, ekran görüntüsü alın, stüdyo Notion'ınıza yapıştırın; bir müşteri "yazıcıya hangi dosyayı göndereyim?" diye sorduğunda elinizin altında olsun.

Kullanım durumuDoğru formatNeden
Web sitesi başlığıSVGHerhangi bir çözünürlüğe ölçeklenir; yerel tarayıcı desteği
Web sitesi yedeğiPNG (2x)SVG mevcut olmadığında evrensel uyumluluk
E-posta imzasıPNGSVG çoğu e-posta istemcisi tarafından engellenir veya kaldırılır
Baskı (kartvizit, antet)PDF veya EPSVektör; herhangi bir ticari matbaa tarafından kabul edilir
Büyük format tabelalarPDF veya EPSKalite kaybı olmadan herhangi bir boyuta ölçeklenir
Nakış veya vinil kesimEPS veya AIÇoğu prodüksiyon yazılımı için gerekli girdi
Sunumlar (Google, PowerPoint)PNGSVG desteği sürüme göre değişir; PNG güvenilirdir
Sosyal medya avatarıPNG (kare, yalnızca logomark)Platformlar SVG'yi sıkıştırır veya reddeder
Favicon.ico veya PNG (192x192)Tarayıcı standardı; SVG evrensel olarak desteklenmez
Video filigranıPNG (şeffaf)PNG alfa kanalı video editörlerinde çalışır
Logo düzenleme veya yeniden tasarımAITüm katmanlar ve özelliklerle tam çalışma dosyası
Satıcı teslimi (araçlar bilinmiyor)PDFHer yerde açılır; vektör verilerini korur
Web, baskı, düzenleme ve yedek kullanım durumları genelinde logo format seçimlerini haritalayan voxel karar ağacı.
Web, baskı, düzenleme ve yedek kullanım durumları genelinde logo format seçimlerini haritalayan voxel karar ağacı.

SSS

AI ve EPS arasındaki fark nedir?

Her ikisi de vektör formattır. AI, Illustrator'ın yerel çalışma formatıdır ve canlı metin, şeffaflık, çalışma tahtaları ve görünüm özelliklerini korur. EPS daha eskidir ve daha geniş çapta okunabilirdir ancak dışa aktarmada bu özellikleri düzleştirir. AI'yi gerçeğin kaynağı olarak tutun, bir satıcı istediğinde EPS gönderin.

Her şey için sadece PNG kullanabilir miyim?

Hayır. PNG baskıldığında veya dışa aktarma boyutunun ötesine ölçeklendiğinde bozulur. Satıcılar onu reddeder, nakış makineleri kullanamaaz. Yukarıdaki tablo bunun yerine ne gönderileceğini gösteriyor.

WebP, GIF, TIFF veya BMP ne olacak?

Bunların hiçbiri logo formatı değildir. WebP fotoğraf sıkıştırma içindir, GIF'in 256 renklik paleti temiz kenarları mahveder, TIFF arşivleme içindir ve BMP'nin şeffaflığı yoktur. Yukarıdaki beş format her meşru logo kullanım durumunu karşılar.

Tasarımcım bana yalnızca PNG gönderdi. Ne yapmalıyım?

Tam kiti isteyin: SVG, PDF, EPS ve AI kaynağı. Çalışma dosyaları, sözleşmeniz aksi takdirde belirtmediği sürece müşteriye aittir. Tasarımcı yanıt vermiyorsa, Brainy'nin logonuzu yeniden tasarlamasını sağlayın ve bu sefer her dosyayı doğru alın.

Logolar RGB mi yoksa CMYK mi olmalı?

Ekranlar için RGB, baskı için CMYK. Profiller arasındaki renk kayması gerçektir, bu yüzden fiziksel bir yazıcıya gidecek her şeyi kontrol edin. Baskı için PDF ve EPS, satıcı aksi belirtmedikçe CMYK olmalıdır.

SVG e-posta imzaları için çalışır mı?

Çoğunlukla hayır. Gmail, Outlook ve Apple Mail, SVG'yi tutarsız biçimde işler ve bazı istemciler tamamen kaldırır. E-posta imzaları için PNG kullanın. 2x çözünürlükte 200 piksel genişliği güvenilir bir temel çizgidir.

Nakış atölyesi hangi formata ihtiyaç duyar?

Makine, bir dijitizer'in görselinizden ürettiği dikiş formatında (DST, PES) çalışır. Atölyeye vektör logoyu EPS veya AI olarak verin, böylece doğru şekilde izleyip dönüştürebilsinler. Nakış satıcısına asla PNG göndermeyin.

İlk seferinde doğru formatı gönderin

SVG web sitesinde. PNG yedek olarak. PDF yazıcı için.

AI gelecekteki düzenlemeler için. EPS eski bir satıcı gerektirdiğinde. Favicon yeniden boyutlandırma işi olarak değil, kendi başına bir işaret olarak tasarlanmış. Tam kit, etiketlenmiş ve yapılandırılmış, bir kez gönderilmiş ve sonsuza kadar referans alınmış.

Her temas noktasında cilalı görünen markalar daha iyi logolar kullanmıyor. Doğru dosyaları her yüzey için kullanıyorlar.

Daha pratik marka rehberleri için Brainy Papers kütüphanesinin tamamına göz atın. İlk seferinde doğru şekilde oluşturulmuş ve teslim edilmiş bir logo sistemine mi ihtiyacınız var? Brainy'nin logonuzu tasarlamasını sağlayın.

Need a logo that ships with the right files for every use case, not a single PNG you have to email back for? Brainy designs and delivers full logo systems.

Get Started

More from Brainy Papers

Keep reading