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.
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.
- 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
Unggah
Letakkan PNG, JPG, WebP, atau SVG. Sumber persegi paling cocok, tetapi gambar lebar juga tak masalah.
Bentuk
Pilih Pas, Pangkas, atau Regang. Lihat pratinjau browser, iOS, dan Android diperbarui secara instan.
Beri gaya
Tambah padding, bulatkan sudut, pertahankan transparansi, atau pilih ubin latar solid.
Pratinjau
Periksa mockup tab 16px dan layar utama. Jika ikon tab tak terbaca, tambah padding atau latar solid.
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.
Logo sederhana, maskot datar, merek persegi, inisial tegas, dan simbol berkontras tinggi.
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.
public/
├── favicon.ico
├── favicon-32x32.png
├── apple-touch-icon.png
├── android-chrome-192x192.png
├── android-chrome-512x512.png
└── site.webmanifest