Простые устройства
Просто об устройствах

Огромная иконка сайта

big faviconЕсли у вас браузер Opera 10, вы навеняка пользуетесь возможностью сохранения любимых сайтов на Экспресс-панели (или аналогичной). Я тоже долгое время пользовался этой фичей - очень удобно и наглядно. И вот однажды я обратил внимание, что есть сайты, для которых Opera (про другие браузеры не скажу) создает превьюшку иначе, чем для других. На скриншоте (кликните для увеличения) вы видите эту разницу: сравните превьюшку сайта РадиоКот и сайта Простые устройства. По-моему, второй вариант гораздо нагляднее. Хотите знать, как это делается?

А делается это очень просто. Если вы хотя бы раз создавали сайт своими руками, вы должны быть в кусре, что в HTML имеется тег <link rel="SHORTCUT ICON" href="http://*****/favicon.ico" />, при помощи которого можно задать "иконку" сайта.

Так вот, оказывается, практически такой же тег позволяет задать иконищу размером 144х144 пикселя, которую Opera и будет показывать вместо превьюшки. Этот тег перед вами: <link rel="apple-touch-icon" href="http://*******/fav2.png" />

Можно догадаться, что в операционной системе Mac-ов иконки сайтов все такие большие, но почему бы не воспользоваться этой фиче и для Windows? Я попытался поискать в интернете, и оказалось, что упоминаний о возможности задавать огромные иконки просто нет. Выходит, я один из немногих, кто сделал это для своего любимого сайта.

Надеюсь, вам понравилась эта информация и вы ей воспользуетесь, чтобы облагородить и свой сайт. Если эта статья окажется вам полезной - не стесняйтесь выставить ей оценку (рейтинг).

Обсудить эту статью на форуме (0 ответов).

Комментарии

FireFox тоже показывает большую иконку вместо уменьшенной странички сайта?
я включил в фаерфоксе обновление миниатюры для всех экспресс картинок раз в неделю, чтобы сразу видеть изменения.

Добавить комментарий

Поля со звёздочкой обязательны.

Добавить сайт (необязательно)
Код с картинки

Введите символы, которые видите на картинке.

Защитный код

Copyright 2019 © simple-devices.ru.
При использовании материалов ссылка на simple-devices.ru обязательна.