RevealTheme logo

Generator Favicon

Hasilkan set favicon lengkap dari gambar apa pun: semua ukuran yang diharapkan oleh browser, iOS, dan Android.

Cara menggunakan alat ini

  1. 1

    Unggah gambar persegi (PNG direkomendasikan, 512×512 atau lebih besar).

  2. 2

    Kami merender pada setiap ukuran favicon yang umum.

  3. 3

    Unduh setiap PNG.

  4. 4

    Rujuk gambar-gambar tersebut di dalam <head> HTML Anda dengan atribut sizes yang sesuai.

Apa itu Generator Favicon?

Favicon modern tidak lagi hanya berukuran 16×16. iOS mengharapkan apple-touch-icon berukuran 180×180, Android menginginkan ikon PWA berukuran 192×192 dan 512×512, dan layar berkepadatan tinggi menggunakan 32×32 atau 48×48. Alat ini menghasilkan semua ukuran umum dari satu gambar sumber sehingga Anda dapat menyajikannya sebagai tag <link rel='icon' sizes='...'>.

Kasus penggunaan umum

  • Quickly resizing a logo to all the tab and home-screen icon sizes before launching a new website.

  • Generating the 192x192 and 512x512 PNGs a Progressive Web App manifest requires for installability.

  • Producing a 180x180 apple-touch-icon so a page saved to an iPhone home screen shows a crisp icon.

  • Creating 16x16 and 32x32 tab icons for a side project without opening a desktop image editor.

  • Batch-previewing how a detailed logo holds up when shrunk to tiny sizes, so you can simplify it if needed.

  • Resizing icons offline or on a locked-down work machine where uploading brand assets to a web service is not allowed.

Pertanyaan yang sering diajukan

Ukuran gambar sumber apa yang sebaiknya saya gunakan?▼
PNG persegi berukuran 512×512 atau lebih besar memberikan hasil terbaik: memperkecil skala mempertahankan detail lebih baik daripada memperbesarnya.
Apakah saya memerlukan berkas ICO?▼
Browser modern menerima favicon dalam format PNG. Format ICO hanya diperlukan untuk kompatibilitas dengan IE lawas, yang kini sudah jarang.

Alat terkait