OpenTools

Penjana Favicon — favicon.ico, set ikon apl

Jana ikon dalam semua saiz untuk tab pelayar, skrin utama telefon dan hasil carian, kemudian muat turun sebagai satu ZIP.

Fail tidak dihantar ke pelayan — diproses sepenuhnya dalam pelayar peranti ini

Ketebalan
Bentuk
Maklumat Apl (site.webmanifest)
Laman saya
Tab baharu
16
32
48
180 · iPhone
192 · Android
512
HTML untuk ditampal dalam <head> 
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<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">
<meta name="theme-color" content="#3182f6">

Ini berdasarkan andaian fail dalam ZIP dimuat naik ke laluan root (/) laman web. Kod yang sama juga terdapat dalam head.html.

Iklan

Cara guna Jana Favicon

  1. 1Muat naik imej atau tetapkan teks/emoji dan warna.
  2. 2Semak rupa mengikut saiz dalam pratonton.
  3. 3Klik [Muat Turun ZIP], kemudian tampal kod HTML yang diberikan ke dalam <head>.

Soalan Lazim

Imej asal yang bagaimana yang terbaik?

PNG atau SVG segi empat sama 512×512 atau lebih adalah yang terbaik. Pada saiz kecil, bentuk yang ringkas lebih jelas dilihat.

Bukankah satu favicon.ico sudah memadai?

Memadai untuk pelayar lama, tetapi skrin utama iPhone (180px) dan Android (192, 512px) memerlukan PNG berasingan.

Iklan