Bagaimana cara membuat favicon daripada logo saya?

Letakkan fail PNG, JPEG, WebP atau SVG, tetapkan pilihan seperti Bentuk, Pelapik dan Nama apl, kemudian klik Jana pakej favicon (.zip). Salin coretan HTML yang ditunjukkan di bawah Tampal ke dalam head anda.

Apakah fail dalam ZIP favicon?

favicon-package.zip mengandungi favicon.ico, ikon PNG (16, 32, 180, 192 dan 512 piksel), site.webmanifest dengan nama apl anda, dan favicon-snippet.html dengan teg pautan.

Apakah saiz dan format imej yang patut saya muat naik?

PNG, JPEG, WebP dan SVG diterima, satu fail pada satu masa. Untuk hasil paling tajam gunakan imej segi empat sama sekurang-kurangnya 512x512; PNG atau SVG telus berfungsi paling baik.

Bagaimana cara mendapatkan favicon bulat atau bersudut bulat?

Selepas memuat naik, pilih Segi empat sama, Bulat bersudut atau Bulatan di bawah Bentuk. Anda juga boleh melaraskan Pelapik dari 0 hingga 25 peratus dan pratonton hasilnya dalam pratonton Tab pelayar.

Adakah imej saya dimuat naik, dan mengapa penjanaan gagal?

Ikon dilukis dengan Canvas pelayar dan dizip dengan JSZip pada peranti anda. Jika anda melihat Tidak dapat memuatkan imej ini, fail mungkin rosak; cuba imej atau pelayar lain.

Adakah ia benar-benar percuma?

Ya. Setiap alat adalah percuma untuk digunakan, tanpa akaun dan tanpa kad kredit. Kerja dijalankan pada peranti anda dan bukannya pada pelayan kami, itulah yang menjadikannya percuma untuk dijalankan.

Adakah fail saya dimuat naik?

Tidak. Fail anda dibuka dan diproses dalam pelayar anda dan tidak dihantar ke LibraTool. Sesetengah alat memuat turun enjin pemprosesan atau model AI ke pelayar anda dahulu; muat turun itu tidak mengandungi data anda.

Adakah ia berfungsi pada peranti mudah alih?

Ya. Ia berjalan dalam pelayar mudah alih semasa di iOS dan Android, tanpa apa-apa untuk dipasang. Fail yang sangat besar mungkin perlahan atau kehabisan memori pada telefon, jadi gunakan komputer untuk fail sedemikian.

🌟

Penjana Favicon percuma

Tukar mana-mana imej kepada pakej favicon lengkap: favicon.ico berbilang saiz, ikon sentuh Apple, ikon Android/PWA, manifes web, dan coretan HTML sedia tampal — semua dizipkan, dalam pelayar anda.

Saiz fail bergantung pada peranti andaFail kekal peribadiTiada log masuk diperlukanPercuma selama-lamanya

Lepaskan fail di sini, atau klik untuk semak imbas

PNG, JPG, WebP, SVG, HEIC, HEIF · diproses pada peranti anda

atau tekan Ctrl+V untuk menampal daripada papan keratan

Layar fail

Fail anda tidak pernah meninggalkan peranti. Semua pemprosesan berlaku secara tempatan dalam pelayar anda.

💡 Untuk hasil terbaik, muat naik imej persegi sekurang-kurangnya 512×512. PNG telus atau SVG paling sesuai.

Kegunaan biasa

Buat Favicon Situs WebHasilkan set favicon lengkap yang diharapkan setiap browser dan perangkat.
Hasilkan Ikon PWA & ManifestDapatkan ikon 192px dan 512px serta manifes web yang dibutuhkan PWA.
Buat Ikon Apple TouchHasilkan ikon 180×180 yang digunakan iOS ketika situs disimpan ke layar beranda.
Ubah Logo Menjadi FaviconKonversi logo merek Anda menjadi favicon yang bersih dan mudah dikenali.
Hasilkan Favicon untuk Framework Apa PunDapatkan file favicon yang siap pakai untuk React, Next.js, WordPress, dan lainnya.

Cara ia berfungsi

Alat ini menukar mana-mana PNG, JPEG, WebP, atau SVG kepada pakej favicon lengkap — .ico berbilang-saiz, ikon sentuh Apple, ikon Android/PWA, manifest web, dan cebisan HTML sedia-tampal — sepenuhnya dalam pelayar anda menggunakan Canvas API dan JSZip. Tiada apa dimuat naik; semua pemaparan dan pembinaan fail berlaku secara tempatan.

1
Canvas menskalakan semula imej anda
Pelayar melukis imej sumber anda ke atas elemen HTML Canvas luar-skrin pada setiap saiz diperlukan (16, 32, 48, 180, 192, dan 512 px). SVG tanpa atribut lebar/tinggi jelas dinormalisasi dahulu melalui DOMParser dan XMLSerializer supaya Firefox dan Chrome menghasilkan output piksel identik dan bukan kanvas kosong.
2
Pengekod ICO tulisan tangan membungkus fail .ico
Entri ICO kecil (16, 32, 48 px) dikod sebagai bitmap DIB BGRA 32-bit mentah — BITMAPINFOHEADER ditambah baris XOR bawah-ke-atas dan topeng AND 1bpp — kerana komponen shell Windows memerlukan format DIB tidak dimampat pada saiz itu. Alat ini menulis pengepala direktori ICO dan menggabungkan entri sepenuhnya dengan DataView dan Uint8Array, tanpa pustaka ICO luaran terlibat.
3
Output PNG dihasilkan melalui canvas.toBlob
Setiap varian PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) ditangkap dengan memanggil canvas.toBlob dengan 'image/png', mendelegasikan pengekodan tanpa kehilangan kepada enjin imej terbina dalam pelayar. Lapisan pilihan, warna latar belakang, dan pemotongan bentuk (segi empat sama, bulat, atau bulatan) dikenakan pada konteks kanvas sebelum tangkapan.
4
JSZip membundel segalanya menjadi satu muat turun
JSZip membina semua fail yang dijana — favicon.ico, lima PNG, site.webmanifest dengan nama aplikasi anda, dan favicon-snippet.html dengan tag <link> yang betul — menjadi satu blob .zip yang dimuat turun secara automatik ke peranti anda.

Imej anda dimuatkan terus ke dalam Canvas API pelayar dan tidak pernah keluar dari peranti anda — tiada data fail dihantar ke mana-mana pelayan pada mana-mana titik.

Alat berkaitan

🖼️

Penukar PNG ke ICO Favicon

Tukar imej PNG, JPG, WebP, atau SVG kepada fail favicon .ico berbilang saiz. Pilih saiz yang ingin digabungkan (16, 32, 48, 64, 128, 256) dan muat turun satu .ico.

CubaFail kekal tempatan

🎞️

Pembuat GIF Animasi

Gabungkan berbilang imej menjadi GIF animasi. Kelewatan bingkai, lebar output, penggelungan, dan kualiti yang boleh dilaraskan. Dikodkan sepenuhnya dalam pelayar anda.

CubaFail kekal tempatan

Popular

✍️

Pembuat Tandatangan

Lukis tandatangan dengan tetikus, jari, atau stylus anda, atau taip nama anda dalam fon tulisan tangan, kemudian eksportnya sebagai PNG atau SVG lutsinar.

Cuba