Акысыз Фавикон генератору
Каалаган сүрөттү толук фавикон топтомуна айландырыңыз: көп өлчөмдүү favicon.ico, Apple touch иконка, 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 үзүндүсү — толугу менен браузериңизде 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 битмаптары катары кодддолот — BITMAPINFOHEADER плюс ылдыйдан-жогору XOR саптары жана 1bpp AND маскасы — анткени 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> тегдери бар favicon-snippet.html — бир .zip блобуна чогултат, ал автоматтык түрдө түзмөгүңүзгө жүктөлөт.
Сүрөтүңүз браузердин Canvas API'сине түз жүктөлөт жана эч качан түзмөгүңүздөн чыкпайт — эч бир учурда эч кандай серверге файл маалыматы жиберилбейт.
Байланыштуу куралдар
PNG-ICO фавикон конверттегич
PNG, JPG, WebP же SVG сүрөттөрүн көп өлчөмдүү .ico фавикон файлдарына конверттеңиз. Топтолгон каалаган өлчөмдөрдү тандаңыз (16, 32, 48, 64, 128, 256) жана бир .ico файлын жүктөп алыңыз.
Анимацияланган GIF жасагыч
Бир нече сүрөттү анимацияланган GIF-ке бириктириңиз. Тууралануучу кадр кечигүүсү, чыгыш эни, кайталануу жана сапат. Толугу менен браузериңизде коддолот.
Кол Тамга Жасагыч
Чычканыңыз, манжаңыз же стилус менен кол тамга тартыңыз, же атыңызды кол жазуу шрифтинде терип, андан кийин аны ачык фондуу PNG же SVG катары экспорттоңуз.