Skip to content
Alat GratisDesign

Hasilkan setiap ukuran favicon yang dibutuhkan situs web Anda dari satu gambar

Unggah logo atau ikon dan alat ini akan menghasilkan favicon dalam semua ukuran yang dibutuhkan browser modern, sistem operasi, dan manifes PWA — mulai dari ICO klasik 16 x 16 hingga PNG 512 x 512 untuk layar utama Android. Unduh paket yang siap diterapkan dengan cuplikan HTML yang disertakan.

Gunakan alat ini gratis

Fitur

1

Cakupan ukuran lengkap

Menghasilkan 16 x 16, 32 x 32, dan 48 x 48 untuk browser tradisional; Ikon Apple Touch 180 x 180 untuk iOS; 192 x 192 dan 512 x 512 untuk manifes PWA Android. Setiap ukuran umum dalam sekali jalan.

2

Keluaran ICO dan PNG

Paket ini mencakup file .ico multi-resolusi (berisi lapisan 16, 32, dan 48 px) dan file PNG individual untuk setiap ukuran. Kedua format tersebut siap digunakan langsung dalam tag head HTML.

3

Editor pangkas dan padding

Sesuaikan area pemotongan untuk mengisolasi bagian ikon gambar Anda. Tambahkan padding untuk mencegah ikon menyentuh tepi kotak favicon, sehingga meningkatkan keterbacaan pada ukuran kecil.

4

Kontrol latar belakang

Pertahankan latar belakang transparan untuk browser modern, atau atur warna isian solid untuk Ikon Apple Touch (yang tidak mendukung transparansi). Pratinjau kedua mode sebelum mengunduh.

Cara menggunakan

1

Unggah gambar Anda

Masukkan file PNG, SVG, JPEG, atau WebP ke generator. Gambar persegi berukuran 512 piksel atau lebih besar menghasilkan hasil paling tajam.

2

Pangkas dan sesuaikan

Seret pengendali pangkas untuk mengisolasi area ikon. Tambahkan padding jika ikon memerlukan ruang bernapas. Atur latar belakang menjadi transparan atau warna solid.

3

Pratinjau semua ukuran

Alat ini merender setiap ukuran target secara bersamaan sehingga Anda dapat memverifikasi bahwa ikon dapat dikenali pada ukuran 16 piksel dan terlihat tajam pada ukuran 512 piksel.

4

Unduh paketnya

Unduh ZIP yang berisi semua file favicon ditambah cuplikan HTML yang dapat Anda tempelkan ke tag <head> situs Anda untuk mereferensikan setiap ikon dengan benar.

Spesifikasi

Ukuran keluaran (px)16, 32, 48, 180, 192, 512
Format keluaranICO (berlapis-lapis), PNG
Format masukanPNG, SVG, JPEG, WebP
Masukan yang direkomendasikan512 x 512 px atau lebih besar, persegi
Ikon Sentuhan Apple180 x 180 px dengan bg solid opsional
PengolahanSisi klien (tidak ada unggahan)

Related Magic Eraser Tools

Pertanyaan umum

Berapa ukuran gambar yang harus saya mulai?

+

Mulailah dengan gambar persegi minimal 512 x 512 piksel. Generator menurunkan skala dari master ini, sehingga sumber resolusi tinggi memastikan setiap ukuran yang lebih kecil terlihat tajam. File SVG berfungsi paling baik karena dapat diskalakan tanpa kehilangan kualitas.

Apakah saya memerlukan keenam ukuran tersebut?

+

Untuk kompatibilitas maksimal, ya. ICO 16 dan 32 px mencakup browser lawas, PNG 180 px diperlukan untuk bookmark Safari iOS, dan PNG 192/512 px diperlukan untuk petunjuk pemasangan PWA Android dan layar pembuka.

Bagaimana cara menambahkan favicon ke situs web saya?

+

Paket unduhan menyertakan cuplikan HTML. Tempelkan ke bagian <head> situs Anda. Ini mereferensikan file ICO untuk browser dan file PNG untuk perangkat Apple dan Android. Sebagian besar kerangka kerja juga mendukung penempatan favicon.ico di direktori root.

Logo terlalu rumit untuk favicon kecil?

Gunakan Background Eraser untuk mengisolasi simbol inti dari logo lengkap Anda, lalu masukkan ikon bersih ke generator favicon. Bentuk yang lebih sederhana terbaca lebih baik pada 16 px.

Cobalah secara gratis