Pembuat Favicon

image
favorite

Letakkan gambar di sini

PNG, JPG, atau SVG

16px

32px

64px

128px

256px

Pengaturan

Sesuaikan latar belakang dan keluaran

Pengaturan

Pilih ukuran dan salin kode HTML

Kode HTML

<link rel="icon" type="image/png" href="favicon.png">
<link rel="icon" type="image/x-icon" href="favicon.ico">

Buat favicon di browser Anda

Membuat file favicon dan aset ikon situs web untuk tab browser dan aplikasi web.

Cara membuat favicon situs web

  1. Pilih gambar atau buat desain emoji sederhana.
  2. Pratinjau favicon dan pilih ukuran dan format keluaran.
  3. Unduh file PNG atau ICO yang dihasilkan.

Membuat favicon dari logo atau emoji

Gunakan gambar seperti logo PNG, atau buat simbol sederhana di tab Emoji. Sumber gambar dipasang di dalam kotak dengan tetap menjaga proporsinya. Periksa pratinjau kecil: logo detail mungkin sulit dikenali pada ukuran 16 atau 32 piksel. Bentuk sederhana dengan spasi yang jelas sering kali terbaca lebih baik.

Pilih ukuran PNG atau favicon ICO multi-ukuran

Tombol PNG menyimpan ukuran yang dipilih. Semua Ukuran mengunduh file PNG terpisah pada 16, 32, 48, 64, 128 dan 256 piksel; ini bukan unduhan ZIP. Tombol ICO membuat satu favicon.ico yang berisi versi 16, 32 dan 48 piksel. Alat ini berfungsi pada satu gambar atau desain emoji dalam satu waktu.

Tambahkan favicon yang diunduh ke situs Anda

Tempatkan file yang diunduh di situs web Anda dan sesuaikan contoh tautan HTML dengan nama file dan lokasi sebenarnya. Contohnya menggunakan favicon.png, sedangkan unduhan PNG menyertakan ukurannya dalam nama file, jadi ganti nama file atau perbarui tautannya. Membuat favicon di sini tidak mempublikasikannya ke situs web Anda. Rendering tetap ada di browser Anda.

Pertanyaan favicon situs web

Bisakah saya membuat favicon dari emoji?

Ya. Editor emoji dapat membuat desain favicon sederhana.

Apakah gambar diunggah ke server?

Tidak. Pembuatan Favicon berjalan di browser Anda dan gambar yang dipilih tidak diunggah ke server IMGIUM sendiri.

Apakah Semua Ukuran mengunduh ZIP favicon?

Tidak. Ini memulai enam unduhan PNG terpisah. Browser Anda mungkin menanyakan apakah akan mengizinkan banyak unduhan. Gunakan tombol ICO untuk satu file yang berisi tiga ukuran ikon.

Mengapa contoh HTML tidak cocok dengan nama file PNG saya?

Unduhan PNG menyertakan ukuran yang dipilih, seperti favicon-32x32.png. Ganti nama file tersebut menjadi favicon.png atau ubah tautan contoh ke nama file yang sebenarnya Anda unggah ke situs Anda.

Butuh ukuran ikon atau dimensi sumber yang berbeda?

Gunakan konverter ICO untuk memilih ukuran mana yang dimasukkan ke dalam file ICO, termasuk ukuran yang lebih besar. Ubah ukuran sumber secara terpisah jika Anda juga memerlukan gambar tujuan umum pada dimensi khusus.