Favicon немесе Таңдаулылар белгішесін қосу

Оқырмандарды торабыңызға қоятын кезде таңдамалы белгішені орнатыңыз

Бетбелгілерде және кейбір веб-браузерлердің қойындыны көрсететін кішкентай белгішені байқадыңыз ба? Бұл таңдаулылар белгішесі немесе favicon деп аталады.

Favicon сіздің веб-сайтыңыздың маркетингінің маңызды бөлігі болып табылады, бірақ сіз қанша сайттың жоқтығына таң қаласыз. Бұл бақытсыз, себебі олар өте оңай, әсіресе сіз өз сайтыңызға арналған графикалық және логотиптер бар болса.

Favicon жасау үшін алдымен суретіңізді жасаңыз

Графикалық бағдарламаны пайдалану арқылы 16 х 16 пиксель болатын сурет жасаңыз. Кейбір браузерлер басқа өлшемдерді қолдайды, соның ішінде 32 х 32, 48 х 48 және 64 х 64, бірақ сіз қолдайтын браузерлерде 16 х 16-дан үлкен өлшемдерді сынауыңыз керек. 16 х 16 өлшемі өте кішкентай екендігін ұмытпаңыз, сондықтан сіздің сайтыңыз үшін жұмыс істейтін кескінді жасағанша әртүрлі нұсқаларды сынап көріңіз. Көптеген адамдар бұл кішкентай өлшемнен әлдеқайда үлкен кескін жасау үшін, содан кейін оны азайтады. Бұл жұмыс істей алады, бірақ көбінесе үлкенірек кескіндер қысқартылған кезде жақсы көрінбейді.

Біз кішкентай өлшеммен тікелей жұмыс істегіміз келеді, өйткені сурет аяғында қалай көрінетінін анықтайды. Сіз өзіңіздің графикалық бағдарламаңызды ұлғайта аласыз және суретті жасай аласыз. Ол ұлғайтылған кезде блоктан көрінеді, бірақ ол соншалықты жақсы, себебі ол масштабталмаған кезде айқын болмайды.

Сіз суретті қалаған сурет файл түрінде сақтауға болады, бірақ көптеген иконкалар генераторлары (төменде талқыланған) тек GIF немесе BMP файлдарын қолдана алады. Сондай-ақ, GIF файлдары жалпақ түстерді пайдаланады және бұл жиі JPG фотосуреттеріне қарағанда шағын кеңістікте жақсы көрінеді.

Favicon кескінін белгішеге түрлендіріңіз

Сіз қолайлы сурет болғаннан кейін, оны оны иконалық пішімге (.ICO) түрлендіруіңіз керек.

Егер сіз өзіңіздің белгішіңізді тез құруға тырыссаңыз, FaviconGenerator.com сияқты онлайн Favicon генераторын пайдалануға болады. Бұл генераторларда белгішені жасайтын бағдарламалық жасақтама сияқты көптеген мүмкіндіктер жоқ, бірақ олар жылдам және сіз бірнеше секундта фавиконды ала аласыз.

PNG кескіндері және басқа пішімдер сияқты фавикондар

Көптеген браузерлер тек ICO файлдарын икондар ретінде ғана қолдайды. Қазір сіз PNG, GIF, анимациялық GIF, JPG, APNG, тіпті SVG (тек Opera бойынша) сияқты пішімдерде фавиконды аласыз. Көптеген браузерлерде бұл түрлердің көпшілігінде қолдау мәселелері бар және Internet Explorer тек қана қолдайды .ICO . Сондықтан IE-да көрсету үшін өзіңіздің белгішіңіз қажет болса, сіз ICO-мен ұстаныңыз.

Icon жариялау

Белгішені жариялау оңай, оны веб-сайтыңыздың түбірлік каталогына қотарыңыз. Мысалы, Thoughtco.com белгішесі /favicon.ico сайтында орналасқан.

Кейбір браузерлер сіздің веб-сайтыңыздың түп тамырымен өмір сүрсе, favicon-ді табады, бірақ жақсы нәтижеге қол жеткізу үшін сіз өзіңіздің favicon-ті қалайтын сайттың әр бетінен сілтеме қосуыңыз керек. Бұл сондай-ақ favicon.ico файлынан басқа бір нәрсе атты файлдарды пайдалануға немесе оларды түрлі каталогтарға сақтауға мүмкіндік береді.