Ubah PNG, JPG, WebP, atau SVG menjadi favicon.ico, ikon aplikasi, dan manifes PWA. Pratinjau tampilan ikon Anda di tab browser, layar utama iOS, dan prompt instalasi Android — sebelum Anda mengunduh.
ICOPNGPWAiOSAndroid
BENGKEL IKON LOKAL
☞ berjalan sepenuhnya di browser Anda — tidak ada yang diunggah
Letakkan gambar Anda di sini
atau klik untuk menjelajah — PNG, JPG, WebP, SVG
PNGJPGWebPSVG
Pratinjau langsung
Chrome · Tab browser
Tab Baru
Aplikasi Saya×
yoursite.com
Favicon 16×16 pada tab aktif
iOS · Layar Utama
9:41▮▮▮ WiFi 🔋
Mail
Maps
Photos
Aplikasi Saya
Apple Touch Icon 180×180
Android · Tambahkan ke layar Utama
yoursite.com
Aplikasi Sayayoursite.com
Tambahkan ke layar Utama
BatalTambah
Ikon instalasi PWA 192×192
Windows 11 · Menu Start
Cari aplikasi, pengaturan, dan dokumen
Disematkan
Edge
Store
Aplikasi Saya
Mail
Ubin pintasan tersemat 48×48
Sumber 256px
Cuplikan HTML
Tempel ke <head> situs Anda setelah menempatkan file ikon di root publik.
dibuat untuk hari peluncuran
Konversi gambar ke ikon secara online
OneImageTool mengubah logo, avatar, maskot, atau merek produk menjadi file ikon yang dibutuhkan situs web atau aplikasi nyata. Unggah gambar, bentuk menjadi persegi rapi, pratinjau di tab browser dan layar utama ponsel, lalu simpan favicon.ico, ikon PNG, file Apple Touch Icon, dan manifes PWA. Jika sumber masih perlu dirapikan, pangkas menjadi persegi dahulu, atau kompres ekspor berukuran berlebih — kedua alat juga berjalan di browser Anda.
Semuanya berjalan di browser Anda. Itu penting saat sumbernya adalah logo klien privat, merek aplikasi yang belum dirilis, atau ide cepat yang tak ingin Anda kirim ke server lain. Setel padding, warna latar, dan radius sudut sambil melihat pratinjau perangkat langsung.
OUTPUT_FILES
your-logo.pngSRC
favicon.icoICO
apple-touch-icon.pngiOS
android-chrome-512x512.pngPWA
site.webmanifestJSON
Favicon untuk situs web
Buat ikon tab browser dari sumber yang sama. Gunakan Pangkas untuk merek yang tegas, atau Pas dengan padding saat logo butuh ruang bernapas.
ICO pintasan
Unduh ICO multi-ukuran untuk dukungan favicon lawas dan pintasan desktop. Ukuran lebih kecil disetel agar tetap tajam di pratinjau tab.
Ikon aplikasi dan PWA
Hasilkan ukuran PNG lebih besar untuk layar utama dan prompt instalasi. Paket menyertakan manifes web prakonfigurasi dan cuplikan HTML.
Pratinjau multi-perangkat
Tidak seperti pratinjau tab saja, OneImageTool menampilkan mockup layar utama iOS, banner instalasi Android, dan ubin Windows — semua diperbarui langsung saat Anda menyunting.
satu unduhan, banyak permukaan
Apa yang dihasilkan alat gambar ke ikon
Alur kerja yang baik tidak memberi Anda satu grafik mungil saja. Halaman arahan, dokumen, aplikasi, PWA, dan proyek sampingan butuh beberapa aset plus cuplikan HTML. Dapatkan set ramah browser dalam satu ZIP.
Paket menyertakan favicon.ico, ukuran PNG umum, manifes web, cuplikan HTML, dan README — mencakup penyiapan situs web dan PWA normal.
ZIP_PACKAGE
favicon.icoICO
favicon-16x16.png … 512x512.pngPNG
apple-touch-icon.pngiOS
android-chrome-192x192.pngPWA
site.webmanifestJSON
favicon-html.txtHTML
README.txtDOC
lima gerakan kecil
Cara menggunakan konverter gambar ke ikon
01
Unggah
Letakkan PNG, JPG, WebP, atau SVG. Sumber persegi paling cocok, tetapi gambar lebar juga tak masalah.
02
Bentuk
Pilih Pas, Pangkas, atau Regang. Lihat pratinjau browser, iOS, dan Android diperbarui secara instan.
03
Beri gaya
Tambah padding, bulatkan sudut, pertahankan transparansi, atau pilih ubin latar solid.
04
Pratinjau
Periksa mockup tab 16px dan layar utama. Jika ikon tab tak terbaca, tambah padding atau latar solid.
05
Unduh
Simpan paket ikon lengkap dengan favicon.ico, file PNG, manifes, cuplikan HTML, dan README.
mungil hingga siap-instal
Ukuran terbaik untuk keluaran gambar ke ikon
Ikon muncul di tempat yang sangat berbeda. Tab browser butuh simbol tegas dengan hampir tanpa detail. Layar instalasi PWA bisa menampilkan merek lebih besar. Konverter ini membuat setiap ukuran umum dari satu gambar sumber.
Ukuran
Penggunaan umum
Pratinjau di alat
Tips
16×16
Tab browser, favicon lawas
Mockup tab browser
Gunakan siluet kuat, detail minimal
32×32
PNG favicon modern, tab HD
Grid ukuran
Default praktis untuk HTML favicon
48×48
Pintasan desktop, ubin Windows
Mockup ubin Windows
Jaga bentuk tetap di tengah
180×180
Apple Touch Icon
Mockup layar utama iOS
Latar solid sering tampak lebih bersih di iOS
192×192
Android Chrome, PWA
Mockup instalasi Android
Dipakai di ikon manifest.json
512×512
Splash PWA, UI instalasi
Grid ukuran
Mulai dari sumber berkualitas tinggi
buat versi mungil tetap jelas
Daftar periksa desain sebelum unduh
Favicon berukuran kecil — garis tipis, teks mungil, foto ramai, dan tangkapan layar sering menjadi buram. Gunakan pratinjau tab dan layar utama langsung untuk menguji keterbacaan sebelum mengekspor.
Jika pratinjau tab 16px sulit dibaca, coba pangkasan lebih tegas, padding lebih banyak, atau latar solid. Bentuk yang terpusat dengan kontras jelas bertahan jauh lebih baik saat lompatan dari gambar besar ke ikon.
Cocok
Logo sederhana, maskot datar, merek persegi, inisial tegas, dan simbol berkontras tinggi.
Gunakan hati-hati
Foto berdetail, garis luar tipis, tangkapan layar, kata panjang, dan merek yang menyentuh tepi.
tempel dan luncurkan
Di mana menempatkan file ikon yang dihasilkan
Untuk situs statis, letakkan file di root publik atau folder aset yang disalin ke produksi. Tempel cuplikan HTML di dalam <head>. Jaga URL favicon tetap stabil setelah peluncuran agar bookmark dan pintasan terinstal mempertahankan ikon yang sama.
Cache favicon membandel saat pengujian — gunakan jendela privat atau ganti nama file saat bereksperimen.
