Profesyonel bir logonun birbirinden bambaşka bağlamlarda işe yaraması gerekir: tarayıcı sekmesinde favicon olarak küçücük, sitenin header'ında orta boy, cephe brandasında kocaman, Instagram profil fotoğrafında kare ve kartvizitte yatay. Bu bağlamların her birinin ölçüsü ve formatı farklıdır; yanlış ölçü kullanmak da bulanık, kırpılmış ya da oranı bozulmuş bir logo demektir.
İyi haber şu: her bağlam için sıfırdan ayrı sürümler oluşturmanız gerekmiyor. Doğru dosya doğru formatta elinizdeyse, ImageTools'un Boyutlandır aracı ölçüleri her kullanım için saniyeler içinde ayarlar.
Logonuzun elinizde bulunması gereken formatları
Belirli ölçülerden söz etmeden önce hangi dosya formatlarını saklamanız gerektiğini bilin. İyi belgelenmiş bir logonun en azından şu sürümleri olmalı:
- SVG (vektörel): ana dosya. 16px'lik bir favicondan 10 metrelik bir bilbora kadar her ölçüye kalite kaybı olmadan büyütülebilir. Sitelerde, sunumlarda ve matbaaya gönderimde vazgeçilmezdir.
- Şeffaf arka planlı PNG (yüksek çözünürlük): SVG'nin kabul edilmediği dijital kullanımlar için. Boyutlandırmada esneklik olsun diye en az 1000×1000px kaydedin.
- Beyaz arka planlı PNG: şeffaflığın istenmediği ya da desteklenmediği yerler için: platformlardaki kayıt formları, Word belgeleri, e-posta.
- Koyu zemin sürümü PNG ya da JPG (ögeler beyaz): renkli ya da koyu zeminlerde kullanmak için. Koyu mavi bir logo, siyah zeminin üstünde tamamen kaybolur.
- Favicon (.ico + PNG'ler): tarayıcı sekmesine özel sürümler. Gereken tüm ölçüleri logodan üretmek için ImageTools'un Favicon Oluşturucu aracını kullanın.
☁️ Hepsini bulutta saklayın. Bu sürümleri kolay erişilebilir biçimde bir Google Drive ya da Dropbox klasöründe tutun. Serbest çalışan bir tasarımcıyla anlaşırken, bir sosyal medya profilini güncellerken ya da matbaaya materyal gönderirken bunlara ihtiyacınız olacak; çoğu zaman da aceleyle.
Referans tablosu — bağlama göre logo ölçüleri
| Bağlam | Önerilen ölçüler | İdeal format | Not |
|---|---|---|---|
| Site header'ı (masaüstü) | 200–400px genişlik | SVG ya da şeffaf PNG | Yükseklik düzenle orantılı |
| Favicon (tarayıcı sekmesi) | 16×16, 32×32, 48×48px | .ico + PNG | Favicon Oluşturucu'yu kullanın |
| Apple Touch Icon (iOS) | 180×180px | Şeffaflıksız PNG | Düz arka plan önerilir |
| Android uygulama ikonu (PWA) | 192×192 ve 512×512px | PNG | webmanifest için zorunlu |
| Instagram — profil fotoğrafı | 320×320px (110px gösterilir) | PNG ya da JPG | Daire biçiminde kırpılır |
| Facebook — profil fotoğrafı | 170×170px | PNG ya da JPG | Masaüstünde daire olarak gösterilir |
| Facebook — kapak fotoğrafı | 820×312px | JPG ya da PNG | Logo bir öge olarak, fotoğrafın tamamı değil |
| LinkedIn — şirket logosu | 300×300px | PNG ya da JPG | En az 300×300, en fazla 4 MB |
| LinkedIn — şirket kapağı | 1128×191px | PNG ya da JPG | Logo kapağın içinde bir öge olarak |
| YouTube — kanal ikonu | 800×800px | PNG ya da JPG | Daire olarak gösterilir, TV'de 98px |
| YouTube — kanal görseli | 2560×1440px | JPG ya da PNG | Logo bir öge olarak, güvenli alan: 1546×423px |
| WhatsApp Business — profil | 640×640px | PNG ya da JPG | Daire olarak gösterilir |
| TikTok — profil fotoğrafı | 200×200px (en az) | JPG ya da PNG | Daire olarak gösterilir |
| Twitter / X — profil fotoğrafı | 400×400px | PNG ya da JPG | Daire olarak gösterilir, akışta 48px |
| E-posta (imza) | 200–300px genişlik | Beyaz arka planlı PNG ya da JPG | Eski istemcilerde şeffaflıktan kaçının |
| Kartvizit (dijital) | 400–600px genişlik | Şeffaf PNG | Kartvizit düzenine yerleştirmek için |
| Sunum (slaytlar) | 200–400px genişlik | Şeffaf PNG ya da SVG | Slaytla orantılı (16:9) |
Site için logo
Header (üst bant)
Sitenin header'ında logo genellikle 150px ile 400px arası genişlikte, yüksekliği de buna orantılı olur. Tam genişlik düzene bağlıdır: derli toplu bir header 150px kullanabilirken, geniş yer bırakan bir site 300–400px'e çıkabilir. Asıl önemli olan, logonun Retina ekranlarda net görünmesidir: gösterim genişliğinin iki katında PNG olarak dışa aktarın (ya da bunu kendiliğinden çözen SVG kullanın) ve gösterim boyutunu CSS'e bırakın.
Header'da her zaman SVG ya da şeffaf arka planlı PNG kullanın; header'ın arka planı tasarıma ve kaydırmaya göre değişir ve beyaz arka planlı bir logo, renkli zeminlerde göze batan beyaz bir dikdörtgen bırakır.
Favicon
Favicon, tarayıcı sekmesinde, sık kullanılanlarda ve mobil cihazların ana ekranında görünen ikondur. İyi bir favicon, logonun sadeleştirilmiş bir sürümüdür: genellikle yalnızca sembol ya da baş harf, şirketin tam adı olmadan; çünkü alan okunaklı bir metin için fazla küçüktür.
Gereken ölçüler şunlar: masaüstü tarayıcılar için 16×16px ve 32×32px, iOS için 180×180px (Apple Touch Icon), Android ve PWA'lar için 192×192px ile 512×512px. Bütün bu ölçüleri logodan otomatik üretmek için ImageTools'un Favicon Oluşturucu aracını kullanın.
Bütün favicon ölçülerini tek seferde üretin
Logodan tarayıcı, iOS, Android ve PWA faviconuna: gereken tüm ölçüler saniyeler içinde.
Ücretsiz favicon oluşturSosyal medya için logo
Logonun neden hem kare hem daire biçiminde işe yaraması gerekir
Neredeyse bütün sosyal ağlar profil fotoğrafını daire biçiminde gösterir. Bu da yatay logolar (yan yana duran ad + ikon) için özel bir sorun yaratır: daire içinde logo ya okunamayacak kadar küçülür ya da kenarlardan kırpılır.
En verimli çözüm, logonun bir "ikon" sürümüne sahip olmaktır: yalnızca markanın sembolü ya da baş harfleri, kare bir alanın ortasında; özellikle sosyal medyada profil fotoğrafı olarak kullanmak için. Bu sürüm, kırpılma sorunları olmadan görsel tanınırlığı korur.
Instagram 320×320px'e kadar profil fotoğrafı kabul eder, ama profilde yalnızca 110px, akışta 32px gösterir. Dosya kare olmalı. Logonuz yataysa, platformun daire kırpması hiçbir yerini kesmesin diye onu yeterli boşlukla kare bir alanın ortasına yerleştirin.
Facebook'ta sayfa profil fotoğrafı masaüstünde 170×170px, mobilde 128×128px gösterilir ve her zaman daire biçiminde kırpılır. Kapak fotoğrafı ise 820×312px'tir; burada logo genellikle kapak tasarımının bir ögesi olarak yer alır, görselin tamamını kaplamaz.
Şirket profillerinde LinkedIn logoyu sayfada 300×300px (kare), listelerde ise daha küçük ölçülerde gösterir. Görsel kalitesinin profesyonel algıyı en çok etkilediği yerlerden biridir; aşırı sıkıştırılmamış, yüksek kaliteli bir PNG kullanın.
YouTube
YouTube'da kanal ikonu bağlama göre çok farklı ölçülerde görünür: akıllı televizyonda 98px, masaüstü akışında 32px, mobil profilde 88px. Dosyanın bütün bu ölçüleri netlikle karşılaması için en az 800×800px olması gerekir. Kanal görseli (banner) 2560×1440px'tir, ama bütün cihazlarda görünen "güvenli alan" ortadaki yalnızca 1546×423px'lik bölgedir. Logo bu alanın içinde kalmalı.
WhatsApp Business
WhatsApp Business profil fotoğrafı daire biçiminde gösterilir ve sohbetlerde yaklaşık 50px görünür. Tam ekran önizlemelerde netlik için 640×640px'lik bir dosya kullanın. Diğer sosyal ağlarda olduğu gibi burada da yatay logolar iyi sonuç vermez; markanın ikon ya da sembol sürümünü kullanın.
📐 Sosyal medyada yatay logolar için ipucu: yanlara boşluk (ya da markanın arka plan rengini) ekleyerek kare bir sürüm oluşturun. İdeal oran, logonun karenin genişliğinin %60 ila %75'ini kaplaması ve dört yanda eşit kenar boşluğu bırakılmasıdır. Bu, daire kırpmasını devre dışı bırakır ve logonun tam görünmesini sağlar.
Baskı için logo
Baskının mantığı dijitalden bambaşkadır. Önemli olan piksel cinsinden çözünürlük değil, piksellerle fiziksel baskı boyutu arasındaki ilişkidir; bu da DPI (dots per inch, inç başına nokta) ile ölçülür. Matbaa sektörünün standardı 300 DPI'dır.
Baskı için gereken piksel nasıl hesaplanır
Formül: piksel = cm cinsinden ölçü ÷ 2,54 × DPI
Pratik örnekler:
| Materyal | Tipik logo ölçüsü | Gereken piksel (300 DPI) |
|---|---|---|
| Kartvizit (logo) | 3 × 1,5 cm | 354 × 177px |
| Antetli kâğıt (üst bant) | 5 × 2 cm | 591 × 236px |
| Küçük ambalaj | 4 × 4 cm | 472 × 472px |
| Tişört (göğüs) | 10 × 5 cm | 1181 × 591px |
| Kupa (yan logo) | 8 × 4 cm | 945 × 472px |
| Baskılı çanta | 15 × 8 cm | 1772 × 945px |
| Banner/roll-up (üstteki logo) | 20 × 10 cm | 2362 × 1181px |
Her seferinde hesap yapmak zorunda kalmamak için en pratik çözüm SVG kullanmaktır; vektörel format sınırsız ölçeklenir ve her boyutta kalite kaybı olmadan basılabilir. Profesyonel her matbaa SVG kabul eder (ya da Illustrator veya Inkscape'te SVG'den üretilen vektörel PDF karşılığını).
Matbaaların kabul ettiği formatlar
Profesyonel matbaaların çoğu şunları kabul eder ve tercih eder:
- Vektörel PDF: sektörün standardı. Illustrator, Corel ya da Inkscape'te logonun vektör hâlinden üretilir.
- AI (Adobe Illustrator): yerel vektörel dosya.
- EPS: daha eski bir vektörel format, uyumluluğu çok geniş.
- SVG: modern matbaaların çoğunda kabul edilir.
- Yüksek çözünürlüklü PNG: vektörel dosya yoksa kabul edilir, yeter ki çözünürlük baskı boyutuna yetsin.
🖨️ Nakış ve lazer kesim için: bu süreçler temiz yollara sahip vektörler ister. Gradyan, gölge ya da fotoğrafik efekt içeren logoların üretime gönderilmeden önce sadeleştirilmesi gerekir. Özgün vektör dosyası yoksa, bir tasarımcı bu "vektörleştirmeyi" logonun PNG'sinden yapabilir.
Logoyu her kullanım için boyutlandırma
Elinizde logonun yüksek çözünürlüklü PNG (en az 1000×1000px) ya da SVG hâli varsa, her platformun ölçülerine uydurmak için ImageTools'un Boyutlandır aracını kullanın. Araç, piksel cinsinden tam genişlik ve yüksekliği belirlemenize, özgün oranı korumanıza ya da değiştirmenize izin verir.
Logo sürümlerini hazırlamak için önerilen akış:
- Her zaman elinizdeki en yüksek çözünürlüklü dosyadan başlayın: SVG ya da 1000px üzeri PNG.
- Hedefin ölçülerine göre Boyutlandır aracıyla boyutlandırın.
- Sosyal medya için Sıkıştır aracıyla hafifçe sıkıştırın; netliği yitirmemek için kaliteyi %85–90 aralığında tutun.
- Baskı için SVG'yi doğrudan gönderin ya da vektörel PDF'e çevirin.
Logoyu her kullanıma göre boyutlandırın
Logonun ölçülerini piksel piksel ayarlayın; oranı bozmadan.
Logoyu ücretsiz boyutlandırLogoyu farklı ölçülerde kullanırken yapılan yaygın hatalar
Bütün bağlamlarda aynı dosyayı kullanmak
E-posta imzasındaki 2000px'lik bir logo yavaş yüklenir ve devasa görünür. A4 baskıdaki 100px'lik bir logo ise pikselli çıkar. Her bağlamın kendi ideal ölçüleri vardır; bu rehberi referans alın ve kullanmadan önce boyutlandırın.
Koyu zemin için sürüm hazırlamamak
Pek çok logo başlangıçta açık zemin üzerine koyu renklerle tasarlanır. Instagram hikayelerinde ve LinkedIn kapaklarında sık görülen siyah ya da renkli zeminli gönderilerde logo düpedüz kaybolur. Ana ögeleri beyaz ya da açık renkli olan bir sürümü her zaman hazırlayıp saklayın.
Sosyal medya için gereğinden büyük PNG kaydetmek
Instagram profil fotoğrafı için 2000×2000px'lik bir PNG gösterim kalitesini artırmaz; Instagram gereken ölçünün üstündeki her şeyi sıkıştırır. Platformun ikinci kez sıkıştırmasını önlemek için ideal ölçülerde (320×320px), %90 kaliteyle sıkıştırılmış olarak yükleyin.
Şeffaf arka planlı logolarda JPG kullanmak
JPG şeffaflığı desteklemez; şeffaf bir PNG logoyu JPG olarak kaydettiğinizde şeffaf zemin beyaza dönüşür. Logonun şeffaf arka plana ihtiyacı varsa (farklı zemin renkleri üzerinde kullanılacaksa) her zaman PNG ya da WebP kullanın.
SVG yerine küçük bir PNG'yi büyütmek
Logonun SVG hâli varsa boyutlandırmada her zaman SVG'yi temel alın; küçük bir PNG'yi asla büyütmeyin. PNG büyütmek, özgün vektör dosyası olmadan düzeltilemeyen bir piksellenme yaratır.
Henüz logonuz yok mu? Hemen oluşturun
Henüz bir logonuz yoksa ya da profesyonel bir sürüm istiyorsanız, ImageTools bunun için iki araç sunuyor: ikonu, renkleri ve tipografiyi tam denetimle seçtiğiniz Logo Oluştur ile markanızı anlattığınızda yapay zekânın indirmeye hazır vektörel seçenekler ürettiği Yapay Zeka ile Logo. İkisi de SVG ve PNG olarak dışa aktarıyor; yani bu rehberde anlatılan bütün kullanımlar için gereken formatlar.
Markanızın logosunu hemen oluşturun
Sonuç SVG ve şeffaf arka planlı PNG olarak gelir; site, sosyal medya ve baskı için hazır.
Sıkça sorulan sorular
prefers-color-scheme medya sorgusunu ya da HTML'deki <picture> etiketini media özniteliğiyle birlikte kullanmaktır.