Konversi Gambar

ImageConver · Hari ke 18 · Alat ikon browser

Multi-Size ICO Generator

Bundle six PNG-encoded icon resolutions into one standards-oriented ICO file. Preview the smallest and largest sizes, control padding and background behavior, and download a real image/x-icon file built entirely in the browser.

Pemrosesan lokal. Gambar sumber tetap ada di tab browser ini. Simpan master yang dapat diedit dan validasi aset yang dihasilkan di alat resmi platform.

Pratinjau berfungsi 256pxUpload artwork to preview output.

Pilih gambar untuk memulai.

Jawaban langsung

Apa yang dihasilkan halaman ini dan di mana tempatnya

Bundle six PNG-encoded icon resolutions into one standards-oriented ICO file. Preview the smallest and largest sizes, control padding and background behavior, and download a real image/x-icon file built entirely in the browser. The tool writes an ICO directory containing embedded PNG images. Modern Windows software generally supports PNG-compressed ICO entries, but very old applications may require BMP/DIB entries or a narrower size set.

Pekerjaan ikon adalah sistem pengiriman, bukan pengubahan ukuran tunggal. Suatu platform dapat menggunakan identitas yang sama di toko, peluncur, notifikasi, layar pengaturan, tab browser, aplikasi web yang diinstal, pintasan, atau hasil pencarian sistem operasi. Setiap konteks dapat menerapkan masker, kepadatan, cache, aturan pengomposisian, atau langkah validasi yang berbeda. Oleh karena itu, paket yang dihasilkan harus diperlakukan sebagai turunan teruji dari master merek yang dapat diedit.

Mulailah dengan karya seni sumber bersih. Pertahankan subjek utama tetap di tengah, hapus teks yang tidak perlu, hindari detail garis rambut, dan nilai desain berdasarkan ukuran tampilan sebenarnya terkecil. Jangan menambahkan penutup luar platform atau bayangan sistem ke sumbernya kecuali pedoman resmi saat ini secara eksplisit mengharuskan perlakuan tersebut. Pratinjau besar dapat menyembunyikan masalah yang terlihat jelas pada ukuran 16, 32, atau 48 piksel.

Dimensi file saja tidak membuktikan kebenarannya. Konfirmasikan ruang warna, perilaku alfa, jalur file, tipe MIME, metadata manifes atau katalog aset, deklarasi tujuan, penamaan, perilaku cache, dan presentasi perangkat sebenarnya. Pertahankan file sumber dan dokumentasikan pengaturan generator mana yang menghasilkan aset rilis yang ditinjau.

Alur kerja

Proses ikon empat langkah yang terkontrol

  1. 1

    Periksa sumbernya

    Choose simple high-resolution source artwork with strong small-size contrast.

  2. 2

    Pilih pengaturan

    Select contain or cover fitting, padding, and transparent or solid background.

  3. 3

    Hasilkan aset

    Inspect the 16px preview separately because tiny details disappear quickly.

  4. 4

    Validasi pengiriman

    Generate the ICO and test it in every target browser, Windows shell, or desktop application.

Kualitas visual

Kesesuaian, detail, transparansi, dan pengakuan

Pembingkaian dan bantalan

Mode Fit mengubah arti. Berisi menyimpan sumber lengkap dan dapat menambahkan latar belakang di sekitarnya; penutup memenuhi kotak dan dapat memotong tepinya. Padding berguna untuk tanda di tengah, tetapi jika terlalu banyak akan membuat ikon terlihat kecil. Bandingkan masker dan pratinjau kecil sebelum menerima nilai.

Detail berukuran kecil

Perampingan raster menghilangkan detail. Goresan tipis, penghitung kecil, tekstur fotografi, dan jenis huruf dapat kabur atau hilang. Ikon kecil terbaik sering kali berupa gambar yang disederhanakan daripada versi karya seni pemasaran yang diperkecil secara mekanis. Tinjau keluaran piksel sebenarnya pada skala 100%.

Perilaku latar belakang

Transparansi tidaklah netral. Browser, peluncur, toko, atau sistem operasi mungkin menggabungkan piksel transparan dengan warna yang tidak Anda pilih. Karya seni platform full-bleed harus menggunakan latar belakang yang disengaja dimana panduan mengharapkannya, sementara format seperti ICO mungkin sengaja mempertahankan alpha.

Kontras warna dan pengenalan penting di lingkungan terang, gelap, berwarna, dan bertema. Uji ikon di dekat ikon pesaing dan pada berbagai latar belakang. Pembuatan otomatis tidak dapat menentukan apakah suatu merek bersifat khas, dapat diakses, disahkan secara hukum, atau konsisten dengan aturan merek saat ini.

Batasan penting

Apa yang tidak dapat dijamin oleh pembuatan ikon otomatis

  • The file uses PNG entries rather than legacy BMP/DIB icon bitmaps.
  • Small icons often need manual pixel-level simplification after automated resizing.
  • ICO support and preferred entries vary among browsers and desktop applications.
  • The generator does not create vector artwork or Windows executable resources.

Kasus penggunaan

Dimana halaman ini cocok untuk produksi

Pengiriman produk

Create a favicon.ico with several raster resolutions.

Pekerjaan kompatibilitas

Package Windows application artwork into one icon container.

Tinjauan kualitas

Replace a single-size ICO that looks blurred at larger display scales.

Serah terima pengembang

Test whether source artwork remains recognizable at 16 pixels.

Pelaksanaan

Konfigurasi, caching, dan pemeriksaan rilis

Simpan file yang dihasilkan pada URL yang stabil dan sadar cache. Manifes atau deklarasi HTML yang mengarah ke file yang hilang tidak dapat diselamatkan jika PNG yang tepat ada di komputer pengembang. Verifikasi status HTTP, jenis konten, dimensi, byte file, dan perilaku asal yang sama atau lintas asal jika relevan.

Perlakukan file konfigurasi sebagai kode yang dapat ditinjau. Periksa setiap entri manifes, catatan katalog aset, nama folder, faktor skala, token tujuan, dan nama file sebelum penggabungan. Fragmen yang dihasilkan sengaja menghindari tebakan nama aplikasi, URL awal, pengidentifikasi bundel, warna tema, atau pengaturan proyek milik aplikasi sebenarnya.

Pembatalan cache memerlukan pemeriksaan rilis. Aplikasi web, browser, peluncur, sistem build, dan penyimpanan yang terinstal dapat mempertahankan sumber daya ikon lama. Gunakan jalur berversi atau kebijakan cache yang disengaja, bangun kembali aplikasi, instal ulang bila perlu, dan bedakan sumber daya lama dari sumber daya yang dibuat secara tidak benar.

Validasi geometri dan alur kerja. Geometri mencakup pemangkasan, zona aman, pemusatan, perlakuan tepi, dan kejelasan ukuran kecil. Alur kerja mencakup kontrol sumber yang benar, pengaturan berulang, konfigurasi platform, output build, penerapan, dan rollback. File yang menarik secara visual masih bisa gagal karena proyek mereferensikan nama file yang berbeda.

Pribadi

Pemrosesan lokal dan penanganan aset

Browser membaca sumber yang dipilih dengan API file lokal, menggambar turunan ke kanvas, mengkodekan data PNG, dan menyusun ZIP atau ICO yang diminta dalam memori. ImageConver tidak mengirimkan piksel sumber ke titik akhir konversi ikon dalam alur kerja ini.

Pemrosesan lokal mengurangi paparan transfer tetapi tidak membuat perangkat bersama menjadi pribadi. Unduhan browser, daftar file terbaru, folder tersinkronisasi, cadangan, ekstensi, dan pratinjau sistem operasi mungkin menyimpan salinan. Gunakan tempat kerja yang disetujui untuk merek yang belum dirilis atau karya seni produk rahasia.

URL objek yang dihasilkan bersifat sementara dan dicabut ketika diganti atau disetel ulang. Pindahkan aset yang telah ditinjau ke penyimpanan proyek terkontrol, pertahankan master yang dapat diedit, dan tutup tab setelah menangani materi sensitif.

Pertanyaan umum

Multi-Size ICO Generator FAQ

Which sizes are inside the ICO?

The generated file contains 16, 32, 48, 64, 128, and 256-pixel square PNG entries.

Is this a real ICO file?

Yes. It contains an ICO header, one directory record per size, and the corresponding PNG byte streams.

Why is 256 encoded as zero in the directory?

The ICO format uses a zero byte to represent a 256-pixel width or height.

Can the background stay transparent?

Yes. Select transparent background when the source and target application support alpha.

Will it work in old Windows software?

Not always. Very old software may require BMP/DIB entries or specific sizes, so test the exact target.

Does generation happen locally?

Yes. Canvas encodes each PNG and JavaScript assembles the ICO binary in the browser.

Should I also provide SVG or PNG favicons?

Often yes. A modern favicon strategy can include SVG and PNG files alongside favicon.ico for broader quality and compatibility.

Referensi utama

Dokumentasi platform saat ini

  1. Spesifikasi Manifes Aplikasi Web W3C
  2. MDN: CanvasRenderingContext2D drawImage
  3. web.dev: Tambahkan manifes aplikasi web

Terakhir ditinjau: 20 Oktober 2026. Persyaratan platform dan perubahan alat; memverifikasi aset penting rilis terhadap dokumentasi utama saat ini.