cv.cm
Semua pelajaran

Foto

Cara buat favicon

Favicon harus kebaca di 16 piksel. Buat tanda jadi persegi, pilih Cover atau Contain, unduh ICO untuk tab klasik plus zip PNG untuk ikon sentuh.

7 mnt

Hasil hari ini favicon.ico (16/32/48) dan zip PNG (termasuk 180/192/512) yang masih kebaca seukuran tab.

Tanda di disk, baru buka favicon. Cover mengisi persegi, bisa memotong. Contain ada bar. Latar putih default. Tidak diunggah.

Buka Pembuat favicon
Dalam duduk ini

  1. Pilih tanda yang masih kebaca kecil

    Foto ramai mati di 16 piksel. Huruf, bentuk sederhana, atau logo kontras tinggi. Frame lebar: crop subjek dulu.

    Cover mengisi, bisa memotong. Contain menjaga seluruh tanda, ada bar.
    Cover mengisi, bisa memotong. Contain menjaga seluruh tanda, ada bar.

  2. Buka favicon di cv.cm

    Proses di tab ini.

    Buka Pembuat favicon

  3. Letakkan gambar

    Pratinjau kosong: ubah HEIC ke JPG dulu.

  4. Pilih Cover atau Contain, dan latar putih

    Cover mengisi persegi, bisa memotong. Contain menjaga seluruh tanda, ada bar. Tab klasik: biarkan latar putih. Butuh PNG tembus: matikan.

  5. Unduh ICO dan zip PNG

    ICO berisi 16, 32, 48 untuk tab klasik. Zip juga 180, 192, 512 untuk Apple touch dan PWA. Simpan tanda asli.

    ICO 16/32/48. Zip PNG menambah 180/192/512. Cek file 16px.
    ICO 16/32/48. Zip PNG menambah 180/192/512. Cek file 16px.

  6. Buka PNG 16 piksel

    Pratinjau 256 berbohong. File 16px buram: sederhanakan tanda atau ganti Contain. Taruh favicon.ico di root situs dan tautkan PNG di HTML.

Pakai dengan alat ini

Tanya jawab

Bisa buat favicon gratis online?

Ya. Menggambar di tab ini. Tidak diunggah.

Ukuran apa di ICO?

PNG 16, 32, dan 48 piksel dalam satu favicon.ico.

Perlu ikon Apple touch juga?

Zip PNG berisi 180, 192, 512. Tautkan di HTML untuk ikon layar utama.

Apakah diunggah?

Tidak. Tutup tab, hilang.

Bisa jaga latar tembus?

Ya. Matikan latar putih. Contain lalu membuat bar di atas transparansi.