Pembuat Favicon
Ubah logo atau gambar menjadi paket favicon lengkap: favicon.ico untuk browser lama, ikon PNG dari 16 hingga 512 piksel, apple-touch-icon, manifes web app
Letakkan file gambar Anda di sini
atau klik untuk memilih file
Ubah logo atau gambar persegi apa pun menjadi set ikon lengkap yang dibutuhkan situs web modern: favicon.ico untuk browser lama, ikon PNG dari 16 hingga 512 piksel, apple-touch-icon untuk layar utama iOS, manifes web app, dan cuplikan HTML yang merujuk semuanya.
Anda mendapatkan file dan markupnya dalam satu langkah, jadi Anda tidak perlu mengingat ukuran mana yang harus diekspor atau tag link mana yang harus ditulis. Gambar sumbernya diproses secara lokal, yang penting jika logonya belum dipublikasikan.
Cara membuat paket favicon
Pilih logo atau gambar persegi
Buat set ikonnya
Unduh file-nya dan salin cuplikan HTML-nya
FAQ
Ukuran apa saja yang dihasilkan?
16x16 dan 32x32 untuk tab browser, 96x96 untuk pintasan, 180x180 sebagai apple-touch-icon, 192x192 dan 512x512 untuk pemasangan di Android dan PWA, plus favicon.ico multi-ukuran untuk browser lama.
Gambar apa yang sebaiknya jadi sumbernya?
PNG atau SVG persegi yang dirender pada 512x512 atau lebih besar dengan latar transparan. Logo yang lebar akan diberi bingkai (letterbox), sedangkan sumber yang kecil atau buram menghasilkan favicon yang lembut pada 512 piksel.
Apakah semua file ini perlu?
Untuk situs modern, file .ico plus PNG 192 dan 512 serta manifesnya sudah mencakup hampir semuanya. Unggah seluruh setnya jika Anda ingin kompatibilitas maksimal - ukurannya hanya beberapa kilobyte.
Ke mana file-nya harus diletakkan?
Unggah ke root situs web Anda agar /favicon.ico dan /icon-192.png dapat diakses, lalu tempelkan cuplikan HTML-nya ke dalam <head> setiap halaman, atau tautkan manifesnya dan biarkan manifes itu mengurus sisanya.
Apakah berfungsi untuk web app / PWA?
Ya - manifes dan ikon 192/512 memang persis yang dibutuhkan web app yang dapat dipasang. Perhatikan juga ikon maskable jika logo Anda harus tetap terbaca pada bentuk adaptif Android.
Apakah gambar saya diunggah?
Tidak, semua ikon dihasilkan di browser Anda.
Sekilas
| Masukan | gambar |
|---|---|
| Beberapa file | Tidak |
| Dijalankan di | Di browser Anda - file tidak pernah diunggah |
| Bekerja offline | Ya — setelah halaman dimuat |
| Harga | Gratis, tanpa pendaftaran, tanpa tanda air |
Memilih antara JPG, PNG, WebP, dan AVIF
Format-format ini menyelesaikan persoalan yang berbeda, dan salah memilih berarti Anda kehilangan kualitas atau ukuran file. JPG adalah pilihan paling aman untuk foto dan untuk apa pun yang perlu Anda kirim ke orang lain, karena setiap perangkat dan program bisa membukanya - tetapi JPG bersifat lossy dan tidak mendukung transparansi. PNG bersifat lossless dan mendukung transparansi, sehingga cocok untuk logo, tangkapan layar, diagram, dan apa pun yang memiliki tepi tajam atau teks, dengan konsekuensi ukuran file yang jauh lebih besar. WebP umumnya mengalahkan JPG sebesar 25-35% pada kualitas visual yang sama dan mendukung transparansi, tetapi beberapa program lama masih belum bisa membukanya. AVIF memampatkan lebih jauh lagi, terutama pada pengaturan kualitas rendah, tetapi pengodeannya lebih lambat dan dukungannya paling baru di antara keempatnya. Aturan praktis: JPG untuk dikirim, PNG untuk disunting, WebP untuk situs web Anda sendiri, AVIF bila setiap kilobyte berarti dan Anda sudah memastikan audiens Anda bisa membukanya.
Membuat file berada di bawah batas ukuran
Formulir unggah sering menuntut sesuatu seperti "di bawah 2 MB" atau "di bawah 500 KB", dan cara tercepat untuk mencapainya adalah bekerja dalam urutan yang benar: pangkas bagian yang tidak Anda butuhkan, lalu turunkan dimensi pikselnya ke kisaran yang diperlukan pemakaian akhir (lebar 1920 px sudah cukup untuk gambar web satu layar penuh, 1000 px untuk postingan blog), dan baru setelah itu turunkan kualitasnya. Mengonversi ke WebP atau AVIF bisa menjadi penghematan tunggal terbesar bila formulir unggahnya menerima format itu. Menghapus metadata tidak merugikan dari sisi ukuran dan bisa penting untuk privasi, karena foto sering membawa koordinat GPS, model kamera yang persis, dan tanggal. Jika formulirnya tetap menolak file tersebut, periksa apakah formulir itu menetapkan batas dimensi piksel, bukan hanya batas ukuran - hal itu lebih sering menjebak orang daripada urusan megabyte yang sebenarnya.