Як створити favicon в фотошоп

При відвідуванні будь-якого сайту ви можете помітити спеціальну іконку, розташовану зліва від URL сторінки. При додаванні в обране вона автоматично з'являється поруч з обраної сторінкою. Як створити favicon іконку в програмі Adobe Photoshop і піде мова в даній статті ...

Як створити favicon в фотошоп

Для того, щоб створити іконку для web сайту нам знадобиться плагін для Photoshop. який дозволить зберегти отримане зображення в ico формат.

Викачуємо плагін і встановлюємо його, дотримуючись наведених нижче інструкцій:

  1. розпаковуємо папку
  2. Перекидаємо файл (ICOFormat або ICOFormat64 - залежить від версії Photoshop (32/64)) з розширенням .8bi в папку X: \ Program Files \ Adobe \ Photoshop \ Plug-Ins \ File Formats \ (де X - це ім'я диска, де встановлена програма)
  3. Перевантажуємо програму Adobe Photoshop

Замітка. Для 64 бітних систем, а також для інших папок, в які встановлює програма все файли, потрібно знайти папку X: \ Photoshop \ Plug-Ins \ File Formats \ (де X - це ім'я диска, де встановлена ​​програма; Photoshop - папка з встановленої програмою Фотошоп, і папка File Formats обов'язкова - туди скидаємо файл плагіна, який завантажуємо по вищезазначеним посиланням).

Після того, як ви зробили вищевказані дії, у вас повинно з'явитися ще 2 розширення для збереження файлів у програмі: ICO. CUR. Можна прочитати про ці формати в вікіпедії.

Отже, відкриваємо програму Adobe Photoshop і створюємо документ 64 × 64 пікселя або менш, щоб зберегти згодом наш файл з розширенням ICO. Робочий розмір може бути будь-яким, найголовніше запам'ятати, що вихідний файл повинен бути з розмірами 16 × 16 пікселів.

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

Далі зменшуємо зображення, переходимо в меню Image-Image Size і ставимо значення 16 × 16 пікселів.

Потім вибираємо пункт Save as і в меню формат знаходимо значення * .ICO. перейменовуємо наш вихідний файл в favicon. зберігаємо.

Тепер необхідно помістити готовий файл favicon.ico в папку на сервері, де розташований ваш сайт. А саме в те місце, де знаходиться основний файл (index.html / index.php).

Очищаємо кеш браузера і натискаємо F5, щоб зміни вступили в силу.