ToolsMaxxing
Bahasa Indonesia
EnglishEspañolPortuguêsBahasa Indonesiaहिन्दीবাংলাРусскийTiếng ViệtFrançaisDeutschTürkçeالعربية

Pembuat favicon

Buat favicon.ico dan semua ukuran PNG yang Anda butuhkan dari satu gambar.

atau seret dan lepas gambar di sini

gambar PNG, JPG, WebP, atau GIF (logo persegi memberi hasil terbaik)

File Anda tetap di perangkat Anda

  1. 1Tambah file
  2. 2Atur
  3. 3Unduh

Cara kerjanya

  1. 1Tambahkan logo atau gambar persegi. Ukuran 512 x 512 piksel atau lebih besar memberi hasil terbaik.
  2. 2Pilih apakah gambar yang tidak persegi dimuat di dalam atau dipotong, serta latarnya.
  3. 3Pilih Buat paket favicon.
  4. 4Unduh ZIP, letakkan file di root situs Anda, dan tempel HTML dari favicon-html.txt ke dalam head Anda.

Fungsi tiap opsi

Muat di dalam
Mempertahankan seluruh gambar dan menambah ruang kosong di sisi yang lebih pendek.
Potong hingga penuh
Mengisi seluruh persegi dan memotong tepi gambar yang lebar atau tinggi.
Latar
Transparan mempertahankan transparansi. Putih atau hitam mengisinya. Ikon Apple touch selalu mendapat latar solid.

Privasi

Gambar Anda diubah ukurannya di browser dan tidak pernah diunggah.

Pertanyaan yang sering diajukan

File apa saja yang saya dapat?

favicon.ico berisi gambar 16, 32, dan 48 px, PNG 16, 32, dan 48 px terpisah, apple-touch-icon.png 180 px, ikon 192 dan 512 px untuk Android, file site.webmanifest, dan file teks berisi tag HTML-nya.

Apakah saya masih butuh favicon.ico?

Banyak browser membaca ikon PNG, tetapi sebagian crawler, pembaca feed, dan alat lama masih meminta /favicon.ico, jadi sebaiknya tetap disertakan.

Mengapa favicon saya kecil dan tidak terbaca?

Pada 16 piksel, detail hilang. Gunakan bentuk sederhana atau satu huruf di latar polos, dan hindari garis tipis atau teks kecil.

Mengapa browser saya masih menampilkan ikon lama?

Browser menyimpan favicon dalam cache cukup lama. Lakukan muat ulang paksa, atau tambahkan versi seperti /favicon.ico?v=2 pada tautannya.

Bisakah mengunggah SVG?

Belum di versi ini. Ekspor SVG Anda sebagai PNG besar terlebih dahulu. Situs modern juga bisa menambahkan tautan ikon SVG di samping file-file ini.

Alat terkait