Як швидко створити гарний фавікон для сайту у форматі ico

Доброї доби, шановні читачі. Іноді незначна річ може зіграти на руку. Сьогодні поговоримо про такі ось практично непомітні штуковини, які приносять істотну користь сайту.

З цієї статті ви дізнаєтеся, навіщо потрібні фавікони, де їх шукати і як зробити іконку у форматі ico просто і швидко.

Непомітний елемент, який відкладається у підсвідомості кожного

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

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

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

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

Розповім історію про те, як іконка для сайту зіграла зі мною злий жарт. Мені потрібно було скачати якусь книгу. Побачив я знайомий фавікон, дизайн теж бачив не вперше. Добре, я тут уже був! Натиснув на завантаження практично не замислюючись. Не встиг зберегти, як антивірусник заревів диким криком, а комп'ютер було вже не врятувати, довелося встановлювати заново систему. Тільки в цей момент я згадав, звідки я знаю цей сайт і добре його пам'ятаю. Така сама ситуація трапилася близько року тому, на цьому ж ресурсі.

Як створити фавікон всього за 2 хвилини

Іконка для вашого сайту може бути у форматі png або ico, розміром 16 х 16 пікселів.

Ви можете скористатися конвертером та створити фавікон з будь-якої картинки. Наприклад, тут https://www.icoconverter.com/ . Виберіть файл.

Ось, наприклад, я підготував малюнок. Найкраще вибирати формат png, тоді краї будуть прозорими.

Вибираємо 16 пікселів. Деякі віддають перевагу зображенням у 8 біт (показник Bit depth). Тоді картинка завантажуватиметься швидше. Мені здається, що це не особливо актуально. Використовуйте гарні та якісні речі. Це буде набагато корисніше.

Отже, начебто, все. Однак у мене виходить помилка. Справа в тому, що розмір зображення перевищує допустимі норми. Картинка має бути не більше 3 мб.

Можна стиснути або Paint, але я покажу вам інший варіант. Якщо ви завантажили зображення в гугле, знайдіть його знову, а потім запустіть «Пошук по картинці».

Тепер оберіть «Маленькі».

Завантажте те саме фото, але меншого розміру.

Конвертуємо знову.

Де шукати готові іконки

Простіший і чесніший спосіб знайти іконку завантажити її з онлайн сервісу https://www.iconsearch.ru/ . Використання цих картинок дозволено адміністрацією і не переслідується згідно із законом. . Введіть будь-яку назву в пошуковий рядок і готове.

Знаходьте зображення у форматі png та ico, завантажуйте та встановлюєте на сайт.

Але що робити, якщо хочеться зробити своїми руками? У цьому нічого складного.

Творча робота для професіоналів і тим, хто рветься в фахівці

Будь-яка справа – це добре. Круто, якщо ви тягнетеся до нових знань і готові робити всякі дрібні штучки, щоб розвивати свої здібності. Якщо у вас є бажання самому вигадати щось цікаве для порталу, то вам знадобиться безкоштовний сервіс: https://favicon.ru/ .

Вибираєте колір.

Малюємо у запропонованому для цього полі.

Паралельно слідкуйте за результатом. Потім завантажуєте і готове.

Можливо, вас надихне використання готових малюнків. Виберіть файл із комп'ютера.

І ваша картинка перетвориться на 8-бітний фавікон. Скористайтеся прозорістю, щоб позбавитися від фону.

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

Я б з великим задоволенням використав для цієї роботи фотошоп (). Створив би іконку, зберіг її в png, а потім конвертував за допомогою https://www.icoconverter.com . Так, роботи значно більше, зате результат буде цікавішим і красивішим. Хоча вибирати вам.

Подивіться відео, в якому хлопець за 9 з невеликим хвилин, створює чудову іконку.

Якщо вам сподобався цей ролик і ви хочете глибше вивчити фотошоп, то порекомендую вам курс Зінаїди Лук'яненко ( Фотошоп з нуля у відеоформаті VIP 3.0 ). Буквально за кілька тижнів ви опануєте всі навички, які потрібні для роботи з цією програмою.

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

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

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

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

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

Успіхів вам у ваших починаннях. До нових зустрічей.