Set favicon yang benar lebih dari satu file: browser menginginkan .ico multi-ukuran, iOS menginginkan apple-touch-icon 180px, Android menginginkan PNG 192 dan 512px plus web manifest. Alat ini merender semuanya dari satu gambar dan mengemasnya menjadi satu ZIP, bersama tag HTML persis untuk ditempel ke <head> Anda.
Pratinjau menampilkan ikon Anda pada 16, 32, dan 48px yang sebenarnya sehingga Anda bisa memastikannya tetap dikenali pada ukuran kecil sebelum Anda menerapkannya.
Cara pakai
- Tambahkan logo AndaGambar persegi paling cocok; yang lain dipangkas ke tengah.
- Periksa ukuran kecilnyaPratinjau 16px adalah yang sebenarnya akan dilihat sebagian besar pengguna di tab.
- Unduh ZIPfavicon.ico, enam PNG, site.webmanifest, dan html-snippet.txt siap tempel.
Satu gambar masuk, satu set favicon lengkap keluar
Masukkan satu logo atau ikon dan generator ini membangun set lengkap yang dibutuhkan situs modern: favicon.ico multi-ukuran yang menggabungkan versi 16, 32, dan 48 piksel, PNG mandiri pada 16, 32, 48, 180 untuk ikon sentuh Apple, serta 192 dan 512 untuk instalasi Android dan PWA, ditambah site.webmanifest. Semuanya turun sebagai satu ZIP jadi Anda bisa langsung memasukkannya ke akar proyek.
Anda juga mendapat cuplikan HTML head siap tempel dengan tag link dan meta yang benar sudah terhubung. Salin ke templat Anda, unggah filenya, dan favicon muncul di tab browser, markah, serta pintasan layar utama tanpa Anda menulis markah dengan tangan.
Ikon tajam pada setiap ukuran
Favicon itu sangat kecil, jadi generator merender pratinjau berukuran sebenarnya pada 16, 32, dan 48 piksel, persis seperti tampilannya di tab browser. Itu memungkinkan Anda menangkap logo yang menjadi kabur pada 16px sebelum Anda mengirimkannya. Jika gambar sumber Anda tidak persegi, alat ini memangkasnya dari tengah agar ikon tetap seimbang alih-alih gepeng.
Seluruh proses berjalan di browser dari gambar asli Anda, artinya Anda bisa menghasilkan PNG favicon dan ICO dari logo beresolusi tinggi tanpa unggahan atau akun apa pun.
Untuk apa orang memakainya
Meluncurkan situs baru — Hasilkan favicon.ico dan setiap ukuran PNG dalam satu proses agar tab dan markah tampak jadi sejak hari pertama.
Menambahkan ikon instalasi PWA — Ekspor PNG 192 dan 512 ditambah site.webmanifest agar aplikasi Anda terpasang dengan ikon layar utama yang benar.
Ikon sentuh Apple — Hasilkan apple-touch-icon 180x180 agar markah dan layar utama iOS menampilkan ubin yang tajam.
Mengubah merek situs yang ada — Tukar satu logo baru lewat generator dan ganti seluruh set ikon sekaligus.
Serah terima ke klien — Serahkan satu ZIP berisi ico, PNG, manifest, dan cuplikan head agar pengembang tinggal memasukkannya.
Memeriksa keterbacaan pada ukuran kecil — Gunakan pratinjau ukuran sebenarnya 16px untuk memastikan logo yang detail masih terbaca sebagai ikon.
Logo tak persegi — Masukkan wordmark lebar dan biarkan pangkasan tengah mengubahnya menjadi favicon persegi yang seimbang.
Proyek situs statis atau kerangka kerja — Salin tag head hasil ke templat Next, Astro, atau HTML biasa Anda dan kirim.
Hasilkan satu set favicon lengkap dari satu gambar — di browser, dalam satu jalan
Favicon terdengar seperti renungan sekali 16×16 piksel, dan selama bertahun-tahun memang begitu. Browser dan platform modern diam-diam mengubahnya menjadi produksi kecil. Untuk melakukannya dengan benar hari ini Anda butuh sebuah favicon.ico, sederet PNG dari 16px hingga 512px, ikon sentuh Apple untuk layar utama iOS, sebuah site.webmanifest agar situs bisa dipasang sebagai aplikasi, dan blok tag <link> dan <meta> yang benar di dalam <head> HTML Anda. Lewatkan satu ukuran dan ikon tab Anda tampak buram di layar retina; lewatkan manifes dan ikon "tambah ke layar utama" jatuh ke tangkapan layar; salah blok tag dan sebagian platform mengabaikan seluruhnya.
Itu banyak output yang ribet untuk tugas yang Anda lakukan sekali per proyek lalu melupakan detailnya. IMG.DIY mengambil satu gambar sumber dan memproduksi set lengkap — .ico, setiap ukuran PNG, manifes web, dan cuplikan HTML salin-tempel — mengubah ukuran sepenuhnya di browser Anda dengan Canvas. Logo Anda dibaca secara lokal dan dirender ke setiap ukuran target di perangkat; tidak ada yang diunggah. Untuk merek atau logo produk yang belum dirilis yang lebih baik tidak Anda posting ke server pihak ketiga sebelum peluncuran, jaminan lokal itu layak dimiliki, dan gratis.
Karena seluruh pipeline berjalan di sisi klien, ia juga bekerja offline begitu PWA tersimpan di cache, jadi Anda bisa membuat ulang ikon di mesin kerja yang terkunci atau tanpa koneksi. Gratis, tanpa akun, tanpa watermark yang dipanggang ke ikon Anda.
Apa yang membuatnya berbeda
- Set utuh, bukan hanya .ico. ICO, PNG dari 16 hingga 512, ikon sentuh Apple, dan
site.webmanifestdalam satu unduhan. - HTML salin-tempel disertakan. Blok
<link>/<meta>yang persis untuk dijatuhkan ke<head>Anda, sehingga ikon benar-benar terdaftar di lintas browser. - Tidak ada yang diunggah. Logo Anda diubah ukuran secara lokal — berguna ketika tandanya rahasia atau pra-peluncuran.
- Satu jalan, tanpa wizard. Suapkan satu gambar, dapatkan segalanya; tanpa alur multi-langkah yang menanyakan pilihan platform yang lalu harus Anda teliti.
- Offline dan bersih. PWA tersimpan di cache, tanpa daftar, tanpa watermark pada ikon apa pun yang dihasilkan.
IMG.DIY vs pembuat favicon lain
| Aspek | favicon.io | realfavicongenerator.net | Manual (aplikasi desain + kode) | IMG.DIY |
|---|---|---|---|---|
| File diunggah | Ya, ke server mereka | Ya, ke server mereka | Tidak, lokal | Tidak, tetap di browser |
| Set lengkap (.ico + PNG + manifes) | Ya | Ya, sangat menyeluruh | Anda yang merakit | Ya |
| Cuplikan HTML disediakan | Ya | Ya, terperinci | Anda yang menulis | Ya |
| Langkah ke hasil | Sedikit | Lebih banyak (banyak opsi) | Banyak | Satu jalan |
| Bekerja offline | Tidak | Tidak | Ya | Ya, setelah kunjungan pertama |
| Harga | Gratis | Tingkat gratis; opsi berbayar | Biaya aplikasi + waktu Anda | Gratis |
| Perlu akun | Tidak | Tidak | Tidak | Tidak |
Gamblang soal para pesaing: realfavicongenerator sangat baik dan benar-benar lebih menyeluruh — ia mempratinjau ikon Anda di platform nyata, menangani kasus tepi seperti mask tab pin Safari dan tema, serta membiarkan Anda menyetel tampilan per-platform. Jika Anda ingin tingkat kontrol itu dan tidak keberatan mengunggah gambar Anda, ia pilihan yang bagus. favicon.io cepat dan sederhana serta juga memproduksi set yang solid. Perbedaan IMG.DIY adalah kombinasi output lengkap dengan tanpa unggahan dan satu jalan: Anda mendapat hasil praktis yang sama — ico, PNG, manifes, dan HTML untuk menyambungnya — tanpa logo Anda meninggalkan browser dan tanpa melangkahi wizard konfigurasi. Untuk "saya punya logo, beri saya segala yang perlu ditempel, dan jangan kirim file saya ke mana pun," itulah kecocokannya.
Kenapa IMG.DIY
Set lengkap
ICO + PNG 16/32/48/180/192/512 + manifest.
HTML siap salin-tempel
Tag link persisnya disertakan sebagai file teks.
Pratinjau ukuran asli
Lihat ikon pada 16/32/48px yang sebenarnya dulu.
Privat
Logo Anda tidak pernah meninggalkan browser.