Як створити піктограму для веб-сайту

click fraud protection

Дуже багато залежить від маленької піктограми на вкладці браузера.

Якщо у вас є бізнес-сайт, вам потрібен фавікон.

Фавікон або піктограма веб-сайту – це невеликий символ, який відображається у веб-браузерах, як-от Google Chrome, на вкладці веб-сайту або в списках закладок і вибраного. Хороший фавікон може допомогти людям знайти ваш веб-сайт, коли у них відкрито кілька вкладок, і посилити ваш бренд. Поганий фавікон можна забути, а найгірші з них є образливими, тому важливо розуміти, як і навіщо створити надійний значок веб-сайту.

На цьому скріншоті типової веб-сторінки значок сайту обведено колом.
© The Balance 2019

Технічні вимоги

Фавікон – це традиційне зображення розміром 16 на 16 пікселів, яке завантажується та розміщується на веб-сайті. Наразі ви можете збільшити файл залежно від програми веб-дизайну, яку ви використовуєте, якщо вони мають однакове співвідношення сторін, наприклад 48 x 48 або 144 x 144 пікселів. Незалежно від того, наскільки великий файл, у більшості випадків він все одно відображатиметься як 16 x 16 пікселів.

Більшості розробників веб-сайтів подобається

WordPress andWix хоче, щоб файл був у форматі JPEG або PNG. Якщо ваш файл має прозорий фон, обов’язково збережіть його у форматі PNG, оскільки це передасть прозорість.

Чому це взагалі називається «favicon»? Відповідно до одного з перших Internet Explorer інженерів, присутніх на його винаході, «favicon» є скороченням від «Favorite Icon» і призначений для полегшення пошуку веб-сайтів у довгих списках закладок (або «Вибраного», як вони були відомі в Internet Explorer).

Що працює в Favicon Design

Оскільки піктограми невеликі, ви хочете, щоб вони були простими та ефектними. Все, що є надто складним або здається розмитим, не буде настільки ефективним у цьому форматі.

Вам також не завжди потрібен образ. Ви також можете використовувати літери як фавікон. Наприклад, якщо назва вашого веб-сайту MangoBicycles.com, ви можете використовувати «MB» гарним шрифтом як значок сайту. Набагато краще мати фавікон на основі літер, ніж взагалі не мати.

Як створити піктограму веб-сайту

Якщо у вас є художник-оформлювач, з яким ви укладаєте контракт або який працює в штаті, ви можете легко попросити його розробити фавіконку вашого сайту. В іншому випадку ви можете створити значок сайту за адресою Fiverr.com або використовувати Favicon.io зробити один безкоштовно. Favicon.io має кілька варіантів створення піктограми веб-сайту, включаючи створення піктограми з літер.

Як встановити значок Favicon

Якщо у вас є людина, яка створює ваш веб-сайт, вона може зробити це за вас. В іншому випадку більшість конструкторів веб-сайтів мають просте місце для завантаження значка сайту, вам просто потрібно знати, де шукати. У WordPress ви використовуєте розділ зовнішнього вигляду в області адміністрування, щоб завантажити файл favicon. У WIX ви можете завантажити фавікон у налаштуваннях.

Де і навіщо використовуються піктограми

Фавікони використовуються в дуже спеціальних місцях в Інтернеті та можуть бути використані для брендингу.

Показ піктограм на вкладках веб-сайту

Найпоширенішим місцем для перегляду значка є вкладка веб-сайту. Вони відображаються, коли веб-сайт відкрито у веб-переглядачі, і допомагають людям швидко переходити на ваш сайт, якщо у них відкрито багато вкладок веб-переглядача. Більшість розробників веб-сайтів відображатимуть загальний символ на вкладці, якщо у вас немає значка сайту.

Favicons Показати в мобільному пошуку Google і в деяких пошукових системах

Фавіконки відображаються як частина списків веб-сайтів у мобільному пошуку, а також під час пошуку на комп’ютері. Якщо у вас його немає, ваш запис не буде так виділятися, як конкуруючі веб-сайти.

Google не показуватиме піктограми в результатах пошуку вони вважають недоречним. Це може включати символи ненависті або вміст для дорослих.

Favicons добре підходить для брендингу

Значки веб-сайтів, які поєднуються з логотипом вашого веб-сайту, можуть допомогти людям запам’ятати ваш бренд. Люди візуальні, і гарний фавікон, який відповідає дизайну вашого веб-сайту, може допомогти вам розвинути цілісний імідж бренду.

Підсумок використання значка веб-сайту для вашого бізнесу

Усі компанії повинні мати піктограму веб-сайту, оскільки вони відображаються під час пошуку в Інтернеті та на вкладках у вашому браузері. Хороший значок веб-сайту також допоможе вам створити сильний імідж бренду. Хороша новина полягає в тому, що їх легко зробити та встановити, тому ви можете швидко впровадити їх на своєму веб-сайті.

6 популярних курсів програмування в Сан-Франциско

Сан-Франциско відомий тим, що тут повно технічно підкованих людей. Він розташований поруч із Кремнієвою долиною, і тут з’явилася безліч технологічних стартапів і підприємців. Ось чому це ідеальне середовище для вивчення навичок, пов’язаних із тех...

Читати далі

Переваги та переваги державної служби

Хоча існує величезний розрив між приватним сектором і суспільний інтерес зарплати, робота в суспільному інтересі пропонує низку ключових переваг перед приватною практикою. Нижче наведено шість переваг роботи на державній службі. Сприяння суспіль...

Читати далі

Як знайти хорошого юриста

Вибір хорошого юриста подібний до вибору будь-якого іншого продукту чи послуги. Найкраще провести ретельне дослідження, щоб прийняти зважене рішення. Після того, як ви отримаєте рекомендації кількох юристів із досвідом роботи у відповідній сфері ...

Читати далі