Favicon жаратуучу
Логотипти жүктөп, сайтка керектүү бардык сөлөкөттөрдү бир ZIP'те алыңыз: 16, 32 жана 48 пикселдик сүрөттөрү бар favicon.ico, Google үчүн 48 пикселдик PNG, iPhone үчүн фону тунук эмес Apple Touch Icon, Android үчүн 192 жана 512 пикселдик сөлөкөттөр, коопсуз аймагы эске алынган маскаланчу сөлөкөт жана site.webmanifest. SVG жүктөсөңүз, топтомго icon.svg да кошулат. Өтмөктө, Google жыйынтыгында жана башкы экранда алдын ала көрүү чыгат, ал эми даяр <head> кодун көчүрүп аласыз; баары браузериңизде иштейт.
- Акысыз, каттоосуз
- Файлыңыз түзмөгүңүздөн чыкпайт
- Бир файл 50 МБ чейин
Баштоо үчүн логотибиңизди же сөлөкөтүңүздү кошуңуз. PNG, SVG, JPG жана WebP жарайт; эң жакшы жыйынтык үчүн кеминде 512 × 512 пикселдик чарчы сүрөт алыңыз.
Файлыңыз түзмөктөн чыкпайт: сүрөттөр браузерде иштетилет. EXIF жана жайгашкан жер маалыматы жыйынтыкка кошулбайт.
Favicon кантип түзүү
Логотипти кошуңуз
PNG, SVG, JPG же WebP логотипин жүктөңүз. Эң жакшы жыйынтык үчүн кеминде 512 × 512 пикселдик чарчы сүрөт алыңыз; SVG да жарайт.
Атын, түстөрдү жана талааны белгилеңиз
Сайттын атын жана кыскача атын киргизип, тема менен фондун түстөрүн тандаңыз, керек болсо талаа кошуңуз. Алдын ала көрүү сөлөкөттүн өтмөктө, Google'да жана башкы экранда кандай көрүнөрүн көрсөтөт.
Архивди жүктөп алып, жайгаштырыңыз
ZIP'ти жүктөп алыңыз, файлдарды сайттын тамыр папкасына салыңыз жана көрсөтүлгөн <head> үзүндүсүн барактарыңызга кошуңуз.
Эмне сакталат?
Сакталат
- Логотибиңиздин катышы: чарчы эмес сүрөт чарчыга батырылат, эч качан сунулбайт
- Тунуктук (кадимки сөлөкөттөрдө; фон түсүн тандасаңыз, ал толтурулат)
- SVG жүктөсөңүз, icon.svg өзгөрүүсүз кошулат
Өзгөрөт
- Ар бир сөлөкөт өз өлчөмүнө жогорку сапат менен кайра эсептелет
- Apple Touch Icon жана маскаланчу сөлөкөттүн фону дайыма тунук эмес: тандаган түсүңүз же «Тунук» тандалса, ак
- Маскаланчу сөлөкөттө мазмун 80 % коопсуз аймакта жайгашат
Көчүрүлбөйт
- PNG же JPG'ден вектор (SVG) жасалбайт; icon.svg SVG жүктөгөндө гана болот
- EXIF жана башка метамаалыматтар сөлөкөттөргө кошулбайт
Качан пайдалуу
Жаңы сайт үчүн толук сөлөкөт топтому
Бир favicon.ico эми жетишсиз: iPhone башкы экраны, Android жана Google издөөсү ар башка файлдарды күтөт. Бир жүктөө менен бардыгын туура аты жана өлчөмү менен аласыз.
Сөлөкөттү Google жыйынтыгына чыгаруу
Google сайттын сөлөкөтүн издөө жыйынтыгында өлчөмү 48 пикселге эселүү чарчы файлдан көрсөтөт, жана ал файл сканерлөөгө ачык болушу керек. Топтомго мындай файл жана ага <head> шилтемеси кирет.
Тиркеме катары кошууга боло турган сайт (PWA)
Сайтты башкы экранга кошуу үчүн манифест жана 192/512 пикселдик сөлөкөттөр керек. Маскаланчу сөлөкөт Android сөлөкөттү тегерек же тегереленген чарчы кылып кескенде логотиптин кесилип калышына жол бербейт.
Билүүгө тийиш чектөөлөр
- Эң жакшы жыйынтык үчүн кеминде 512 × 512 пикселдик чарчы сүрөт алыңыз; кичине булактан жасалган чоң сөлөкөттөр бүдөмүк чыгат.
- 16 жана 32 пикселдик сөлөкөттөрдө ичке сызыктар менен майда текст окулбай калат; калың, контрасты жогору логотиптер жакшыраак иштейт.
- Тема түсү мобилдик браузерлердин дарек сабында гана колдонулат жана браузер жөндөөлөрүнө көз каранды.
- Google издөөдөгү сөлөкөттү бир нече күн, ал тургай жумалар бою жаңыртышы мүмкүн, браузерлер да сөлөкөттөрдү кэштейт.
Көп берилүүчү суроолор
Сайтка кандай favicon файлдары керек?
Азыркы топтом мындай: тамырдагы favicon.ico, Google үчүн 48 пикселдик PNG, мүмкүн болсо icon.svg, iPhone үчүн 180 пикселдик apple-touch-icon.png, Android үчүн 192 жана 512 пикселдик сөлөкөттөр жана site.webmanifest. Жаратуучу муну баарын жасап, <head> шилтемелерин берет.
Маскаланчу сөлөкөт деген эмне?
Маскаланчу сөлөкөт мазмунун коопсуз аймакта кармайт жана фону толугу менен боёлгон болот, ошондуктан Android аны түзмөккө жараша тегерек, тегереленген чарчы же башка формага кесе алат. Бул жерде мазмун 512 пикселдик сүрөттүн борбордук 80 % аймагына коюлат.
Apple Touch Icon эмне үчүн тунук эмес жана бурчтары тегеректелбеген?
iOS тунук аймактарды кара түс менен көрсөтөт жана бурчтарды өзү тегеректейт. Ошондуктан сөлөкөт толук боёлгон жана тегеректөөсүз, сиз тандаган фон түсү менен (тунук тандалса, ак) жасалат.
Менин сөлөкөтүм эмне үчүн Google жыйынтыгында көрүнбөйт?
Сөлөкөт файлын robots.txt жаппашы, башкы беттин <head> бөлүгүнөн ага шилтеме болушу жана ал өлчөмү 48 пикселге эселүү чарчы болушу керек. Оңдогондон кийин Search Console'до башкы баракты кайра индекстөөнү суроого болот; жаңыруу баары бир бир нече күн же жума алышы мүмкүн.
Чарчы эмес сүрөт жүктөсөм эмне болот?
Сөлөкөттөр чарчыга бузулбай батырылат, эки жагында бош орун калат. Сүрөт чарчыны толтурушу керек болсо, адегенде аны кесүү куралы менен 1:1 кылып кесиңиз.
PNG'ден SVG favicon жасайбы?
Жок. Пикселдерди векторго автоматтык түрдө айландыруу сөлөкөттүн көрүнүшүн байкатпай өзгөртүшү мүмкүн, ошондуктан icon.svg өзүңүз SVG жүктөгөндө гана кошулат.
Бул курал акысызбы?
Ооба, толугу менен акысыз. Аккаунт, жазылуу жана водяной белги жок.
Файлдарым бир жакка жүктөлөбү?
Жок. Сүрөттөр браузериңизде иштетилет жана түзмөгүңүздөн чыкпайт. EXIF жана жайгашкан жер маалыматы жыйынтыкка кошулбайт.