Panduan favicon
Jawaban langsung untuk pertanyaan saat membuat favicon: ukuran, format, dan kode yang perlu ditempel.
Ukuran favicon: format dan kegunaannya
Pencarian “ukuran favicon” masih menampilkan daftar lima belas berkas warisan 2014. Dalam praktiknya, enam dimensi kini mencakup tab peramban, hasil penelusuran, iOS, Android, dan PWA. Berikut ukuran dan alasannya.
Baca panduanUbah PNG ke ICO secara gratis
Format .ico masih diharapkan tersedia di direktori akar situs, dan sebagian besar konverter daring meminta Anda mengunggah gambar ke server mereka. Berikut cara mendapatkan favicon.ico multiukuran yang benar dari PNG tanpa mengunggah apa pun.
Baca panduanapple-touch-icon: ukuran, format, dan kode
Ikon Apple Touch secara eksplisit menyediakan gambar saat pengunjung menambahkan situs Anda ke layar utama iPhone. Ikon ini terpisah dari favicon tab peramban dan ikon dalam manifes aplikasi web.
Baca panduanFavicon mode gelap dengan SVG
Logo hitam di atas latar transparan tampak sempurna pada tab terang dan menghilang pada tab gelap. Format ICO tidak bisa beradaptasi, tetapi favicon SVG bisa: membawa aturan CSS yang mengganti warna sesuai tema peramban.
Baca panduanMenambahkan favicon di HTML
Favicon HTML yang andal tidak bergantung pada satu tag ajaib. Favicon menggunakan sekumpulan kecil berkas yang dapat diakses dan tautan di head. Prosedur ini mencakup tab modern, klien lama, dan pintasan seluler tanpa menambah banyak varian terdahulu.
Baca panduanFavicon tidak muncul atau tidak diperbarui
Saat favicon hilang, berkasnya tidak selalu menjadi penyebab. Peramban, CDN, service worker, dan mesin pencari masing-masing dapat menyimpan versi berbeda. Diagnosis berurutan menghindari perubahan beberapa variabel sekaligus.
Baca panduanFavicon di Next.js App Router
App Router dapat menghasilkan elemen ikon dari berkas sesuai konvensi atau objek metadata. Keduanya valid, tetapi mencampurkannya tanpa aturan jelas dapat dengan mudah menghasilkan deklarasi yang saling bersaing.
Baca panduanPanduan favicon SVG
SVG menjaga ketajaman tepi pada setiap kepadatan piksel dan dapat menyesuaikan warna dengan tema. Fleksibilitas itu memiliki satu syarat: berkas harus tetap mandiri, sederhana, dan mudah terbaca dalam ruang sangat kecil.
Baca panduan