PNG-г ICO Favicon болгох хөрвүүлэгч — үнэгүй
PNG, JPG, WebP, эсвэл SVG зургуудыг олон хэмжээтэй .ico favicon файлуудад хөрвүүлэх. Багцад оруулах хэмжээнүүдийг (16, 32, 48, 64, 128, 256) сонгоод нэг .ico татаж авах.
Файлаа энд чирж оруулах эсвэл дарж сонгоно уу
PNG, JPG, WebP, SVG, HEIC, HEIF · таны төхөөрөмж дээр боловсруулагдсан
эсвэл клипбордоос буулгахын тулд Ctrl+V дарна уу
Зөвлөгөө: Ctrl+V товчоор дэлгэцийн зургийг буулгаж болно
Таны файлууд таны төхөөрөмжөөс хэзээ ч гардаггүй. Бүх боловсруулалт таны хөтчид орон нутагт хийгддэг.
Түгээмэл хэрэглээ
- PNG-аас вэбсайтын Favicon үүсгэхТаны логотип PNG-г вэбсайтын таб нэвтрүүлэх олон нэрээ favicon.ico файлд хөрвүүлэх.
- Windows Рүүтийн эмэлт үүсгэхPNG эсвэл JPG зургуудыг Windows рүүтийн хэлхээ болон програмын эмэлтийн зориулалтаар .ico файлуудад хөрвүүлэх.
- Олон өөлрүүлсэн салбарсан эмэлтОлон эмэлтийн хэмжээлэлийг (16, 32, 48, 64, 128, 256) нэг .ico файлд боодлох бүх байрнийц ажилладаг.
- PWA эмэлтийн эх файлМанифесс ашигладаггүй архайн браузарт дэмжлэг аргумент болгон таны PWA логотипоос базав .ico үүсгэх.
- Брэнд логотипыг ICO форматад хөрвүүлэхТаны компани эсвэл сүлжээний логотипыг PNG, JPG эсвэл SVG-аас өндөр чадал .ico файлад цифр нэрийн идэвхтэй болгох.
Хэрхэн ажилладаг
Хөрвүүлэлт энэ хэрэгсэлд шууд бичсэн хоёр механизм ашиглан бүхэлдээ таны хөтчид явагддаг: icon фрэйм бүрийг масштаблаж зурах Canvas API, тэдгээр фрэймийг нэг .ico файлд боолдог гараар бичсэн ICO хоёртын кодлогч — ямар ч номын сан татагддаггүй, ямар ч файл таны төхөөрөмжөөс хэзээ ч гардаггүй.
- 1Зураг canvas руу декодлогддогТаны байршуулсан PNG, JPEG, WebP эсвэл SVG HTMLImageElement рүү ачаалагдаж хүсэлт бүрийн хэмжээнд (16×16-аас 256×256 хүртэл) дэлцэцийн-гадуурх canvas дээр зурагддаг. Canvas өндөр-чанарын bicubic зөөлрүүлэлт ашиглаж таны fit сонголтыг хүндэтгэдэг: 'contain' зургийг тунгалаг эсвэл өнгөт дотоод зайтай letterbox болгодог, 'cover' эх сурвалжаас төвлөрсөн дөрвөлжинг тайрдаг.
- 2Фрэйм бүр PNG байт болж экспортлогддогХөтчийн байгуулагдмал canvas.toBlob('image/png') масштаблагдсан фрэйм бүрийг алдагдалгүй PNG болгон кодолдог. Эдгээр түүхий байт .ico container дотор боологдох зүйл — орчин үеийн хөтөч, Windows PNG-in-ICO-г уугуулаар боловсруулдаг, энэ нь файлын хэмжээг хуучин BMP-суурьтай форматаас жижиг хадгалдаг.
- 3ICO хоёртын санах ойд угсарнаГараар бичсэн кодлогч DataView ашиглан шинээс .ico файлын бүтцийг бүтээдэг: 6-байт ICONDIR толгой зургийн тоог зарладаг, дараа нь хэмжээ бүрд 16-байт директорын бичлэг (өргөн, өндөр, бит-гүн, байтын урт, өгөгдлийн offset бичдэг), дараа нь бүх PNG payload дараалалаар нэгддэг. Гуравдагч талын номын сан хамааралгүй.
- 4Урьдчилан харах харагдана, файл татагданаТатахыг санал болгохоос өмнө UI боолсон хэмжээс бүрийн пиксел-нарийвчлалтай урьдчилан харахыг шатрын хөлөг дэвсгэр дээр зурдаг тул та хадгалахаасаа өмнө тунгалаг байдлыг шалгаж болно. Угсарсан Blob хөтчийн татах механизм руу 'favicon.ico' нэрээр дамждаг.
Таны зураг бүхэлдээ таны хөтчид боловсруулагддаг — хэзээ ч серверт байршуулагддаггүй, таб хаасны дараа ямар ч хуулбар хадгалагддаггүй.
Холбоотой хэрэгслүүд
Favicon үүсгэгч
Дурын зургийг иж бүрэн favicon багц болгон хөрвүүлэх: олон хэмжээтэй favicon.ico, Apple touch icon, Android/PWA дүрс, вэб манифест болон буулгахад бэлэн HTML фрагмент — бүгд zip хэлбэрээр, хөтчид.
Гарын Үсэг Үүсгэгч
Хулгана, хуруу эсвэл стилусаараа гарын үсэг зур, эсвэл нэрээ гар бичмэл фонтоор бичээд тунгалаг PNG эсвэл SVG болгон экспортол.
Зураг шахагч
JPG, PNG, WebP, болон AVIF зургуудыг шахах. Өмнө/дараа харьцуулалтыг харах.