Розмір фавікона для сайту

У веб-дізайні, як ви напевно добре там, де, важліва Кожна деталь. Людина, Який перейшов на ваш ресурс, що не бачіть КОЖЕН з елементів окремо, а спріймає весь образ пакетом, что складається з других дрібніх деталей. Таким чином, если ви втрачаєте Щось в процесі розробки свого ресурсу, ця деталь в подалі может зіпсуваті весь комплекс, всю композіцію.

Такий дрібніцею может стать, например, фон кнопки, неправильно підібраній шрифт якогось невеликого елемента и даже фавікон. І действительно, подівіться Самі-Великі, відомі сайти ма ють індівідуальну іконку, яка позначає его в розділі &ldquo-Закладки&rdquo- в браузері користувача. Без неї розробник ресурсу не удалось б создать ту композіцію, до якої смороду прагнулі спочатку.

Тому и ві, створюючі дизайн для свого сайту, повінні подбаті про таку деталь, як фавікон. У Цій статті ми розповімо про ті, як підбіраті его під Загальний стиль ресурсу, а такоже про ті, Які розміри повінні буті у цього зображення.

Відео: Як створити іконку favicon.ico для сайту онлайн

іконка сайту

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

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

Відео: Юкоз 14. Зміна іконкі сайту (favicon)

призначення фавікона

Отже, картинка біля заголовка сайту служити для ідентіфікації. Це ее первісне призначення: Висловіть сайт, назаніе которого ми бачим, и віділіті его в очах других. Робиться це максимально просто за рахунок использование графіки: ми інтуїтівно спріймаємо інформацію в картинках набагато швідше и легше, чем в текстовому форматі. Фавікона спріяють нам у цьом. Альо НЕ Варто забуваті, что розмір фавікона мінімальній в очах користувача. Це не логотип в &ldquo-шапці&rdquo- сайту, Який может містіті додаткові Відомості у виде написів, якіх уточнення або контактної информации. Все, что может буті зображено в іконці біля назви, має максимально підходіті під розмір фавікона. А ВІН, як Вже Було зазначилися, просто мініатюрній (Всього 16 на 16 пікселів).

Як підібраті фавікон?

Так Яким же чином веб-майстер может Розробити іконку для свого сайту? Слід зауважіті, что просто зціпити логотип сайту, Частіше за все, що не Вийди. На Емблема, Які ставлять у виде лого того чи Іншого ресурсу, часто видно Різні елементи, Які НЕ всегда будут коректно відображатіся в мініатюрному виде. Краще відразу ж відмовітіся від такой затії.

Зрозуміло, розмір фавікона НЕ дозволяє Говорити и о том, щоб просто Вставити Туди напис. Будь-який текст буде просто непомітній при такому дозволі. Потрібно Розробити нову іконку, яка б передавала стиль сайту. Для поиска РІШЕНЬ, знову ж таки, давайте звернемося до найбільшіх майданчиків.

Много хто вікорістовує у виде фавікона стілізовану Першу букву назви сервиса. Так надходять, например, Bing, Yahoo, Yandex, Wikipedia, Google. Є й Інший підхід - если у вас коротке имя сайту, можете Встановити его в якості фону своєї ікони. Щоб розмір фавікона (в пікселях ВІН досягає, повторю, 16 на 16 точок) дозволяє коректно Показувати цею напис, вона винна буті НЕ довше 3 букв. Так Надходить, например, сервіс Aol.

Відео: HTML картинки и іконка сайту

Як створити фавікон?

Зробити іконку для назви сайту можна кількома способами. Звичайно ж, найпростішій - це робота з різнімі готовий рішеннями. Може йтіся про якісь сервісах або програмах, Які дозволяють з повноцінного зображення сделать іконку Шляхом Зменшення его. Однако, я б рекомендував зайнятості розробка такого логотипу Власний силами. Це, по-перше, дасть можлівість чогось научіться- а по-друге, надасть більшу Кількість ІНСТРУМЕНТІВ. Все, что вам нужно буде вміті для цього -що малювати, а такоже знаті, которого розміру фавікон винен буті в кінцевому варіанті. Про розмір іконкі для сайту ми поговоримо немного пізніше, а поки відзначімо деякі тонкощі роботи з такими зображеннями. Зокрема, чи не згадуючі розмір фавікона для сайту, слід уточніті формат такого зображення. Як відзначають досвідчені дизайнери, картинка винна буті Збережи у виде .jpg (24-бітному), або ж як файл.ICO.

Провести Збереження картинки можна, например, с помощью Photoshop, де и буде малювати емблема.

розміри фавікона

Отже, тепер поговоримо про ті, наскількі великою має буті картинка, якові ми бачим поруч з назв сайту в пошуковій відачі. За замовчуванню, як уже говорилося, ее розмір складає Всього 16 пікселів (по Кожній зі сторон). Однако если ви спробуєте редагуваті це зображення в &ldquo-Фотошопі&rdquo-, Самі переконаєтеся в тому, наскількі це незручно. Тому Рекомендуємо працювати зі збільшеною картинки, якові в подалі можна буде просто зціпити по краях и Зберегти в необхідному форматі.

мультіплатформеність

Однако говорячі про ті, которого розміру фавікон винен буті на Вашому сайті, нужно пам`ятати ще одну річ. Чи не всі Платформи відображають картинку ресурсу однаково. Например, Пристрої з Retina-дисплеєм &ldquo-бачать&rdquo- ваш фавікон в размере 32 на 32 пікселів. А в Safari и на новій платформі Windows, и зовсім, ЦІ іконкі досягають розміру 64 пікселів.

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

сторонні редактори

Звичайний, добро, если ви розбіраєтеся в Photoshop и добре там, де, Який розмір фавікона винен буті и як его досягті, зберігаючі свое зображення. Однако є маса новачків, Які просто не стікаліся з графічнімі редакторами настолько щільно Ранее, тому не могут так просто намалюваті потрібне зображення. Щоб помочь таким вебмастерам, існують Різні сервіси, что дозволяють в автоматичності режімі делать цікаву для вас іконку. Много з них даже безкоштовні Вимоги, что и зовсім НЕ требует ніякіх вкладень з боку користувача.

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

Як Встановити фавікон?

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

Відео: 6. Як зробити и Встановити favicon на сайт

Для цього отриманий зображення та патенти Зберегти з ім`ям favicon.ico и помістіті в корінь свого ресурсу. Все, тепер ваше зображення стані розпізнаватіся автоматично, и по подію Деяк годині воно буде прив`язана до вашого сайту.

Кроме такой прив`язки можна Додати ще одну Сходинки, яка буде &ldquo-підказуваті&rdquo-, де находится ваша іконка. Виглядає ВІН у такий способ:

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

Тому сміліво експеримент, прідумуйте Щось нове, намагались - и все Вийди!