В недавно появившейся спецификации HTML 5.1 появилась полезная функция - адаптирование изображений под разные девайсы. Если кто
не знает - изображение можно вставить на сайт вот так:
<img src="картинка.формат">
Но это не единственный способ. Изображение может быть ссылкой или иконкой. Если хотите красивую иконку для сайта - воспользуйтесь <link rel="icon" href="иконка" type="image/x-icon">. Только не перестарайтесь :D
В новой спецификации можно задавать размер иконки с помощью атрибута size. А теперь вкусность!
То, что вы видите выше - предоставление браузеру возможности самому выбирать, какую картинку показывать. Ведь если широченная картинка будет загружаться на мобиле - толку будет мало :D А тут вы можете сами указать ширину в пикселях, и тогда браузер сам решить, что показывать на ПК, а что на телефоне.