Favicon для сайта хорошего качества в png

Автор Макс Пуля

Favicon для сайта высокого качества

Favicon - это иконка сайта, которая отображается браузером. Фавикон это не только украшение, но и инструмент маркетинга.

Фавиконы формата .ico уходят в прошлое. Сейчас многие применяют .png картинки для отображения фавикона на своем сайте. Качество такого фавикона в формате .png в разы лучше, чем .ico

В Интернете имеется огромное множество онлайн-сервисов по "созданию" фавикона в формате .ico. Вам не нужен такой сервис, потому что сделать качественный фавикон png очень просто!

Итак, всё что нужно - это сделать квадратную картинку в формате png. Например, такую:

Почему в png? Потому что смотреться фавикон без фона будет лучше (я сравнивал).

Оптимальный размер картинки 144х144 пикселя. Теперь загружаете картинку на сервер сайта и между тегами HEAD добавляете следующий код, конечно, изменяя путь к картинке на свой:

<link href="https://epicblog.net/templates/tx_zmash/images/apple_touch_icon.png" rel="icon" />

Вот и всё! Это очень просто! И фавикон получается намного качественнее, чем в формате .ico. Возможно, нужно будет почистить кеш браузера, чтобы увидеть новый фавикон.

Если у Вас компания или бренд, обязательно нужно использовать фавикон на сайте - это хорошо для маркетинга.
Если у пользователя открыто много вкладок, фавикон позволит опознать именно Ваш сайт по иконке в браузере.

Это самые очевидные преимущества использования фавикона на своем сайте.

Всем удачи и добра!

Опубликовано в Веб-разработки

Теги