Що ж це за птах такий і навіщо він нам потрібен? Почнемо, мабуть, з простого визначення даного поняття.
Отже, Favicon є деякою абревіатуру, скорочення від англійських слів "Favorite" і "Icon". На український це можна перевести, як «значок для обраного», значок для веб-сторінки або сайту цілком.
Як бачите, їх багато, а значить, добути одну таку, ексклюзивну або не дуже, саме для себе не так вже й складно, втім, про те, як зробити фавікон онлайн, ми поговоримо трохи пізніше. Зараз я хочу пояснити, чому даний елемент необхідний кожному серйозному ресурсу.
По-перше, дана картинка дозволяє виділитися на тлі загальної сірої маси ресурсів, подібних вашому. Логотип будь-якої фірми або її бренду робить ресурс впізнаваним для користувача.
По-друге, в пошуковій видачі під час формування сниппета в Яндексі сайт завжди показується з цим значком. Якщо хочете виглядати «охайно» і привертати увагу, то доведеться знайти генератор фавіконки в інтернеті і створити її, але про це трохи пізніше.
По-третє, даний елемент є таким же атрибутом солідності сайту, як краватка і дорогий годинник є атрибутом солідності якогось вельми багатого дядька з Газпрому.
Попросту кажучи, цей значок є ще одним засобом збільшити популярність і відвідуваність вашого ресурсу.
Ось вам приклад запиту та списку сайтів до нього підібраного.
Ось тільки цю картинку-ярличок Яндекс показує не відразу. Зазвичай, сервісу потрібен якийсь час, щоб проіндексувати зображення за допомогою спеціального інструменту, але не так вже й багато (трохи більше місяця або близько того). Б'юся об заклад, багатьом цікаво, як же перевірити, чи показується фавікон сайту у видачі чи ні? Ось вам три простих способи:
1) «Знайдіть» свій сайт за допомогою пошукової системи Яндекс. Якщо зображення вже завантажено, то воно буде видно.
3) Якщо використання виробу Яндекс.Вебмайстер, то зможете перевірити стан своїх фавіконок з його допомогою (вони відображаються поруч з сайтами).
Генератор favicon онлайн і колекції готових значків
Думаю, всім очевидно, що цей «маленький» питаннячко якось треба вирішувати. Я пропоную вам кілька варіантів, точніше два з половиною.
По-перше, завжди можна не мудрувати лукаво, і завантажити готовий елемент, виявивши його в який-небудь нескінченної галереї йому подібних. Але варіант має дуже важливий мінус. Адже завжди може знайтися ще одна людина, чий смак повністю співпаде з вашим. Одружитися на ньому ви зможете чи, а ось фавіконки ваших сайтів будуть однаковими, що не дуже радує.
По-друге, що куди більш прийнятно, є можливість звернутися до такого інструменту, як генератор favicon.ico. Він може допомогти нам створити свою власну неповторну іконку.
Генератор також може створити значок, грунтуючись на якомусь готовому зображенні. Це, мабуть, один з найбільш поширених способів, так як він дає можливість стати власником не тільки досить оригінальною фавікон, але і не морочитися з нею, витрачаючи купу часу.
Колекції готових значків
Де ж можна підібрати більш-менш пристойний елемент, який зможе прикрасити ваш ресурс, надавши йому необхідні шарм і привабливість?
TheFaviconGallery
Audit4web.ru
Favicon.co.uk
Favicon.cc
Findicons.com
Це далеко не повний список і напевно у багатьох з вас з'являться свої улюблені місця, де можна швидко знайти пристойне зображення, але принцип їх залишається незмінним: ці картинки унікальними не назвеш. Тому пропоную перейти до наступного пункту плану нашої сьогоднішньої бесіди, а саме до питання про те, як зробити фавікон.
Онлайн-генератор фавікон
Саме так називається інструмент, здатний допомогти нам створити свою власну унікальну і неповторну картинку, яка стане візитною карткою всього сайту.
Якщо ж навичок немає або просто відверто лінь, то можна спробувати використовувати один з сервісів, здатних генерувати фавікон на основі будь-якого зображення (зазвичай, потрібно не дуже багато «важить» зображення). Іноді вони підтримують редагування результат, а іноді немає. Ось права прикладів подібних генераторів.
Точно такий же сервіс, але використовує в інтерфейсі рідний і зрозумілий багатьом всім мову.
Зрозуміло, це просто приклади. Якщо ви знайдете більш зручний варіант, то використовуйте його. В кінцевому рахунку, майже всі такі сервіси працюють однаково. Тепер же пропоную перейти до більш складним матерій.
Повернемося ж до питання малювання цієї картинки самостійно. Для цього зовсім не обов'язково використовувати всякі фотошопи, можна спробувати і сервіси в інтернеті.
Antifavicon.com
Не треба боятися приставки «анти». Ресурс, як ніякий інший, допомагає створити досить оригінальний фавікон по тій простій причині, що робиться це тут вельми цікавим способом. Тут можна зробити не якусь картинку, а напис на кольоровому тлі. Просто вводимо потрібні букви і вибираємо колір. Як на мене, так ось цей спосіб можна назвати ідеальним. Згадайте іконки ВКонтакте і Вікіпедії. Все геніальне просто.
Amichurin.Appspot.com
Перед вами робоча область 16 на 16 квадратів. Кожен з них ви можете зафарбувати будь-яким кольором, отримавши осмислену або не дуже картинку. Творіть, складайте, пробуйте. Хто знає, можливо у вас до цього талант і ваші фавікона будуть користуватися таким попитом, що ви займетеся їх продажем.
Favicon.cc
Цей сервіс я вже згадував в якості гарною галереї готових зображень. Але тут можна і малювати свої власні, і створювати їх на основі інших зображень. Загалом, цей багатопрофільний сервіс підійде для всіх. Ось тільки є у нього один значний недолік. Весь інтерфейс тут виключно англійською. Це не дуже зручно і одними базовими знаннями тут вже не обійтися.
що я тут намалював, сам не знаю
Можливо, в майбутньому ми ще розглянемо цей сервіс більш детально, але для нашої сьогоднішньої теми бесіди це буде зайвим. Достатньо лише загального знання того, що тут можна зробити favicon декількома способами.
Favicon-Generator.org
Ви не помилились. Всі ці сервіси схожі один на одного. Невеликі відмінності в інтерфейсі і можливу наявність пари-трійки додаткових інструментів - це максимум їх відмінностей. Проте, вибір повинен бути завжди. Ось я вам його і надав.
Для тих же, хто любить тільки дизайнерські речі елітного рівня, є варіант замовлення виготовлення картинки у фахівця. Ось тут можна не тільки спробувати намалювати іконку самостійно, але і «матеріально попросити» зробити це крутих фахівців. Чесно кажучи, я б із задоволенням найнявся до них на роботу.
Тепер же я б хотів поговорити про такі цікаві речі, як анімовані фавікона.
Створення анімованих favicon
Треба сказати, що подібні навороти підтримуються далеко не всіма браузерами, а створити рухається шедевр допоможуть всього кілька сервісів. Анімація може являти собою і біжучий рядок на латиниці в тому числі.
До божевілля елементарний в роботі ресурс. Просто даємо йому картинку і вписуємо потрібний текст. Усе. Отримуємо і оцінюємо результат. Файли можна скачати в запакованому вигляді.
Мабуть, навскидку я і не пригадаю інших ресурсів, що використовують українську мову, але це і ні до чого. Всі вони мають одні й ті ж принципи роботи, тому спокійно використовуйте цей.
Тепер ви вже знаєте, як роздобути гарний значок свого сайту. Але я хотів би дати вам парочку корисних порад перш, ніж ви візьметеся за справу.
Як зробити favicon? Корисні поради
По-перше, завжди використовується різні картинки для різних проектів. Кожен ресурс повинен бути особливим, навіть якщо він типовий.
По-друге, іконка повинна запам'ятовуватися, а її суть - відображати суть самого сайту або сторінки.
По-третє, я раджу вам використовувати рамку. Вона красиво виділяє малюнок і не дає йому злитися з загальним фоном.
По-четверте, не треба робити значок занадто яскравим і помітним. Добре, звичайно, якщо його запам'ятають, але погано, якщо він буде відволікати від змісту сторінок ресурсу. Тут головне не переборщити.
Ну і по-п'яте, інтернет-браузерів багато і всі вони працюють по-різному. Наприклад, той же IE 6 не вказує ці елементи, тільки якщо сайт буде додано в «вибране».
Розібравши питання про те, де і як можна дістати фавікон онлайн, не завадило б навчитися його використовувати.
Якщо говорити про звичайний сайті, то підключення елемента здійснюється за допомогою приблизно ось такого HTML-коду:
Додавання іконки на блог в WordPress
Насамперед переконайтеся в тому, що сама картинка знаходиться в кореневій папці сайту. Після цього необхідно розібратися з кодом вашої теми. Нас цікавить рядок, яка буде виглядати приблизно ось так:
Якщо вона є, видаляємо і вставляємо ось такі:
Якщо ж потрібного рядка ви не знайдете, то просто вставте дві зазначені в блок між тегами
і . Іншими словами, діємо точно також.Покінчивши з цим технічним питанням, будемо розбиратися з самою картинкою. Її, як уже говорилося, доведеться покласти в кореневу папку під ім'ям favicon.ico. Сам файл не повинен перевищувати розміру 16 на 16 px.
На цьому ваш нелегкий труд закінчується. Чекаємо близько місяця, поки пройде індексація зображення пошуковими системами і насолоджуємося отриманим результатом.
Чи можна заробити на створенні фавікон?
В кінці хотілося б сказати пару слів про цей вид фріланса, якщо можна так висловитися. Дійсно, створення подібного об'єкта у професіонала варто небагато-немало, а близько 20 у.о. І напевно знаходяться ті, хто їх платить, тому ви можете спробувати і свої власні сили на цьому поприщі.
Я спробую коротко викласти план дій людини, що намагається заробити на створенні фавікон онлайн.
Щоб щось продавати, необхідно місце, де можна викласти товар. У нашому випадку це сайт в інтернеті. Створюємо такий і оформляємо. Відразу скажу, химерності тут не потрібно, але необхідно, щоб були присутні деякі каталоги готової продукції. Зацікавлена особа зможе вибрати вподобану картинку і придбати її, зв'язавшись з вами.
Можливий і інший варіант, коли доведеться працювати на замовлення. Вам будуть викладені всі переваги, побажання, вимоги, задумки та інше, а ви повинні будете, виходячи з отриманої інформації, створити красиву і повністю відповідає тематиці ресурсу іконку. Такий варіант куди більш трудомісткий, але він же і куди краще оплачувану.
Тут, як і в будь-якому іншому творчості, важливо зробити собі ім'я. Зрозуміло, заробити на Феррарі не вийде, але у вигляді додаткового заробітку виробництво іконок цілком згодиться.
(Поки оцінок немає)
Привіт, Vahan. Дякую за відгук.
На жаль, я не думаю, що Новомосковсктелям буде цікаво вивчати ази створення сайту на вордпресс. Чесно кажучи, намагаюся брати актуальні і корисні теми, які б зацікавили новачків в блогінг. Навіть трохи здивований такою реакцією.