Kategori: Alat gambar
Pembuat Favicon
Ubah satu gambar menjadi satu set ikon lengkap
Buka sebuah logo dan dapatkan ikon PNG berukuran 16, 32, 48, 64, 128, 180, 192, dan 512 piksel, plus tag link untuk ditempel di head. Setiap ukuran digambar di peramban dan gambar tidak pernah diunggah.
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
Simpan berkasnya di root situs agar URL di atas dapat diakses, dan pertahankan namanya: favicon yang berpindah harus dirayapi ulang.
Semua yang ada di halaman ini diproses di peramban Anda. Tidak ada yang diunggah.
Apa fungsi alat ini
Favicon bukan lagi satu berkas. Tab peramban menginginkan 16, 32, dan 48 piksel, layar rapat piksel meminta versi 64 dan 128, iOS membaca apple-touch-icon 180 piksel, dan manifes aplikasi web Android meminta 192 dan 512. Alat ini menghasilkan semuanya dari satu gambar sumber dengan satu canvas per ukuran, memuat gambar ke dalam persegi alih-alih meregangkannya, dan mengembalikan markah yang merujuknya pada URL yang stabil. Semuanya PNG, karena setiap peramban yang dipakai sekarang membaca favicon PNG dan format ICO lama tidak memberi keuntungan sebagai gantinya.
Cara memakainya
- Pilih logo atau gambar persegi, idealnya 512 x 512 atau lebih besar.
- Bila perlu tambahkan jarak, atau isi latar bila ikon harus buram.
- Unduh setiap ukuran, simpan di root situs Anda, lalu tempel HTML-nya ke head.
Privasi
Alat ini berjalan sepenuhnya di peramban Anda. Masukan Anda tidak pernah diunggah, disimpan, atau dibagikan — menutup tab akan menghapusnya.
Pertanyaan yang sering diajukan
- Apakah logo saya diunggah?
- Tidak. Setiap ikon digambar di canvas pada halaman ini dan ditawarkan sebagai unduhan lokal. Gambar tidak meninggalkan perangkat Anda.
- Berapa ukuran gambar sumber yang sebaiknya dipakai?
- Minimal 512 x 512, persegi, dengan sedikit ruang di sekitar logonya. Yang lebih kecil harus diperbesar untuk ukuran besar dan akan tampak buram.
- Apakah saya masih perlu berkas favicon.ico?
- Tidak untuk peramban masa kini, yang semuanya membaca ikon PNG yang dideklarasikan lewat tag link. Beberapa perangkat lunak sangat lama masih mencari /favicon.ico, jadi menyimpannya tidak merugikan bila Anda sudah punya.