Тавлидкунандаи фавикон-и ройгон
Ҳар тасвирро ба маҷмӯаи пурраи фавикон табдил диҳед: favicon.ico-и бисёрандоза, нишонаи ламси Apple, нишонаҳои Android/PWA, манифести веб ва порчаи омодаи HTML — ҳама зипшуда, дар браузери шумо.
Файлҳоро дар ин ҷо гузоред ё барои дидан клик кунед
PNG, JPG, WebP, SVG, HEIC, HEIF · Маҳдудияти андозаи файл нест
ё барои гузоштан аз ҳофиза Ctrl+V-ро пахш кунед
Файлҳои шумо ҳеҷ гоҳ дастгоҳи шуморо тарк намекунанд. Ҳама коркардҳо дар браузери шумо ба таври маҳаллӣ сурат мегиранд.
💡 Барои натиҷаи беҳтарин тасвири мураббаъро бо андозаи ҳадди ақали 512×512 бор кунед. PNG ё SVG-и шаффоф беҳтарин кор мекунад.
Чӣ тавр он кор мекунад
Ин абзор ягон PNG, JPEG, WebP ё SVG-ро ба маҷмӯаи пурраи favicon табдил медиҳад — .ico-и бисёр-андоза, нишонаи ламси Apple, нишонаҳои Android/PWA, манифести веб ва порчаи HTML-и барои часпонидан омода — пурра дар дохили браузери шумо бо истифодаи API-и Canvas ва JSZip. Ҳеҷ чиз бор карда намешавад; тамоми тасвиркунӣ ва ҷамъоварии файл маҳаллӣ рух медиҳад.
- 1Canvas андозаи тасвири шуморо аз нав муайян мекунадБраузер тасвири манбаи шуморо ба элементҳои Canvas-и HTML-и берун-аз-экран дар ҳар андозаи заруриро мекашад (16, 32, 48, 180, 192 ва 512 px). SVG-ҳои бидуни атрибутҳои ошкори бар/баландӣ аввал тавассути DOMParser ва XMLSerializer муқаррар карда мешаванд, бинобар ин Firefox ва Chrome натиҷаи якхелаи пикселро тавлид мекунанд, на canvas-и холӣ.
- 2Рамзгузори дастнависи ICO файли .ico-ро баста мебандадВурудиҳои хурди ICO (16, 32, 48 px) ҳамчун тасвирҳои хоми DIB-и BGRA-и 32-бита рамзгузорӣ мешаванд — BITMAPINFOHEADER ба илова сатрҳои XOR-и поён-ба-боло ва ниқоби AND-и 1bpp — зеро ҷузъҳои shell-и Windows дар он андозаҳо формати DIB-и фишурданашуда талаб мекунанд. Абзор сарлавҳаи директорияи ICO-ро навишта, вурудиҳоро пурра бо DataView ва Uint8Array пайваст мекунад, бидуни ягон китобхонаи берунии ICO.
- 3Натиҷаҳои PNG тавассути 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 бо номи барномаи шумо ва favicon-snippet.html бо тегҳои дурусти <link> — ба як blob-и .zip ягона ҷамъ мекунад, ки худкор ба дастгоҳатон боргирӣ мешавад.
Тасвири шумо бевосита ба API-и Canvas-и браузер бор карда мешавад ва ҳаргиз дастгоҳатонро тарк намекунад — ҳеҷ маълумоти файл ба ягон сервер дар ягон нуқта интиқол дода намешавад.
Абзорҳои марбут
Табдилдиҳандаи фавикони PNG ба ICO
Тасвирҳои PNG, JPG, WebP ё SVG-ро ба файлҳои фавикони бисёрандозаи .ico табдил диҳед. Андозаҳоеро, ки мехоҳед ҷамъ кунед (16, 32, 48, 64, 128, 256), интихоб кунед ва як .ico зеркашӣ кунед.
Созандаи GIF-и аниматсионӣ
Якчанд тасвирро ба GIF-и аниматсионӣ муттаҳид кунед. Таъхири кадр, бараборӣ, давр ва сифати танзимшаванда. Пурра дар браузери шумо рамзгузорӣ мешавад.
Созандаи имзо
Имзоро бо муш, ангушт ё калами электронӣ бикашед, ё номи худро бо шрифти дастхат нависед, сипас онро ҳамчун PNG ё SVG-и шаффоф содир кунед.