Tada File

Pembuat Favicon

Buat favicon.ico, Apple touch icon, ikon Android, dan web manifest dari satu gambar, dalam satu ZIP.

Pembuat Favicon mengubah logo atau gambar menjadi kumpulan file ikon yang dibutuhkan situs web. Alat ini memotong gambar menjadi persegi di tengah lalu membuat favicon.ico (dengan ukuran 16, 32, dan 48 piksel), ikon PNG dari 16 hingga 512 piksel, apple-touch-icon.png berukuran 180 × 180, dan file site.webmanifest, semuanya dalam satu ZIP. Halaman ini juga menampilkan tag link HTML untuk ditempel di bagian head situs Anda.

Memasang favicon Anda

Ekstrak paket ke folder root situs web Anda, lalu tambahkan tag berikut di dalam <head> halaman Anda:

<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Cara memakai Pembuat Favicon

  1. 1

    Unggah logo Anda

    Letakkan atau pilih gambar PNG, JPG, SVG, atau HEIC. Gambar persegi minimal 512 × 512 piksel memberi hasil terbaik.

  2. 2

    Pastikan posisinya di tengah

    Ikon dipotong dari bagian tengah gambar. Jika logo Anda tidak di tengah atau gambarnya tidak persegi, potong dulu ke 1:1 dengan Potong Gambar.

  3. 3

    Unduh paket favicon

    Klik Unduh paket favicon (ZIP) untuk mendapatkan semua file ikon dan manifest.

  4. 4

    Tambahkan ke situs web Anda

    Unggah file-file itu ke folder root situs Anda, lalu klik Salin kode dan tempel tag HTML-nya di bagian head halaman Anda.

Fungsinya

favicon.ico multi-ukuran
Satu file ICO berisi ikon 16 × 16, 32 × 32, dan 48 × 48 untuk tab browser dan bookmark.
Ikon PNG untuk setiap perangkat
File PNG berukuran 16, 32, 48, 64, 128, 192, dan 512 piksel, ditambah apple-touch-icon.png 180 × 180.
Web app manifest
File site.webmanifest yang merujuk ke ikon 192 dan 512 piksel untuk Android dan aplikasi web yang bisa dipasang.
Ukuran kecil tetap jelas
Ikon diperkecil dalam beberapa tahap dari gambar penuh, sehingga versi 16 dan 32 piksel tetap lebih bersih.
HTML siap tempel
Salin tag link untuk ikon dan manifest dengan satu klik.

Pertanyaan

Berapa ukuran gambar favicon yang sebaiknya?

Pakai gambar persegi minimal 512 × 512 piksel agar ikon terbesar tetap tajam. Bentuk sederhana dan warna yang kuat tetap mudah dikenali pada ukuran 16 × 16.

File apa saja yang ada di ZIP?

favicon.ico, favicon-16x16.png hingga favicon-512x512.png (16, 32, 48, 64, 128, 192, dan 512), apple-touch-icon.png berukuran 180 × 180, dan site.webmanifest.

Di mana saya meletakkan file favicon?

Unggah ke folder root situs web Anda, tempat yang sama dengan halaman beranda. Lalu tempel tag HTML yang ditampilkan di halaman ini ke bagian head setiap halaman.

Kenapa sebagian logo saya terpotong?

Alat ini mengambil persegi terbesar di tengah gambar Anda. Jika logonya lebar atau tidak di tengah, potong menjadi persegi dengan sedikit ruang di sekelilingnya sebelum membuat ikon.

Bisakah saya memakai logo SVG?

Bisa. SVG digambar sebagai gambar dan disimpan sebagai file PNG dan ICO. ZIP tidak menyertakan favicon SVG.

Apakah saya perlu mengedit file manifest?

Ya. site.webmanifest memakai nama sementara App dan warna tema gelap. Buka di editor teks dan ubah name, short_name, serta warnanya agar sesuai dengan situs Anda.