- Що таке фавікон Фавікон (favicon - це скорочення від Favorite icon, в перекладі з анг. Означає улюблений...
- Додавання фавікона
Що таке фавікон
Наша взаимовыгодная связь https://banwar.org/
Фавікон (favicon - це скорочення від Favorite icon, в перекладі з анг. Означає улюблений значок) - іконка, також відома як ярлик, значок веб-сайту або значок закладки. Фавікон є звичайним графічним зображенням (картинкою), пов'язаним з конкретною веб-сторінкою або веб-сайтом. Браузери, які підтримують додавання фавікона, зазвичай відображають його в адресному рядку і у вкладках поруч з назвою сторінки, деякі браузери використовують його як значок для ярлика, збереженого на робочому столі. Пошукова система Яндекс, надала фавікона велике значення і відображає його разом з результатами пошуку.
створення
Для створення фавікона можна використовувати практично будь-який графічний редактор, проте формат зображення, яке ви вибрали повинен бути 16x16, 32x32 або 64x64 пікселя, з використанням 8-бітного або 24-бітного кольору. Зображення повинно мати розширення PNG (стандарт W3C), GIF або ICO.
При створенні зображення слід звертати увагу на такі нюанси:
- Фавікон повинен бути виконаний в тому ж стилі, що і сайт, так як він є свого роду візитною карткою вашого проекту.
- Зображення, яке ви хочете використовувати в якості фавікона, має бути гранично простим для розуміння, краще використовуйте лише кілька елементів.
- Слідкуйте за тим, що б фавікон, максимально передавав суть вашого сайту, бізнесу, проекту.
- Створювати картинку краще так, що б вона викликала у відвідувачів вашого сайту асоціації. Наприклад, іконка телефону, для салону мобільних телефонів.
Як приклад програми, що дозволяє створювати іконки, можна привести Favicon Create ( завантажити ) - це найпростіша програма. Щоб зробити іконку знадобиться всього лише звичайна картинка в форматі * .jpg, або * .bmp, яку можна зробити в будь-якому графічному редакторі, навіть в тому ж Пейнті. Завантажуємо картинку в програму, потім вибираємо розмір, глибину кольору і натискаємо кнопку старт. Все готово.
Додавання фавікона
Для додавання фавікона на веб-сторінку в початок HTML-документа потрібно вписати всього один рядок з тегом <link> , В якому потрібно вказати атрибут rel, який вказує браузеру що ми додаємо іконку, атрибут href, що містить адресу нашого зображення, і атрибут type, який показує який формат зображення ми використовуємо:
<Html> <head> <link rel = "icon" href = "путь_к_іконке / favicon.ico" type = "image / x-icon"> </ head> <body> </ body> </ html>
Примітка: зверніть увагу, що для кожної веб-сторінки або для кожного розділу сайту можна вказати свій власний фавікон.
У таблиці показані різні варіанти додавання фавікона і приведена підтримка браузерів:
Google Chrome Internet Explorer Firefox Opera Safari <link rel = "shortcut icon"
href = "httр: //mysite.ru/myicon.ico"> Так Так Так Так Так <link rel = "icon" href = "httр: //mysite.ru/image.ico"> Так Так (з IE 11 ) Так Так Так <link rel = "icon" type = "image / vnd.microsoft.icon" href = "httр: //mysite.ru/image.ico"> Так Так (з IE 9) Так Так Так <link rel = "icon" type = "image / png" href = "httр: //mysite.ru/image.png"> Так Так (з IE 11) Так Так Так <link rel = "icon" type = "image / gif "href =" httр: //mysite.ru/image.gif "> Так Так (з IE 11) Так Так Так <link rel =" icon "type =" image / x-icon "href =" httр: / /mysite.ru/image.ico "> Так Так (з IE 9) Так Так Так
Не варто недооцінювати значення фавікона, особливо сьогодні, коли в мережі Інтернет знаходяться мільярди сайтів і сторінок, частина з яких є вашими конкурентами. Іконка сайту, як і логотип, сприяє його запам'ятовуваність і впізнаваності. Не слід упускати додаткову можливість, поліпшити свій ресурс.