Konversi WebP ke ICO
Logo Anda hanya tersedia sebagai WebP yang tersimpan dari situs Anda sendiri atau hasil ekspor desain? Ubah menjadi favicon.ico yang otomatis dipakai browser, bookmark, dan pintasan Windows tanpa markup tambahan.
Konverter Gambar
atau jatuhkan file JPG, JPEG, JPE … di sini ·
Maks. 95 MB per file· Hingga 20 file· Dihapus setelah 30 menit
File diproses di server kami dan dihapus setelah 30 menit.
85 membuat foto tampak identik dengan aslinya. Turunkan hanya jika Anda memerlukan file yang lebih kecil.
JPG, BMP, dan EPS tidak mendukung transparansi. Piksel transparan diisi dengan warna ini.
Warna hex yang dipakai di belakang piksel transparan, mis. #FFFFFF.
Format ini hanya memuat satu gambar. Pilih keluaran GIF atau WebP jika Anda ingin mempertahankan animasi.
Ikon multi-ukuran berisi beberapa resolusi dalam satu file; peramban dan sistem operasi memilih yang dibutuhkan.
Pertahankan dimensi asli, atau masukkan satu sisi dan rasio aspek akan dipertahankan.
Piksel untuk sisi yang Anda pilih di atas.
Persentase dari dimensi asli.
sRGB tepat untuk layar dan web. Pertahankan aslinya untuk alur kerja cetak; skala abu-abu membuang warna.
Hanya metadata, 0 mempertahankan nilai asli. Printer dan sebagian portal membaca angka ini; dimensi piksel tidak berubah.
Cara menggunakan alat ini
- 1
Unggah logo WebP
Masukkan file .webp, atau hingga 20 file sekaligus, masing-masing 95 MB. Logo persegi minimal 256 × 256 px memberi hasil terbaik.
- 2
Pertahankan semua ukuran ikon
Ukuran ikon dimulai dari Semua ukuran (16–256) di Pengaturan lanjutan. WebP animasi memakai frame pertamanya.
- 3
Konversi lalu unggah ke situs Anda
Tekan Konversi ke ICO, ganti nama file menjadi favicon.ico bila perlu, lalu letakkan di folder root situs web Anda.
Logo yang tersimpan dari situs web kini biasanya berformat WebP. Satu kali konversi mengubah file itu menjadi favicon.ico multi-ukuran dengan latar transparan yang tetap utuh.
Buat favicon.ico dari logo WebP
WebP menjadi format gambar bawaan di sebagian besar web setelah Google memperkenalkannya pada 2010; WordPress menerima unggahan WebP sejak versi 5.8 pada 2021, dan banyak CDN gambar mengonversi setiap PNG yang mereka kirim. Jadi saat Anda mencari logo sendiri, salinan yang ditemukan sering berupa .webp, dan generator favicon, Windows, serta sebagian panel hosting tidak mau menerimanya.
Format ICO memecahkan masalah yang berbeda dari WebP. Alih-alih satu gambar terkompresi, ICO membundel beberapa bitmap persegi, dan browser atau sistem operasi memilih ukuran yang dibutuhkan: 16 px untuk tab, 32 px untuk taskbar atau bilah bookmark, ukuran yang lebih besar untuk pintasan desktop dan layar berkerapatan tinggi. Konversi membuat semua ukuran itu dari WebP Anda dalam satu langkah.
Tetap gunakan WebP aslinya untuk logo di header halaman. Kedua file mengisi tempat yang berbeda, dan konversi tidak mengubah apa pun pada file asli.
Isi file ICO yang dibuat konverter
- Lima ukuran dalam satu file .ico
- 16–256 px
- File WebP per batch
- 20
- Ukuran maksimum per file
- 95 MB
- Lalu dihapus dari server
- 30 menit
WEBP
Gambar WebP
WebP adalah format gambar yang dirilis oleh Google pada 2010 agar halaman web dimuat lebih cepat. Format ini mendukung kompresi lossy (dengan kehilangan kualitas) maupun lossless (tanpa kehilangan kualitas), transparansi alfa, dan animasi dalam satu format. File WebP lossy biasanya 25–35% lebih kecil daripada JPEG dengan kualitas visual serupa, dan WebP lossless biasanya lebih kecil daripada PNG. Semua browser saat ini mendukungnya, tetapi sebagian perangkat lunak desktop lama, layanan cetak, dan formulir unggahan masih menolaknya. Windows, macOS, dan sebagian besar editor gambar modern dapat membuka file WebP.
- Kompresi
- Lossy atau lossless
- Transparansi
- Ya
- Animasi
- Ya
- Diperkenalkan
- 2010 · Google
ICO
Ikon Windows
ICO adalah format ikon Microsoft yang digunakan untuk ikon program Windows dan favicon situs web. Satu file .ico dapat berisi beberapa gambar dengan ukuran berbeda, seperti 16×16, 32×32, 48×48, dan 256×256 piksel, sehingga sistem dapat memilih yang paling sesuai. Setiap gambar dapat disimpan sebagai bitmap atau data PNG dan mendukung transparansi alfa penuh. ICO tidak ditujukan untuk foto atau karya grafis berukuran besar. Browser, Windows, dan sebagian besar editor ikon dapat membacanya.
- Kompresi
- Lossless
- Transparansi
- Ya
- Animasi
- Tidak
- Diperkenalkan
- Microsoft
Logo WebP diubah menjadi ICO ketika satu-satunya salinan tanda merek adalah file terkompresi yang dikirim situs web atau CMS, sementara situs itu tetap membutuhkan favicon.ico di root-nya.
Menyiapkan logo WebP untuk tab browser 16 px
Potong hingga tersisa simbolnya
Sebagian besar logo berbentuk lebar. Sisakan hanya simbol atau huruf pertamanya, lalu potong menjadi persegi dengan sedikit margin.
Buang teks kecil
Tagline dan wordmark berubah menjadi bintik abu-abu pada 16 px. Satu bentuk tebal tetap terbaca; garis tipis tidak.
Periksa di kedua warna tab
Lihat hasilnya di tema browser terang dan gelap. Logo gelap dengan latar transparan bisa menghilang di tab gelap.
Memasang favicon baru di situs Anda
Letakkan favicon.ico di folder root agar bisa diakses di situsanda.com/favicon.ico. Mendeklarasikannya di head halaman dengan <link rel="icon" href="/favicon.ico" sizes="any"> membuat pilihannya eksplisit, dan CMS seperti WordPress punya kolom Ikon Situs sendiri yang menuliskan tag tersebut untuk Anda.
Dua ikon lagi melengkapi set ini. iPhone dan iPad memakai apple-touch-icon, PNG berukuran 180 × 180 px, saat seseorang menambahkan situs Anda ke layar utama; buat dengan WebP ke PNG dan panduan memotong gambar kami. Google Penelusuran meminta favicon persegi yang ukurannya kelipatan 48 px, jadi PNG 96 atau 144 px yang ditautkan dari halaman beranda juga mencakup hasil penelusuran. Browser menyimpan cache favicon dengan sangat agresif; buka halaman di jendela pribadi untuk langsung melihat favicon yang baru.
Pertanyaan seputar WebP ke ICO
Mengapa saya perlu file .ico jika logo saya sudah berformat WebP?
Browser otomatis meminta /favicon.ico dari root situs Anda bila halaman tidak mendeklarasikan ikon, dan pintasan Windows, browser lama, serta banyak kolom favicon di CMS mengharapkan ICO atau PNG. Satu file .ico di root memenuhi semuanya tanpa markup apa pun.
Apakah area tembus pandang di sekitar logo WebP tetap transparan di ICO?
Ya. WebP dan ICO sama-sama membawa kanal alfa, sehingga latar transparan langsung masuk ke setiap ukuran di dalam ikon, dan favicon tampil rapi di tab browser terang maupun gelap.
Apa yang terjadi jika saya mengunggah WebP animasi untuk dijadikan ICO?
ICO hanya menyimpan gambar diam, jadi konverter memakai frame pertama (Masukan beranimasi disetel ke Hanya frame pertama). Pilih sumber lain jika frame pertamanya kosong atau sedang di tengah transisi.
Apakah kompresi lossy WebP akan terlihat di favicon?
Jarang pada 16 hingga 64 px, karena pengecilan meratakan artefak kecil itu. Lingkaran samar bisa tersisa di lapisan 128 dan 256 px. Jika logo juga tersedia dalam bentuk vektor, SVG ke ICO memberi tepi paling bersih.
Berapa resolusi logo WebP yang dibutuhkan untuk favicon yang tajam?
Minimal 256 × 256 px dan persegi, agar lapisan terbesar dibuat dengan mengecilkan, bukan memperbesar. Logo 120 px yang tersimpan dari header halaman akan tampak buram pada ukuran yang lebih besar.