Logo dosya formatları ve boyutları: eksiksiz kontrol listesi
Onlarca logo dosyasına ihtiyacınız yok — bir vektör ana dosyaya ve ondan alınan kısa bir dışa aktarma setine ihtiyacınız var. SVG'yi kaynak olarak saklayın, raster yerleşimler için PNG'ler ve tarayıcılar için bir favicon seti dışa aktarın, matbaacılara vektör bir PDF verin. Bu kontrol listesi her formatı ve boyutu nerede kullanıldığıyla eşleştirir.
Bu sayfada
Tek bir ana dosyayla başlayın, gerisini dışa aktarın
Logo dosyalarının altın kuralı: tek bir vektör ana dosya — bir SVG — saklayın ve diğer her dosyayı ondan üretin. Vektörler kalite kaybetmeden ölçeklendiği için, daha sonra herhangi bir boyut veya format üretebilirsiniz. Bunun yerine bir raster dosyadan dışa aktarmak, logoların bulanık çıkmasının nedenidir. Tüm gerekçe için bkz. logolar için SVG mi PNG mi.
İhtiyacınız olan formatlar
- SVG — ana dosyanız ve web için format. Ölçeklenebilir ve minik.
- PNG — sabit boyutlu raster yerleşimler için: sosyal avatarlar, bazı e-posta ve belge araçları. Şeffaflığı destekler.
- Favicon seti — tarayıcı sekmeleri için bir SVG favicon artı küçük PNG'ler ve bir ICO yedeği. Bkz. favicon nasıl yapılır.
- PDF — matbaacılara verilecek vektör bir dosya; neredeyse evrensel olarak kabul edilir.
- EPS — bazı matbaacıların hâlâ istediği eski bir vektör format.
- JPG'den kaçının — şeffaflığı yoktur ve keskin kenarları bulanıklaştıran kayıplı sıkıştırması vardır.
Hedefe göre ihtiyacınız olan boyutlar
| Nerede göründüğü | Format | Boyut / not |
|---|---|---|
| Web sitesi | SVG | ölçeklenebilir; ekranda varsayılan |
| Tarayıcı sekmesi | SVG + ICO + PNG | favicon seti (32) + touch icon (180) |
| Sosyal profil | PNG | kare, platformun boyutunda |
| Uygulama simgesi / PWA | PNG | 192 ve 512 |
| E-posta / belgeler | PNG | orta boy sabit bir boyut |
| Baskı | PDF (veya EPS) | vektör; her boyutta temiz |
Varyantları unutmayın
Eksiksiz bir set sadece formatlardan ve boyutlardan ibaret değildir — aynı zamanda sürümlerdir de: tam renkli bir logo, tek renkli bir sürüm ve farklı arka planlar için açık ile koyu varyantlar. Bunlar aynı ana dosyadan gelir ve dosya türü kadar önemlidir. Bunlar görsel kimliğinizin bir parçasıdır.
Onları açıkça düzenleyin ve adlandırın
Ana dosyayı dışa aktarımlardan ayrı tutun ve dosyaları herkesin doğru olanı bulabileceği şekilde
adlandırın — örneğin logo-primary.svg, logo-white.png, favicon.svg, apple-touch-icon.png ve
logo-print.pdf. Aylar sonra bir logoyu gerçekten kullanılabilir yapan şey düzenli bir klasördür.
Logonuzu LogoSaga ile oluşturursanız, dışa aktarma SVG'yi, PNG'yi ve bir favicon.svg'yi birlikte
paketler; böylece tüm set doğru dosyayı aramaya gerek kalmadan zaten eşleşir.
Sık sorulan sorular
Logom için hangi dosya formatlarına ihtiyacım var?
En azından: bir SVG ana dosya, raster yerleşimler için PNG'ler (sosyal avatarlar gibi), tarayıcılar için bir favicon seti ve baskı için vektör bir PDF. Şeffaflığı olmayan ve kenarları yumuşatan JPG'den kaçının.
Logom hangi boyutta olmalı?
Tek bir boyut yoktur — yerleşime bağlıdır. Web'de ölçeklenebilir SVG'yi kullanın, her hedefin önerdiği boyutta PNG'ler dışa aktarın ve favicon boyutlarını (32 ve 180) ile PWA boyutlarını (192 ve 512) sağlayın.
Bir matbaacı hangi logo dosyasına ihtiyaç duyar?
Vektör bir dosya — genellikle bir PDF (isterlerse EPS) — böylece herhangi bir boyuta temiz biçimde ölçeklendirebilirler. Bunu SVG ana dosyanızdan dışa aktarın.
Logo dosyalarını nasıl düzenlemeli ve adlandırmalıyım?
SVG ana dosyayı ayrı tutun ve dışa aktarımları format ve kullanıma göre net biçimde adlandırın — örneğin logo-primary.svg, logo-white.png, favicon.svg, apple-touch-icon.png, logo-print.pdf.
Kaynaklar
- Scalable Vector Graphics (SVG) 2 — W3C
- Image file type and format guide — MDN Web Docs