2025'te Favicon'ı otomatik oluşturmak

Favicon Generator

2025'te Favicon hazırlama yöntemi yazısını görüp, makale içeriğine göre otomatik olarak Favicon oluşturan bir araç yapmayı denedim.

Deneyin

Kullanım

1. Kare oranlı bir SVG görseli yükleyin.
2. Oluşturulan HTML kodunu ve indirilen görsel dosyalarını projenize ekleyin.
3. Bitti.

Ayrıntılar

• ✅ SVG dosyaları SVGO ile optimize edilir.

• ✅ ICO dosyasına 16px ve 32px görseller eklenir.

• ✅ 180px, 192px ve 512px PNG görseller oluşturulur.

• ❌ PNG dosyaları Squoosh ile sıkıştırılmaz.

Yorumlar

GPT ile birlikte çalıştım; arayüzü iyi yaptı ama dış modülleri içe aktarma kısmında çok fazla sorun çıktı. Bu kısımda insan müdahalesi gerekti.
ICO dosyasını da oluşturamadığı için ayrı bir yeni sohbet açıp kodu yeniden üretmek zorunda kaldım.

Böyle bir şey yapmayalı uzun zaman olmuştu, çok eğlenceliydi.

[honglu]

Çok faydalı oldu! Teşekkürler.

[hi098123]

PNG sıkıştırması için Squoosh kullanmadan
UPNG https://github.com/photopea/UPNG.js kullanırsanız mevcut kodda çok zorlanmadan sıkıştırma yapabilirsiniz.
(Daha önce karşılaştırdığımda PNG tarafında performans veya sıkıştırma oranı açısından benzer ya da biraz daha iyi olduğunu hatırlıyorum. Çok kesin değil.)
cnum değerini 0~256 arasında sıkıştırma için belirleyebilirsiniz; 128 civarı oldukça kullanılabilir bir sıkıştırma sağlar.

[secret3056]

Mask icon oluşturmanın, rengin kaldırılmasıyla ve manuel olarak yapılması gerektiğine dair ek bilgi verilirse iyi olabilir.

[secret3056]

Ah, demek ki mask icon artık kullanılmıyor....

[xguru]

Vay, çok güzel. Yazıyı görüp yapay zeka ile birlikte hemen bir proje yapmakmış, haha. Dünya galiba böyle değişiyor.

[huiya]

Basit angarya işler azalınca, sanki iş yükü de ortadan kalkmış gibi geliyor. Ne güzel bir çağda yaşıyoruz!