Membuat Favicon secara otomatis di tahun 2025

Favicon Generator

Setelah melihat cara menyiapkan Favicon di tahun 2025, saya mencoba membuat alat yang secara otomatis menghasilkan Favicon sesuai isi artikelnya.

Coba gunakan

Cara penggunaan

1. Unggah gambar SVG dengan rasio persegi.
2. Sertakan kode HTML yang dihasilkan dan file gambar yang diunduh ke dalam proyek.
3. Selesai.

Detail

• ✅ File SVG dioptimalkan dengan SVGO.

• ✅ File ICO menyertakan gambar 16px dan 32px.

• ✅ Gambar PNG berukuran 180px, 192px, dan 512px akan dibuat.

• ❌ File PNG tidak dikompresi dengan Squoosh.

Kesan

Saya mengerjakannya bersama GPT; UI-nya dibuat dengan baik, tetapi ada banyak masalah saat mengambil modul eksternal. Pada bagian itu, manusia tetap harus turun tangan.
GPT juga tidak bisa membuat file ICO, jadi saya harus membuka percakapan baru secara terpisah untuk menghasilkan ulang kodenya.

Sudah lama saya tidak membuat hal seperti ini, jadi rasanya sangat menyenangkan.

[honglu]

Saya sangat terbantu menggunakannya! Terima kasih.

[hi098123]

Untuk kompresi PNG, tanpa memakai Squoosh
kalau menggunakan UPNG https://github.com/photopea/UPNG.js, sepertinya bisa dikompresi dari kode yang ada sekarang tanpa terlalu sulit.
(Saat dulu saya pernah membandingkannya, kalau tidak salah dari sisi performa maupun rasio kompresi untuk PNG hasilnya mirip atau sedikit lebih unggul. Tapi saya tidak yakin persis.)
Nilai cnum bisa dipakai untuk menentukan kompresi dalam rentang 0~256, dan sekitar 128 sepertinya sudah terkompres cukup baik.

[secret3056]

Sepertinya akan lebih baik jika ditambahkan informasi bahwa pembuatan mask icon harus dilakukan secara manual dengan menghapus warnanya.

[secret3056]

Oh, ternyata mask icon sekarang sudah tidak dipakai lagi....

[xguru]

Wah, bagus ya. Dari tulisannya, ini proyek yang langsung dibuat bersama AI, haha. Sepertinya dunia memang sedang berubah seperti ini.

[huiya]

Karena pekerjaan sederhana berkurang, rasanya beban kerja juga jadi hilang. Benar-benar zaman yang luar biasa!