Favicon Oluşturucu

Tek bir resmi bir sitenin ihtiyaç duyduğu tüm favicon boyutlarına çevirin, hazır HTML ile.

16×16, 32×32, 48×48, 180×180 (Apple touch icon), 192×192 ve 512×512 PNG üretir.

Görseller tamamen tarayıcında işlenir, hiçbir yere yüklenmez.

Bu araç işinize yaradı mı?

Bu araç hakkında

Modern bir sitenin birkaç boyutta favicon'a ihtiyacı vardır — bir tarayıcı sekmesi için 16×16, yalnızca küçültülmüş bir 512×512 ise bulanık görünür; ayrı bir Apple touch icon ise biri sitenizi iOS ana ekranına eklediğinde görünen şeydir. Hepsini elle doğru yapmak, aynı resmi altı kez boyutlandırmak demektir.

Nasıl kullanılır

Kare (ya da kareye yakın) bir logo veya ikon resmi yükleyin — başka her şey önce ortadan kareye kırpılır.
Üret'e basın. Altı PNG alırsınız: tarayıcı sekmeleri için 16×16, 32×32 ve 48×48; bir 180×180 Apple touch icon; ve Android/PWA manifestoları için 192×192 / 512×512.
Hepsini indirin, ardından HTML parçasını sayfanızın <head>'ine kopyalayın.

Örnekler

Kare olmayan bir logo

1200×600 genişliğinde bir logo

Boyutlandırmadan önce ortalanmış 600×600 bir kareye kırpılır, böylece ikon yatay olarak sıkışmaz.

Sık karşılaşılan sorunlar

Logomun kenarlarına yakın önemli detaylar var ve kırpma bunları kesiyor.: Favicon'lar aşırı küçük görüntülenir, bu yüzden önce kaynak resmi sadeleştirin — önemli işareti ortalayarak kendiniz kareye kırpın veya doldurun, sonra yeniden yükleyin.