Всем приветы и ответы! 😋💬
Представьте стандартную ситуацию с которой сталкивается абсолютно любой новичок при создании своего личного сайта или текстового блога!
Это установить маленькую иконку сайта, которая будет отображаться в закладках браузера.
А если копнуть глубже, то окажется, что:
- иконок должно быть много
- разных размеров
- под разные задачи
Теперь сидеть и уменьшать их вручную, создавать с нуля?
Нет.
Создать фавикон онлайн
Опустим создания картинки для будущего фавикона, она как правила должна быть создана из логотипа сайта, чтобы повысить узнаваемость сайта или блога.
Есть к примеру вот такая картинка кота:
- формат изображение jpeg.
- разрешение 400x400.
1. Заходим на сайт онлайн-сервис be1.ru
2. Загружаем нужную картинку.
3. После генерации картинки в фавикон мы получим файл для скачивания нужных изображений:
Как установить ссылки на фавикон?
1. Скачиваем к себе на компьютер файл favicons.zip
2. Разархивируем его содержимое и открываем папку:
- нам нужна папка icons
- файл index.html (открываем редактором Notepad++)
3. Открываем файл index.html и видим перед собой следующий html код:
Советую копировать следующий html код:
✔ Обязательный (и достаточный) тег для браузеров.
✔ Дополнительные иконки для десктопных браузеров.
✔ Иконки для Android.
✔ Иконки для iOS (Apple).
Копировать его в нужный вам файл сайта, как правило это header.php (открываем редактором Notepad++)
Незабываем сначала:
1. Загрузить картинки иконок, фавиконка в корень сайта.
2. Прописать прямой адрес для каждой картинки.
Совет по картинкам
Хочу дать личный совет, перед тем как загружать нужные фавиконки из папки icons к себе на сайт.
Сожмите их онлайн-сервисом iloveimg.
Тогда картинки будут весить в 10 раз меньше, тем самым отображаться в браузере гораздо быстрее.
Вот на этом у меня пожалуй всё.
Увидимся в следующих постах, всем пока! 🚀🔥💻
