Адаптивность иконки означает, что для разных разрешений отображаются иконки с разной детализацией изображения
Адаптивные... иконки?
Адаптивность иконки означает, что для разных разрешений отображаются иконки с разной детализацией изображения

Эту статью стоит прочитать по двум причинам. Во-первых, вас уже заинтриговало название и вы не простите себе, если не узнаете, в чем там дело. А во-вторых, сервис, о котором пойдет речь, собрал в шесть раз больше заявленного минимума на Kickstarter и уже успешно функционирует.

Заголовок «адаптивная иконографика» звучит странновато. Адаптивные сайты уже стали хорошим тоном, но одно дело — перестраивать сетку в зависимости от разрешения устройства, и другое — делать адаптивными сами иконки. Это гигантский скачок вперед, как для адаптивного дизайна, так и для иконографики.

Что есть адаптивность иконки

Адаптивность иконки вовсе не подразумевает, что ее размер будет меняться «по шкале», вместе с изменением размера дисплея.

Адаптивность иконки означает: разные иконки отображаются для разных разрешений.

Разница таких иконок — это разница детализации изображения. Вот о чем речь:

Зачем это нужно

Крупная иконка с минимумом деталей смотрится скучно в большом размере, равно как и детальная иконка плохо рендерится на маленьких экранах.

Популярные ответы и сколько это стоит

Иконки, что называется «умные», встраиваются с помощью CSS. Сервис Iconic может генерировать PNG с альфа-каналом, SVG, SWC, OFT, TTF, EOT, Omnigraffle. Набор самих иконок можно скачать архивом прямо с сайта. Продукт опенсорсный, на GitHub есть страничка.

Текущая версия бесплатна, коммерческой предполагается сделать следующую, расширенную версию. При этом бесплатная таковой и останется.

В общем, пользуйтесь и делитесь ссылкой!