Сделать иконку для сайта WordPress своими силами

Вступление

Отличительная особенность сайта, видимая в адресной строке браузера, рядом с его адресом и адресами страниц, называется фавикон (favicon). Это маленькая картинка, повторюсь, видимая в адресной строке браузера и его закладках. Как сделать иконку для сайта WordPress в этом посте.

Иконка для сайта WordPress и сегодняшняя реальность

Всё течёт, всё меняется. С недавних пор принципиально сменился способ добавления иконки для сайта WordPress.

Ранее нужно было сделать саму картинку иконки, далее уменьшить её размер и перевести в формат ico, и только потом добавить на сайт. При этом чаще приходилось прописывать meta теги icon в раздел head html кода.

Для рисования иконки есть отличный сервис www.favicon.cc на котором можно нарисовать и скачать иконку в формате ico.

На сегодня для добавления иконки на сайт WordPress достаточно иметь картинку или фото с рекомендованным размером не менее 512×512 px. Читать статью: Как добавить иконку….

Про иконку сайта её изготовление

Чтобы сделать иконку для сайта WordPress можно пойти двумя путями.

Во-первых, взять готовую картинку размером более 512×512 px (лучше квадратные, не круглые) и добавить на сайт из административной панели.

Во-вторых, самостоятельно нарисовать иконку сайта с учётом цвета сайта или цвета и вида логотипа фирмы.

Вариант 1

Забрать иконки больших размеров, а именно 512×512 px, можно, например, на этих специальных сайтах.

iconsdb.com
iconfinder.com
iconarchive.com
findicons.com
icons8.ru/icons/

Вариант 2

Создать бесплатно логотип можно на этих сервисах:

logomaster.ai
logaster.ru
turbologo.ru
logotypemaker.com/ru
logomak.com/ru

Вариант 3

Самостоятельно нарисовать уникальную картинку можно в Фотошоп.

Пример, как сделать иконку для сайта WordPress

Покажу, для примера, как можно элементарно, главное быстро, сделать уникальную иконку для сайта WordPress.

На одном из перечисленных выше сайтов беру иконку Tweeter, 512×512. Фото для удобства просмотра уменьшены.

В поиске беру картинку png прозрачный фон, буквы «П». Крашу её в редакторе Snagit в цвет ободка скачанной иконки (красный).

В редакторе Snagit вырезаю из иконки «птичку» и заливаю «дырку» чёрным цветом.

В редакторе FastStone Image накладываю букву на значок.

Картинка для иконки WordPress сайта готова. Добавляю её на сайт, предварительно сжимаю на сервисе tinypng.com.

Вывод

В этом уроке я показал, как быстро и просто забрать или сделать иконку WordPress сайту. Вы можете сделать это иначе.

Как сделать иконку для сайта WordPress