Panduan

Pembuat Favicon HTML

Favicon hanya setengah dari pekerjaan — tag tautan HTML menentukan file mana yang dipilih setiap browser. Hasilkan set lengkap dan benar dalam satu klik.

Check favicons on any website

Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.

Install Chrome Extension

Penyiapan favicon lengkap mencakup tag untuk ikon manifes favicon.ico, varian SVG, apple-touch-icon, dan PWA. Hilangnya salah satu dari mereka menghasilkan ikon fallback pada setidaknya satu platform.

Buat tag di sini, tempelkan ke <head> Anda, dan selesai.

Cara kerjanya

  1. 1

    Hasilkan favicon Anda

    Gunakan generator favicon untuk menghasilkan .ico + PNG + SVG.

  2. 2

    Salin tagnya

    Rekatkan blok <link> yang dihasilkan ke <head> Anda.

  3. 3

    Memeriksa

    Buka situs Anda dalam format Chrome, Safari, Firefox, dan Edge — semuanya akan menampilkan ikon tersebut.

Coba sekarang

Dapatkan tag HTML

Pembuat Favicon

FAQ

Tag mana yang paling penting?+

<link rel="icon" href="/favicon.ico"> — ini adalah penggantian universal.

Apakah saya memerlukan manifes.json?+

Hanya jika Anda menginginkan pengalaman pemasangan PWA yang tepat. Jika tidak, opsional.

Kemana perginya apple-touch-icon?+

<link rel="apple-touch-icon" size="180x180" href="/apple-touch-icon.png">.

Alat terkait

Panduan lainnya

Panduan