tooly

Pembuat favicon

Ubah logo menjadi set favicon lengkap: favicon.ico dengan 16, 32, dan 48 px, Apple touch icon 180 px, serta PNG 192/512 px untuk web manifest. Tidak ada yang diunggah.

File Anda tidak pernah keluar dari browser

Cara menggunakan

  1. Taruh logo persegi — PNG, SVG, JPG, atau WebP. 512 px atau lebih memberi hasil terbaik.
  2. Tunggu sebentar saat setiap ukuran dirender di browser Anda.
  3. Unduh ZIP dan salin file-nya ke root situs Anda.

FAQ

Apakah logo saya diunggah ke server?

Tidak. Setiap ikon dirender dengan Canvas API di browser Anda dan dikemas ke ZIP secara lokal.

File apa saja yang ada di ZIP?

favicon.ico (16, 32, dan 48 px), apple-touch-icon.png (180 px), icon-192.png, icon-512.png, dan site.webmanifest yang merujuk ke PNG tersebut.

Bagaimana jika logo saya tidak persegi?

Logo diletakkan di tengah persegi dengan padding transparan, jadi tidak ada yang terpotong. Untuk hasil lebih rapat, potong dulu menjadi persegi.

Bagaimana cara menambahkan ikon ke situs saya?

Salin file ke root situs dan tambahkan <link rel="icon" href="/favicon.ico">, <link rel="apple-touch-icon" href="/apple-touch-icon.png">, dan <link rel="manifest" href="/site.webmanifest"> ke dalam <head>.

Bisa menggunakan SVG sebagai sumber?

Ya, dan itu pilihan terbaik: vektor dirasterisasi terpisah di setiap ukuran, jadi bahkan 16 px tetap tajam.

Alat terkait