Favicon & ikon aplikasi
Ubah satu gambar persegi menjadi semua ikon yang dibutuhkan situs web, beserta markup-nya.
- Tambahkan
- Sesuaikan
- Buat
- Simpan
Cara menggunakan tool ini
- Tambahkan file Anda dengan menyeretnya ke halaman atau memilihnya. File tetap berada di perangkat Anda.
- Tambahkan satu gambar sumber yang kurang lebih berbentuk persegi. Letakkan subjek dekat bagian tengah karena ukuran terkecil akan terpotong secara visual.
- Pilih warna latar untuk ikon yang opak, lalu tentukan apakah kartu sosial 1200×630 akan disertakan.
- Tekan “Buat set ikon”, lalu unduh hasilnya satu per satu atau sebagai satu file ZIP.
Tentang alat ini
Ubah satu gambar persegi menjadi semua ikon yang dibutuhkan situs web, beserta markup-nya. Gratis dan tanpa batas, serta tidak ada yang diunggah: semuanya diproses di browser Anda. File tidak pernah diunggah ke server. Hasilnya diunduh langsung dari perangkat Anda, gratis, tanpa akun, dan tanpa watermark.
Privasi & batasan
Satu kali proses menghasilkan set tetap — favicon.ico (16, 32, 48, dan 256 px), apple-touch-icon.png (180 px), icon-512.png, serta og-image.png (1200×630) jika dipilih; ukurannya tidak dapat diubah, dan proses ini tidak menambahkan entri ke manifest.json — salin nama file ke manifest Anda sendiri. Kartu sosial dipotong dari bagian tengah gambar Anda menjadi 1200×630, sehingga bagian atas dan bawah gambar yang tinggi atau persegi akan terpotong; gambar sumber berukuran kecil akan diperbesar dan tampak buram.
Terakhir diperbarui:
Pertanyaan yang sering diajukan
Berapa ukuran gambar sumber yang sebaiknya digunakan?
Gunakan gambar persegi berukuran setidaknya 512 × 512 piksel, dengan karya gambar tidak terlalu dekat ke tepi. Semua ukuran ikon dibuat dengan mengecilkan gambar ini. Jika gambar sumber lebih kecil, ikon pada ukuran yang lebih besar akan terlihat buram.
Mengapa saya memerlukan begitu banyak ukuran ikon?
Setiap tempat menggunakan ukuran sendiri: 16 piksel untuk tab browser, 180 piksel untuk layar utama iPhone, dan 512 piksel untuk layar pembuka Android. Menyediakan tiap ukuran membantu sistem menampilkan ikon tanpa harus mengubah ukuran ikon yang tidak sesuai.
Apakah saya tetap memerlukan favicon.ico?
Sebaiknya file ini tetap disediakan. Beberapa browser lama dan crawler meminta /favicon.ico secara langsung dan mengabaikan tag tautan, jadi file ICO dengan beberapa ukuran dapat memenuhi permintaan tersebut.
Untuk apa kartu Open Graph?
Kartu ini adalah gambar yang ditampilkan saat tautan Anda dibagikan di media sosial atau dalam chat. Tanpanya, tautan hanya tampil sebagai bidang persegi panjang berwarna biru tanpa gambar.