Уроки Html, Css Как добавить иконку сайта favicon
1277 смотрели · 6 лет назад
Как добавить логотип на свой сайт HTML&CSS
Всем привет, с вами Кейта. Сегодня, мы с вами сделаем экспресс-статью без лишней воды и мыла. Как же добавить логотип на свой сайт. Экземпляр сайта с работающим логотипом(НЕ РЕКЛАМА): http://cafe.keita.fun (Домен неактуален) Для начала сделайте или скачайте файл в формате png с изображением без фона. Например чашку кофе в моём случае. Зайдите на любой интернет-сайт по изменению формата изображения. Наберите в браузере: "png to ico online". На любой из этих сайтов вставьте ваш файл, нажмите "ОК", затем скачайте получившийся в формате ...
HTML иконки в браузерах – очень просто.
Вот самый простейший способ сделать иконку: Этот симпатичный, на мой взгляд, домик на вкладе слева вверху я нарисовал лично в редакторе Paint (даже не в Paint 3D), как файл формата PNG размером 16x16, и сохранил в корневом каталоге. В тексте HTML в разделе <head> добавил строку: <link type="image/png" sizes="16x16" rel="icon" href="favicon.png"> На самом деле всё немного сложнее, но всё-равно не стоит сильно заморачиваться. Немного истории: Первоначально браузеры, начиная с Microsoft Internet Explorer...