Фавикон генераторы
Кез келген суретті жүктеп, бірден бірнеше өлшемдегі favicon.ico және Apple Touch пен Android/PWA үшін PNG-иконкаларды жасаңыз.
Сіздің бейнеңіз
Мұнда суретті сүйріп әкеліп тастаңыз
немесе файлдарыңызды қараңыз — PNG, JPG немесе WEBP
Иконкалардың өлшемдері
Қай өлшемдерді жасау керектігін таңдаңыз — favicon.ico әрқашан 16/32/48 px өлшемдерін қамтиды.
Пікірлер
Favicon генераторы туралы білуге қажетті барлық нәрсе
Сізге нақты қандай өлшемдер қажет, .ico форматы қалай жұмыс істейді және иконкаларды сайтыңызға қалай қосуға болады.
- Төртбұрышты сурет жүктеп, favicon.ico және Apple/Android PNG файлдарын бірден алыңыз.
- Барлығы сіздің браузеріңізде жергілікті түрде жұмыс істейді — сіздің суретіңіз ешқашан жүктеліп жіберілмейді.
- Әр өлшемде ең айқын нәтиже алу үшін кемінде 512×512 пиксельді төртбұрышты суреттен бастаңыз.
Favicon генераторын қалай пайдалану керек
- Суретті сүйреп әкеліңіз немесе сурет файлын таңдаңыз — мінсіз нұсқасы: кемінде 512×512 пиксельді шаршы сурет.
- Қажетті иконка өлшемдерін таңдаңыз: favicon.ico файлы мен Apple Touch және Android/PWA үшін PNG-суреттер.
- favicon.ico файлын тікелей жүктеп алыңыз немесе таңдалған барлық PNG өлшемдерін бір ZIP архивіне жинап алыңыз.
Неліктен фавикон жасау керек
Favicon — бұл браузерлердің қойындыларда, бетбелгілерде және тарихта көрсететін кішкентай белгішесі, және дәл сол бастапқы сурет қазір телефондардың басты экранындағы белгішелер мен қосымша тәрізді PWA орнатулары үшін де пайдаланылады. Қажетті барлық өлшемдерді қолмен дұрыс жасау үшін бірдей суретті әртүрлі пиксель өлшемдерінде қайта-қайта экспорттап, олардың кейбірін бір .ico файлына біріктіру керек.
Бұл құрал бәрін бірден орындайды: суретті бір рет жүктесеңіз, ол барлық кең тараған өлшемдерді және браузеріңізде дұрыс қапталған favicon.ico файлын жасайды.
Сізге шын мәнінде қандай өлшемдер қажет
| Өлшемі | Қолданылады | Неліктен тексеруге тұрарлық |
|---|---|---|
| 16/32/48px (.ico) Негізгі | Шолғыш қойындылары, бетбелгілер, жұмыс үстеліндегі қысқартулар | Классикалық фавикон — барлық браузерлер оны күтеді. |
| 180×180px | iOS «Басты экранға қосу» | Apple құрылғылары осы нақты өлшемді және файл атауын іздейді. |
| 192×192 және 512×512 пиксель | Android басты экраны, PWA орнату шақырулары | Көптеген веб-қосымша манифестері айқын орнату белгішесін талап етеді. |
Файлыңызды жүктемей-ақ фавикон генераторы
Сіздің суретіңіз браузерде Canvas API арқылы JavaScript тілімен тікелей оқылып, өлшемі өзгертіліп, қайта салынып, құрылғыңызда толықтай .ico және .zip файлдарына оралып шығады. Ол ешқашан серверге жіберілмейді, журналға жазылмайды және сақталмайды.
Түсірілетін ештеңе болмағандықтан, сервер жағында файл өлшеміне шектеу қойылмаған; жалғыз практикалық шектеу – браузеріңіздің суретті жадыға қаншалықты ыңғайлы жүктей алатындығы.
Сіздің суретіңіз ешқашан құрылғыңыздан шықпайды. Өлшемін өзгерту және пакеттеу толығымен клиент жағында жүзеге асырылады, ештеңе тіркелмейді немесе сақталмайды.
Алдымен бастапқы суреттің өлшемін өзгерту керек пе? Image Resizer құралы оны алдын ала дайындауға көмектеседі.
.ico және PNG — сізге нақты қайсысы қажет?
| Формат | Үшін ең жақсы | Айырбас |
|---|---|---|
| favicon.ico Оны әрқашан қосыңыз | Шолғыш қойындылары мен бетбелгілер | Бір файлға бірнеше өлшемдерді біріктіреді, бірақ бастапқы экранның белгішелері үшін қолданылмайды. |
| PNG иконкалары (180/192/512px) | Басты экран мен PWA орнату белгішелері | Apple/Android үшін бөлек қажет — тек .ico жеткіліксіз. |
Көптеген сайттарға екеуі де қажет: браузер қойындысы үшін .ico және HTML `<link>` тегтерінде және веб-қосымша манифестінде көрсетілген үй экранындағы иконкалар үшін PNG жиынтығы.
Адамдар Favicon Generator-ды не үшін пайдаланады
- Жаңа веб-сайттар: логотип негізінде толық favicon және touch-icon жиынтығын орнату.
- Rebrands: ескі фавиконды барлық жерде қолданылған жерінен ауыстыру.
- PWA және веб-қосымшалар: веб-қосымша манифесінде талап етілетін иконка өлшемдерін жасау.
- Статикалық сайт генераторлары жобаның ашық қалтасына тікелей орналастыруға болатын иконка активтерін жасайды.
- Клиент жұмысы: дизайн бағдарламасын пайдаланбай толық иконкалар жиынтығын тез арада жеткізу.
Бұл құрал қалай жұмыс істейді
Сіздің суретіңіз HTML канвасында әр таңдалған ажыратымдылықта қайта өлшеніп, содан кейін стандарттарға сәйкес .ico контейнеріне (кіріктірілген PNG кадрларымен) және қажет болса жеке PNG файлдарының .zip архивіне оралады — барлығы браузерде JavaScript арқылы тікелей жасалады, ештеңе жүктеліп сақталмайды немесе тіркелмейді.
Соңғы жаңарту: 2026 жылғы 14 қыркүйек.
Бұл нұсқаулық пайдалы болды ма?
Қораптағы басқа құралдар
Басты бетте тағы он төрт API-кілті қажет етпейтін тегін құрал қолжетімді.
Сөз санағыш
Сөздердің, таңбалардың, сөйлемдердің және абзацтардың тірі есептелуі.
Сурет өлшемін өзгертуші
JPG, PNG және WEBP суреттерінің өлшемін пиксельмен немесе пайызбен өзгерту.
Суретті PDF-ке
Суреттерді бір жүктеп алуға болатын PDF файлына біріктіріңіз.
JSON форматтаушы
JSON-ды әдемілеп, қысқартып және қателік ескертпелерімен тексеріңіз.
Сөздік комбинация генераторы
Күшті кездейсоқ құпиясөздер арнайы ережелермен.