Favicon Oluştur
Kare bir görsel bırak, ikon setini zip olarak indir. Üretim tarayıcında olur; dosyan bilgisayarından çıkmaz.
Dosyaları buraya bırak
ya da bilgisayarından seç
JPG, JPEG, PNG, WEBP, GIF, BMP, AVIF, HEIC, HEIF, TIF, TIFF, SVG
Dosyaların bilgisayarından çıkmazNasıl yapılır
- Bir görsel seç; 512 piksel ve üstü en iyi sonucu verir.
- Kare değilse kırpma ya da boşluk bırakma davranışını seç, site adını yaz.
- Favicon Üret'e bas ve zip dosyasını indir.
Neden bu araç
- Dosya bilgisayarından çıkmaz; yükleme beklemezsin.
- favicon.ico içinde 16, 32 ve 48 piksellik kareler bulunur.
- PNG seti: 16, 32, 180 (Apple), 192 ve 512 piksel.
- site.webmanifest ve HTML kurulum notu birlikte gelir.
- Zemin saydam kalabilir ya da seçtiğin renkle dolar.
Favicon tek dosya değildir. Tarayıcı sekmesi küçük bir kare ister, Windows kısayolu ICO bekler, iPhone ana ekrana eklerken 180 piksellik PNG arar, uygulama olarak yüklenen siteler manifest içinde 192 ve 512 piksellik ikon ister. Bu yüzden tek görselden bir set üretmek gerekir.
Araç kaynağı bir kez açar ve her ölçüyü ondan çizer. favicon.ico içine 16, 32 ve 48 piksellik kareler gömülür; tek dosya üç ölçüyü birden taşır. PNG tarafında 16, 32, 180, 192 ve 512 piksel üretilir. Yanına site.webmanifest ve kurulum satırlarını içeren bir not dosyası eklenir.
Kare olmayan görsellerde iki davranış var. Ortadan kırpma ikonu dolu gösterir, kenarları keser; logo simgesi için doğrudur. Sığdırma tamamını korur, kenarda boşluk bırakır; uzun yazılı logolarda tercih edilir. Yazılı logoyu 16 piksele indirmek genelde okunmaz sonuç verir; sadece simgeyi kullanmak daha iyidir.
Apple ikonunda saydamlık kullanılmaz, çünkü iOS saydam alanı siyah gösterir. Araç o tek dosyada zemini kendisi doldurur.
Kaynağın vektörse "SVG'yi PNG'ye Çevir" ile önce büyük bir PNG üretmene gerek yok; SVG dosyasını doğrudan bırakabilirsin.
Sık sorulan sorular
Dosyam sunucuya gidiyor mu?
Hayır. Üretim tarayıcında çalışır. Dosya bilgisayarından çıkmaz.
Kaynak görsel ne kadar büyük olmalı?
En az 512x512 piksel öner. Daha küçük görselden üretilen 192 ve 512 piksellik ikonlar bulanık çıkar ve araç bunu uyarı olarak yazar.
Neden hem ICO hem PNG var?
ICO eski tarayıcılar ve Windows kısayolları için gerekli. PNG dosyaları modern tarayıcılar, Apple ana ekran ikonu ve uygulama manifesti için kullanılır.
Apple ikonunda saydamlık neden yok?
iOS saydam alanı siyah gösterir. Araç 180 piksellik Apple ikonuna her zaman zemin koyar, diğer ikonlarda seçimine uyar.
Dosyaları nereye koymalıyım?
Hepsini sitenin köküne koy. Zip içindeki not dosyasında head bölümüne eklenecek satırlar hazır yazılıdır.
SVG kaynak kullanabilir miyim?
Evet. SVG dosyası 512 piksel genişlikte taranır ve ikonlar oradan üretilir.