Penukar WebP ke ICO
Logo anda hanya ada dalam format WebP yang disimpan dari laman anda sendiri atau dieksport daripada reka bentuk? Tukarkannya kepada favicon.ico yang dikenali oleh pelayar, penanda buku dan pintasan Windows tanpa kod tambahan.
Penukar Imej
atau seret Fail JPG, JPEG, JPE … ke sini ·
Maks 95 MB setiap fail· Sehingga 20 fail· Dipadam selepas 30 minit
Fail diproses pada pelayan kami dan dipadam selepas 30 minit.
85 mengekalkan foto kelihatan sama dengan asal. Turunkan hanya apabila anda memerlukan fail yang lebih kecil.
JPG, BMP dan EPS tiada kelutsinaran. Piksel lutsinar diisi dengan warna ini.
Warna hex yang digunakan di belakang piksel lutsinar, cth. #FFFFFF.
Format ini hanya memuatkan satu imej. Pilih output GIF atau WebP jika anda mahu mengekalkan animasi.
Ikon berbilang saiz mengandungi beberapa resolusi dalam satu fail; pelayar dan sistem pengendalian memilih yang diperlukan.
Kekalkan dimensi asal, atau masukkan satu sisi dan nisbah bidang dikekalkan.
Piksel untuk sisi yang anda pilih di atas.
Peratusan daripada dimensi asal.
sRGB sesuai untuk skrin dan web. Kekalkan yang asal untuk aliran kerja cetakan; skala kelabu membuang warna.
Metadata sahaja, 0 mengekalkan nilai asal. Pencetak dan sesetengah portal membaca nombor ini; ia tidak mengubah dimensi piksel.
Cara menggunakan alat ini
- 1
Muat naik logo WebP
Letakkan fail .webp, atau sehingga 20 fail sekali gus, setiap satu 95 MB. Logo segi empat sama sekurang-kurangnya 256 × 256 px memberi hasil terbaik.
- 2
Kekalkan semua saiz ikon
Saiz ikon bermula pada Semua saiz (16–256) di bawah Tetapan lanjutan. WebP beranimasi menggunakan bingkai pertamanya.
- 3
Tukar dan muat naik ke laman anda
Tekan Tukar ke ICO, namakan semula fail kepada favicon.ico jika perlu dan letakkan dalam folder akar laman web anda.
Logo yang disimpan daripada laman web kini biasanya WebP. Satu penukaran menjadikan fail itu favicon.ico berbilang saiz dengan latar belakang lutsinar dikekalkan.
Buat favicon.ico daripada logo WebP
WebP menjadi format imej lalai bagi sebahagian besar web selepas diperkenalkan Google pada 2010; WordPress menerima muat naik WebP sejak versi 5.8 pada 2021, dan banyak CDN imej menukar setiap PNG yang dihantar. Jadi apabila anda mencari logo sendiri, salinan yang ditemui selalunya .webp, dan penjana favicon, Windows serta sesetengah panel hosting tidak menerimanya.
Format ICO menyelesaikan masalah yang berbeza daripada WebP. Daripada satu gambar termampat, ia menghimpunkan beberapa bitmap segi empat sama, dan pelayar atau sistem pengendalian memilih saiz yang diperlukan: 16 px untuk tab, 32 px untuk bar tugas atau bar penanda buku, yang lebih besar untuk pintasan desktop dan skrin berketumpatan tinggi. Penukaran menghasilkan semua saiz itu daripada WebP anda sekali gus.
Simpan WebP itu untuk logo dalam pengepala halaman anda. Kedua-dua fail digunakan di tempat berbeza, dan penukaran tidak mengubah fail asal.
Apa yang dimasukkan oleh penukar ke dalam ICO
- Lima saiz dalam satu fail .ico
- 16–256 px
- Fail WebP setiap kelompok
- 20
- Saiz maksimum setiap fail
- 95 MB
- Kemudian dipadam daripada pelayan
- 30 min
WEBP
Imej WebP
WebP ialah format imej yang dilancarkan oleh Google pada 2010 untuk memuatkan laman web dengan lebih pantas. Ia menyokong mampatan berkehilangan dan tanpa kehilangan, ketelusan alfa dan animasi dalam satu format. Fail WebP berkehilangan biasanya 25–35% lebih kecil daripada JPEG yang berkualiti visual serupa, dan WebP tanpa kehilangan biasanya lebih kecil daripada PNG. Setiap pelayar semasa menyokongnya, tetapi sesetengah perisian desktop lama, perkhidmatan cetakan dan borang muat naik masih menolaknya. Windows, macOS dan kebanyakan penyunting imej moden boleh membuka fail WebP.
- Pemampatan
- Lossy atau lossless
- Ketelusan
- Ya
- Animasi
- Ya
- Diperkenalkan
- 2010 · Google
ICO
Ikon Windows
ICO ialah format ikon Microsoft yang digunakan untuk ikon program Windows dan favicon laman web. Satu fail .ico boleh mengandungi beberapa imej pada saiz berbeza, seperti 16×16, 32×32, 48×48 dan 256×256 piksel, supaya sistem dapat memilih yang paling sesuai. Setiap imej boleh disimpan sebagai bitmap atau data PNG dan menyokong ketelusan alfa penuh. ICO tidak sesuai untuk foto atau karya seni besar. Pelayar, Windows dan kebanyakan penyunting ikon boleh membacanya.
- Pemampatan
- Lossless (tanpa kehilangan)
- Ketelusan
- Ya
- Animasi
- Tidak
- Diperkenalkan
- Microsoft
Logo WebP menjadi ICO apabila satu-satunya salinan logo jenama ialah fail termampat yang disediakan oleh laman web atau CMS, sedangkan laman masih memerlukan favicon.ico di akarnya.
Menyediakan logo WebP untuk tab pelayar 16 px
Potong pada simbol
Kebanyakan logo berbentuk lebar. Simpan simbol atau huruf pertama sahaja dan potong menjadi segi empat sama dengan sedikit ruang tepi.
Buang teks kecil
Slogan dan teks jenama menjadi bintik kelabu pada 16 px. Satu bentuk tebal kekal jelas; garisan nipis tidak.
Semak kedua-dua warna tab
Lihat hasilnya pada tema pelayar cerah dan gelap. Logo gelap pada latar lutsinar boleh hilang pada tab gelap.
Menambah favicon baharu pada laman anda
Letakkan favicon.ico dalam folder akar supaya ia boleh diakses di yoursite.com/favicon.ico. Mengisytiharkannya dalam head halaman dengan <link rel="icon" href="/favicon.ico" sizes="any"> menjadikan pilihan itu jelas, dan CMS seperti WordPress mempunyai medan Site Icon sendiri yang menulis teg tersebut untuk anda.
Dua lagi ikon melengkapkan set ini. iPhone dan iPad menggunakan apple-touch-icon, PNG 180 × 180 px, apabila seseorang menambah laman anda ke skrin utama; hasilkannya dengan WebP ke PNG dan panduan memotong kami. Google Search meminta favicon segi empat sama dengan saiz gandaan 48 px, jadi PNG 96 atau 144 px yang dipautkan daripada laman utama merangkumi hasil carian juga. Pelayar menyimpan cache favicon dengan agresif; buka halaman dalam tetingkap peribadi untuk melihat yang baharu serta-merta.
Soalan tentang WebP ke ICO
Mengapa saya perlukan .ico sedangkan logo saya sudah dalam WebP?
Pelayar meminta /favicon.ico daripada akar laman anda secara automatik apabila halaman tidak mengisytiharkan ikon, dan pintasan Windows, pelayar lama serta banyak medan favicon CMS menjangkakan ICO atau PNG. Satu fail .ico di akar menjawab semuanya tanpa sebarang penanda.
Adakah kawasan telus di sekeliling logo WebP saya akan kekal telus?
Ya. WebP dan ICO kedua-duanya membawa saluran alfa, jadi latar belakang lutsinar terus dipindahkan ke setiap saiz dalam ikon, dan favicon kelihatan kemas pada tab pelayar yang cerah dan gelap.
Apakah yang berlaku jika saya memuat naik WebP beranimasi?
ICO menyimpan imej pegun, jadi penukar menggunakan bingkai pertama (Input beranimasi ditetapkan kepada Bingkai pertama sahaja). Pilih sumber lain jika bingkai pertama kosong atau sedang bertukar.
Adakah kesan pemampatan lossy WebP akan kelihatan pada favicon?
Jarang pada 16 hingga 64 px, kerana pengecilan meratakan artifak kecil. Halo samar mungkin kekal dalam lapisan 128 dan 256 px. Jika logo turut wujud sebagai vektor, SVG ke ICO memberi tepi yang paling bersih.
Berapakah resolusi logo WebP yang diperlukan untuk favicon yang tajam?
Sekurang-kurangnya 256 × 256 px dan segi empat sama, supaya lapisan terbesar dihasilkan dengan mengecilkan, bukan membesarkan. Logo 120 px yang disimpan daripada pengepala halaman akan kelihatan kabur pada saiz yang lebih besar.