Як зробити іконку?

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

Якою має бути іконка сайту

Фавікон (або піктограма) вперше почала використовуватися компанією Microsoft для позначення доданих в «вибране» сайтів та відстеження популярності ресурсів. Тому і базовим форматом до цих пір вважається ICO. Саме його розпізнають абсолютно всі браузери.

Теоретично можна забезпечити сайт іконками в PNG, JPEG, SVG, APNG і навіть GIF (з анімацією) форматах, але їх зчитування буде проводитися (або зовсім не проводитися) кожним браузером по-різному.

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

Adobe Photoshop

Володіючи навиками роботи в якому-небудь графічному редакторі, можна зробити іконку сайту з його допомогою. Для цього достатньо намалювати будь-яку картинку або ж зменшити розмір вже готової фотографії. У Adobe Photoshop це робиться так:

1. запускаємо програму;
2. відкриваємо меню «Файл»;
3. вибираємо пункт «Відкрити ...»;
4. знаходимо потрібне зображення на диску і двічі клікаєм по ньому;
5. підводимо курсор до «шапці» вікна відкритого зображення і натискаємо праву кнопку миші;
6. в розгорнулося меню вибираємо пункт «Розмір зображення ...»;
7. прибираємо у вікні, пташку з пункту «Зберігати пропорції» (якщо стоїть);
8. у розділі «Розмірність» встановлюємо в полях «Ширина» та «Висота» значення 16 пікселів;
9. натискаємо кнопку «OK».

Після цього досить зберегти іконку з назвою favicon з дозволом «.png». Так вона буде видно у всіх основних браузерах (крім Internet Explorer). Для конвертування фавікона у формат ICO доведеться скористатися яким-небудь конвертером.

Конвертація в ICO

Кращою для цих цілей є утиліта Format Factory. З її допомогою можна конвертувати практично у всі поширені формати як відео та аудіо файли, так і зображення. Щоб перетворити створений в графічному редакторі фавікон в ICO за допомогою Format Factory необхідно:

1. запустити програму;
2. відкрити розділ «Фото» (ліворуч);
3. натиснути кнопку «Все в ICO»;
4. у вікні, натиснути кнопку «Файл»;
5. знайти своє зображення на диску і двічі клікнути по ньому;
6. натиснути кнопку «OK»;
7. натиснути кнопку «Старт» у головному вікні програми.

Онлайн сервіси

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

Favicon.ru

Щоб створити фавікон в цьому сервісі достатньо:

1. перейти за адресою;
2. в полі «Намалювати іконку» зобразити бажаний об'єкт (вибір кольорів знаходиться на лівій панелі);
3. натиснути кнопку «СКАЧАТИ FAVICON»;
4. натиснути кнопку «СКАЧАТИ» у новому вікні і вказати місце для збереження створеної іконки.

Favico.com

Дозволяє перетворювати будь-які картинку в іконки для сайту. Для цього необхідно:

1. перейти за адресою;
2. натиснути на кнопку «BROWSE»;
3. вибрати бажане зображення на диску;
4. натиснути кнопку «CREATE»;
5. натиснути на стрілку в панелі справа і вказати місце для збереження створеної іконки.