Favicon үүсгэгч — үнэгүй
Дурын зургийг иж бүрэн favicon багц болгон хөрвүүлэх: олон хэмжээтэй favicon.ico, Apple touch icon, Android/PWA дүрс, вэб манифест болон буулгахад бэлэн HTML фрагмент — бүгд zip хэлбэрээр, хөтчид.
Файлаа энд чирж оруулах эсвэл дарж сонгоно уу
PNG, JPG, WebP, SVG, HEIC, HEIF · таны төхөөрөмж дээр боловсруулагдсан
эсвэл клипбордоос буулгахын тулд Ctrl+V дарна уу
Таны файлууд таны төхөөрөмжөөс хэзээ ч гардаггүй. Бүх боловсруулалт таны хөтчид орон нутагт хийгддэг.
💡 Хамгийн тод үр дүнгийн тулд 512×512-оос доошгүй дөрвөлжин зургийг байршуулна уу. Тунгалаг PNG эсвэл SVG хамгийн тохиромжтой.
Түгээмэл хэрэглээ
- Вебсайтын favicon үүсгэхБүх браузер, төхөөрөмж очиход хүлээж байгаа favicon-ийн бүхэл багцыг үүсгэх.
- PWA болон Manifest дээжүүд үүсгэхPWA-д шаардлагатай 192px болон 512px дээжүүд болон вэб манифест авах.
- Apple Touch дээж үүсгэхiOS сайт нүүрний дэлгэц дээр хадгалагдаж байхад ашигладаг 180×180 дээжийг үүсгэх.
- Логог favicon болгохТаны брэнд логог цэвэр, танигдахуйц favicon болгож хөрвүүлэх.
- Ямар ч фреймворкийн хувьд Favicons үүсгэхReact, Next.js, WordPress болон бусад системийн favicon файлуудыг авах.
Хэрхэн ажилладаг
Энэ хэрэгсэл ямар ч PNG, JPEG, WebP эсвэл SVG-г бүрэн favicon багц — олон-хэмжээт .ico, Apple touch icon, Android/PWA icon, вэб манифест, наахад бэлэн HTML хэсэг — болгон Canvas API, JSZip ашиглан бүхэлдээ таны хөтчид хувиргадаг. Юу ч байршуулагддаггүй; бүх зурлага, файл угсаралт локалиар явагддаг.
- 1Canvas таны зургийг дахин масштабладагХөтөч таны эх зургийг шаардлагатай хэмжээ бүрт (16, 32, 48, 180, 192, 512 px) дэлгэцийн-гадуурх HTML Canvas элемент дээр зурдаг. Тодорхой width/height шинж чанаргүй SVG-г эхлээд DOMParser, XMLSerializer-ээр нормалчилдаг тул Firefox, Chrome хоосон canvas биш ижил пикселийн гаралт гаргадаг.
- 2Гараар бичсэн ICO кодлогч .ico файлыг боолдогЖижиг ICO бичлэг (16, 32, 48 px) түүхий 32-бит BGRA DIB bitmap болж кодлогддог — BITMAPINFOHEADER нэмээд доороос-дээш XOR мөр, 1bpp AND mask — учир нь Windows бүрхүүлийн бүрэлдэхүүн эдгээр хэмжээнд шахагдаагүй DIB форматыг шаарддаг. Хэрэгсэл ICO директорын толгойг бичиж бичлэгүүдийг DataView, Uint8Array ашиглан бүхэлдээ холбодог, гадаад ICO номын сан хамааралгүй.
- 3PNG гаралт canvas.toBlob-ээр гаргагддагPNG хувилбар бүр (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) canvas.toBlob-г 'image/png'-тэй дуудаж хөтчийн байгуулагдмал зургийн систем рүү алдагдалгүй кодлолтыг шилжүүлдэг. Сонголт дотоод зай, дэвсгэрийн өнгө, хэлбэрийн тайрал (дөрвөлжин, дугуйрсан эсвэл тойрог) canvas контекстэд авахаасаа өмнө хэрэглэгддэг.
- 4JSZip бүгдийг нэг татах болгон боолдогJSZip бүх үүсгэсэн файлыг — favicon.ico, таван PNG, таны апп нэртэй site.webmanifest, зөв <link> tag-тай favicon-snippet.html — таны төхөөрөмж рүү автоматаар татагддаг нэг .zip blob болгон угсардаг.
Таны зураг хөтчийн Canvas API руу шууд ачаалагдаж, төхөөрөмжөөс хэзээ ч гардаггүй — ямар ч файлын өгөгдөл ямар ч цэгт серверт дамжуулагддаггүй.
Холбоотой хэрэгслүүд
PNG-г ICO Favicon болгох хөрвүүлэгч
PNG, JPG, WebP, эсвэл SVG зургуудыг олон хэмжээтэй .ico favicon файлуудад хөрвүүлэх. Багцад оруулах хэмжээнүүдийг (16, 32, 48, 64, 128, 256) сонгоод нэг .ico татаж авах.
Хөдөлгөөнт GIF үүсгэгч
Олон зургийг нэгтгэж хөдөлгөөнт GIF үүсгэх. Фреймийн хоцролт, гаралтын өргөн, давталт болон чанарыг тохируулах боломжтой. Бүхэлдээ хөтчид кодлогддог.
Гарын Үсэг Үүсгэгч
Хулгана, хуруу эсвэл стилусаараа гарын үсэг зур, эсвэл нэрээ гар бичмэл фонтоор бичээд тунгалаг PNG эсвэл SVG болгон экспортол.