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-ты Canvas API мен JSZip пайдаланып толығымен браузеріңізде толық фавикон бумасына — көп өлшемді .ico, Apple түрту белгісі, Android/PWA белгілері, веб манифесі және пайдалануға дайын HTML үзіндісіне — түрлендіреді. Ешнәрсе жүктелмейді; барлық өңдеу мен файл жинақтау жергілікті түрде жүреді.
- 1Canvas кескініңізді қайта масштабтайдыБраузер бастапқы кескіндеріңізді экраннан тыс HTML Canvas элементтеріне қажетті әр өлшемде (16, 32, 48, 180, 192 және 512px) салады. Нақты ен/биіктік атрибуттары жоқ SVG-лар алдымен DOMParser мен XMLSerializer арқылы қалыпқа келтіріледі, сондықтан Firefox пен Chrome бос canvas-тың орнына бірдей пиксель шығысын шығарады.
- 2Қолмен жазылған ICO кодтауышы .ico файлын жинақтайдыКіші ICO жазбалары (16, 32, 48px) шикі 32-биттік BGRA DIB биткарталары ретінде кодталады — BITMAPINFOHEADER плюс төменнен-жоғары XOR жолдар мен 1bpp ЖӘНЕ маскасы — себебі 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 blob-қа жинақтайды.
Кескініңіз браузердің Canvas API-ына тікелей жүктеледі және ешқашан құрылғыңыздан шықпайды — ешбір файл деректері ешбір сатыда серверге жіберілмейді.
Байланысты құралдар
PNG-ді ICO Favicon конвертері
PNG, JPG, WebP немесе SVG кескіндерін көп өлшемді .ico favicon файлдарына айналдырыңыз. Топтастырылғыңыз келетін өлшемдерді (16, 32, 48, 64, 128, 256) таңдаңыз және бір .ico файлын жүктеп алыңыз.
Анимациялық GIF жасаушы
Бірнеше кескінді анимациялық GIF-ке біріктіріңіз. Реттелетін кадр кешіктіруі, шығыс ені, ілмек және сапа. Толығымен браузерде кодталады.
Қолтаңба Жасаушы
Тінтуірмен, саусағыңызбен немесе стилуспен қолтаңба сызыңыз немесе атыңызды қолжазба қарпінде теріңіз, содан кейін оны мөлдір PNG немесе SVG ретінде экспорттаңыз.