Konverter ICO Gratis

Tentang format ICO

Format ICO (Icon) adalah format standar untuk favicon situs web yang ditampilkan di tab browser, bookmark, dan bilah alamat. Konverter ini mendukung beberapa ukuran dalam satu file .ico, yang merupakan standar modern.

Pertanyaan umum

Apa itu file ICO?

File ICO adalah format gambar biner yang digunakan untuk ikon dalam aplikasi Windows dan favicon situs web. Dapat berisi beberapa gambar pada resolusi berbeda, memungkinkan browser menampilkan ukuran yang sesuai berdasarkan konteks.

Ukuran apa yang harus disertakan?

16×16 dan 32×32 adalah yang paling umum untuk favicon browser. Sertakan 64×64 dan 128×128 untuk shortcut Windows dan layar berkepadatan tinggi. 48×48 berguna untuk kompatibilitas warisan. 256×256 kadang digunakan untuk representasi ikon besar.

Bagaimana cara menggunakan favicon di situs web saya?

Tempatkan file favicon.ico di direktori root situs Anda, atau referensikan dalam HTML Anda dengan: <link rel="icon" href="/favicon.ico">. Sebagian besar browser menemukannya secara otomatis di root.

Sejarah singkat ICO

Microsoft memperkenalkan ICO dengan Windows 1.0 pada November 1985, awalnya sebagai format resource untuk ikon aplikasi monokrom 32×32 piksel yang disimpan di dalam file .EXE dan .DLL. Ekstensi .ico mandiri diformalkan agar ikon dapat diedit dan dibagikan secara independen dari executable. Windows 3.x menambahkan dukungan 16-warna dan 256-warna; Windows 95 menjadikan ICO container multi-resolusi yang sesungguhnya (satu file menyimpan rendering 16 / 32 / 48 px, dengan OS secara otomatis memilih yang terbaik untuk setiap konteks); Windows XP menambahkan alpha 32-bit untuk tepi anti-aliased yang halus dan bayangan transparan; Windows Vista (2007) memperkenalkan ikon 256×256 piksel dan memungkinkan setiap entri menyimpan BMP klasik atau file PNG yang lengkap. Entri yang di-encode PNG kini menjadi standar untuk ukuran di atas 48×48 karena BMP 32-bit 256×256 akan berukuran sekitar 256 KB per ikon, boros. Banyak editor ikon lama masih default ke ICO hanya-BMP dan menghasilkan file 8-10× lebih besar dari yang diperlukan.

Format ini melompat dari «internal Windows» ke «standar web global» pada Maret 1999 ketika Microsoft Internet Explorer 5 memperkenalkan konvensi /favicon.ico. Ketika pengguna menambahkan halaman ke «Favorites», IE akan meminta /favicon.ico dari root website dan menampilkan gambar 16×16 di sebelah bookmark. Nama «favicon» adalah portmanteau dari «favorites icon», langsung dari menu Favorites IE. Konvensi ini tidak pernah menjadi standar W3C resmi saat diluncurkan; Microsoft cukup mendokumentasikan path tersebut, browser dan webmaster mengadopsinya, dan industri lainnya mengikuti. Dua puluh tujuh tahun kemudian setiap browser utama masih meminta /favicon.ico pada kunjungan pertama bahkan ketika tidak ada tag <link rel="icon"> yang ada, itulah mengapa log server dari properti web mana pun di dunia menampilkan permintaan favicon dari browser, crawler, pembaca RSS, dan bot pratinjau tautan, serta 404 ketika file tidak ada.

Mengapa ICO masih lebih baik dari PNG di 2026

Mengingat betapa fleksibelnya PNG, mengapa ICO masih penting? Tiga alasan:

• Pintasan desktop Windows dan penancapan taskbar. Ketika pengguna membuat pintasan desktop atau menancapkan situs ke taskbar, Windows Explorer membutuhkan ICO untuk merender pintasan pada semua ukuran shell OS saat ini (16, 24, 32, 48, 64, 96, 256). Mengarahkan .lnk ke PNG hanya menghasilkan satu ukuran dengan artefak bilinear-scaling.
• Kompatibilitas favicon lintas-browser. Browser modern dengan senang hati menggunakan PNG dan SVG melalui <link>, tetapi permintaan implisit /favicon.ico masih terjadi pada kunjungan dingin, dan lingkungan korporat / terkunci yang menjalankan Edge lama atau IE 11 (masih ada di 2026 dalam konteks industri, kesehatan, dan pemerintah) hanya akan merender ICO. .ico kecil multi-ukuran di root Anda adalah default universal yang paling aman.
• Multi-ukuran dalam satu file. ICO dapat menyimpan 16, 32, 48, 64, 128, dan 256 dalam satu unduhan, itulah yang dihasilkan alat ini. Browser dan shell OS memilih varian terbaik untuk setiap konteks secara otomatis.

Keanehan tipe MIME yang perlu diperhatikan: file ICO secara teknis dilayani sebagai image/vnd.microsoft.icon (tipe yang terdaftar IANA), tetapi image/x-icon yang lebih lama adalah yang paling banyak dipancarkan oleh server dan template CMS, dan diterima secara universal oleh browser modern. Keduanya berfungsi.

Rekomendasi favicon 2026

Situs modern tidak boleh hanya mengandalkan favicon.ico, tetapi juga tidak boleh melewatkannya. Set «minimum modern», yang didukung oleh realfavicongenerator.net dan MDN Web Docs, kini adalah:

• favicon.ico (keluaran alat ini), diambil otomatis oleh setiap browser; diperlukan untuk pengguna legacy dan IE/Edge lama.
• favicon.svg: satu file, dapat diskalakan ke kepadatan apa pun; mendukung terang/gelap melalui prefers-color-scheme. Didukung di Chromium 80+ (awal 2020) dan Firefox 41+ (2015), tetapi Safari baru menambahkan dukungan di versi 17 (September 2023). 2026 adalah tahun pertama di mana Anda dapat realistis mengandalkan SVG-only di sebagian besar browser.
• favicon-32x32.png dan favicon-16x16.png: fallback raster pixel-perfect untuk browser yang lebih memilih PNG daripada SVG ketika keduanya dicantumkan.
• apple-touch-icon.png (180×180), untuk pintasan layar utama iOS. Apple tidak menggunakan ICO atau SVG; PNG diperlukan.
• android-chrome-192x192.png dan android-chrome-512x512.png: direferensikan dari web manifest untuk launcher Android dan instalasi PWA.
• manifest.webmanifest: mendeklarasikan ikon PNG, warna tema, nama aplikasi, dan mode tampilan untuk PWA.

Blok head HTML mengekspos semua ini:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">
<meta name="theme-color" content="#ffffff">

Atribut sizes="any" pada tautan .ico memberi tahu browser modern «file ini berisi ukuran sembarang, gunakan hanya sebagai fallback», sehingga mereka lebih memilih SVG ketika tersedia. Tren 2024-2026 dalam panduan praktik terbaik adalah memangkas secara agresif: kirimkan empat file tersebut ditambah manifest. «Paket favicon 16-file» lama dengan tile mstile dan yandex tidak lagi direkomendasikan kecuali Anda secara khusus menargetkan platform tersebut.

Di dalam file ICO

Untuk yang ingin tahu: tata letak binernya sangat mudah. Header ICONDIR pendek (6 byte, dicadangkan, type=1 untuk ikon, jumlah gambar), diikuti oleh N record ICONDIRENTRY (masing-masing 16 byte, mencantumkan lebar / tinggi / jumlah warna / ukuran / offset file), diikuti oleh N bitmap gambar. Setiap entri gambar dapat berupa BMP/DIB gaya lama atau (sejak Vista) file PNG lengkap dengan headernya sendiri. Record ICONDIRENTRY selalu menyimpan lebar dan tinggi sebagai byte, dengan 0 berarti 256 (maksimum). Inilah mengapa ICO mendukung hingga 256×256 tetapi tidak lebih besar; format ini perlu direvisi untuk menyimpan gambar yang lebih besar.

Alat untuk menguji apa yang Anda hasilkan

• Pemeriksa realfavicongenerator.net: mengunjungi situs Anda dan melaporkan masalah rendering per platform. Ketat tetapi akurat.
• Penguji favicon.io: pemeriksaan visual cepat di berbagai tab browser yang disimulasikan.
• Browser DevTools. Paksa-refresh dengan Ctrl+F5 (atau Cmd+Shift+R) untuk melewati cache favicon, yang terkenal agresif, Safari khususnya menyimpan favicon di cache antar restart dan kadang-kadang mengabaikan pembaruan selama berjam-jam.
• URL langsung. Kunjungi yoursite.com/favicon.ico di tab baru untuk mengonfirmasi file benar-benar dilayani. Masalah umum: file ada tetapi server mengembalikan 404 karena berada di luar path file-statis yang dikonfigurasi.

Kapan Anda akan menggunakan ini

• Membangun set favicon situs baru. Hasilkan .ico multi-ukuran di sini, ditambah SVG dan PNG apple-touch menggunakan alat lain.
• Memperbarui favicon yang sudah ada. Re-ekspor .ico multi-ukuran setelah penyegaran logo.
• Menancapkan pintasan desktop Windows ke URL ikon kustom.
• Menghasilkan ikon aplikasi Electron / Tauri: aplikasi desktop Windows membutuhkan ICO untuk bagian resource executable.
• Mengganti favicon tofu / 404 pada situs yang sudah dikirimkan yang tidak pernah memiliki satu pun.

Pertanyaan lainnya

Favicon saya diperbarui tetapi browser saya masih menampilkan yang lama, mengapa?

Caching favicon terkenal agresif. Browser menyimpan favicon di cache antar restart dan tidak selalu menghormati header cache-control HTTP. Paksa-refresh (Cmd+Shift+R di Mac, Ctrl+F5 di Windows) biasanya berhasil di Chromium dan Firefox; Safari kadang-kadang membutuhkan quit-dan-restart penuh, dan di iOS ikon layar utama mungkin perlu halaman ditambahkan ulang sepenuhnya. Menambahkan query string (/favicon.ico?v=2) memaksa refresh di sebagian besar browser tetapi tidak selalu berfungsi untuk permintaan /favicon.ico implisit, untuk itu, deklarasikan URL baru dalam tag <link rel="icon">.

Ukuran apa yang harus saya sertakan?

Untuk favicon browser: 16 dan 32 sangat penting. 48 membantu untuk tab Windows DPI-tinggi. Untuk pintasan desktop Windows dan penancapan taskbar: sertakan 64 dan 128 (dan 256 untuk tampilan Explorer «Extra large» terbesar). Pilihan default pada alat ini (16/32/48/64) mencakup 99% kasus. Menambahkan 128 atau 256 meningkatkan ukuran file secara signifikan (PNG-encoded 256×256 saja sekitar 30-40 KB) jadi sertakan hanya jika Anda benar-benar membutuhkan rendering shell Windows.

Haruskah saya menggunakan latar belakang transparan?

Hampir selalu, ya, browser modern menampilkan favicon terhadap warna chrome tab, yang berbeda antara mode terang, mode gelap, dan penancapan tab. PNG transparan (atau input transparan ke konverter) menghasilkan tepi bersih di semua latar belakang. Pengecualiannya adalah logo yang tidak dapat dibaca tanpa backing berwarna, untuk itu, membakar warna latar belakang adalah hal yang tepat. PNG dan ICO keduanya mendukung alpha penuh; JPEG tidak, sehingga input JPG kehilangan transparansi.

Apakah favicon.ico masih benar-benar diperlukan di 2026?

Ya, tetapi hanya sebagai fallback. Setiap browser masih secara implisit memintanya pada kunjungan pertama bahkan dengan tag <link> modern yang ada; pintasan desktop Windows dan penancapan taskbar membutuhkannya; lingkungan korporat yang masih menjalankan IE11 atau Edge lama (ya, itu ada di layanan kesehatan, manufaktur, dan pemerintah) membutuhkannya. .ico multi-ukuran 4-8 KB di root Anda adalah default universal yang paling aman, dipasangkan dengan SVG dan PNG melalui tag <link> untuk semua orang lainnya.

Apakah ada yang dikirim ke server?

Tidak. Gambar didekode di browser Anda, diskalakan ke setiap ukuran yang diminta melalui Canvas 2D API, dan dirakit menjadi biner ICO oleh JavaScript. Hasilnya diunduh langsung ke perangkat Anda. Tidak ada tentang gambar Anda (termasuk desain logo apa pun yang mungkin masih Anda iterasi) yang meninggalkan halaman.

Alat terkait