Alat gambar / 21

Favicon Converter

Ubah satu gambar menjadi paket favicon lengkap — semua ukuran PNG, favicon.ico multi-resolusi, dan site.webmanifest — dalam satu file zip.

Favicon Converter: TOEA merender gambar Anda pada 16, 32, 180, 192, dan 512 piksel, mengemas dua ukuran kecil ke dalam favicon.ico multi-resolusi, menulis site.webmanifest yang sesuai, lalu men-zip semua tujuh file tersebut. Berjalan 100% lokal di browser Anda tanpa upload file ke server.

Kategori
Tools gambar
Dijalankan
Di browser Anda
Biaya
Gratis · tanpa daftar
Ketersediaan
Siap digunakan
Press paket faviconPemrosesan lokal

Berjalan sepenuhnya di browser Anda

↥
Pilih gambar sumber berbentuk persegi

PNG, JPG, WebP, atau SVG · 1024 × 1024 atau lebih besar paling baik

Simpan file ICO di root

Browser meminta /favicon.ico dari root situs meskipun tidak ada halaman yang menautkannya. Beberapa feed reader, tool bookmark, dan crawler juga tidak mencari di tempat lain, jadi simpan file ICO di root, bukan di folder images. Jika head halaman menautkan ikon, browser akan menggunakan tautan tersebut terlebih dahulu. Dengan begitu, file PNG dapat melayani browser modern, sementara ICO mencakup browser lainnya. Lihat dokumentasi ikon MDN.

Menyesuaikan manifest

site.webmanifest yang dibuat menggunakan nama situs untuk name dan short_name. Nama singkat adalah label di bawah ikon home screen; sekitar 12 karakter dapat ditampilkan sebelum terpotong, jadi pendekkan jika namanya panjang. Ikon dicantumkan tanpa "purpose": "maskable", sehingga Android mungkin menampilkannya dalam ukuran kecil di dalam lingkaran putih. Untuk memenuhi bentuk launcher, tambahkan ikon maskable terpisah dengan konten penting berada di dalam lingkaran tengah, 80% dari lebarnya.

Cara menggunakannya

  1. Pilih gambar persegi, idealnya 512 × 512 atau lebih besar.
  2. Atur nama situs dan warna tema yang dipakai oleh manifest.
  3. Buat paketnya dan download file zip.

Privasi & batasan

Gambar tidak pernah keluar dari browser Anda: semua ukuran, kontainer ICO, dan zip dirakit di perangkat Anda. Gambar sumber yang transparan tetap transparan.

Alat terkait

Generator FaviconApp Icon GeneratorSudut Bulat

Pertanyaan umum

Apa saja isi zip-nya?

favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png, dan site.webmanifest — set yang sama seperti yang lazim dihasilkan generator favicon.

Apakah favicon.ico memuat lebih dari satu ukuran?

Ya. Di dalamnya ada gambar 16 × 16 dan 32 × 32, disimpan sebagai entri PNG agar kanal alfa tetap terjaga.

Filenya harus ditempatkan di mana?

Ekstrak ke root situs Anda, lalu tautkan favicon-32x32.png, favicon-16x16.png, dan apple-touch-icon.png dari head HTML Anda, dan arahkan link manifest ke site.webmanifest.

Mengapa ikon saya masih terlihat salah setelah diupload?

Browser meng-cache favicon secara agresif dan terpisah dari file biasa. Buka URL PNG-nya langsung, atau cek di jendela privat, untuk memastikan file baru benar-benar disajikan.

Alat gratis · berjalan di browser anda · tanpa perlu akun