Создание адаптивного изображения — это не ракетостроение. Я уверен, что вы уже много их создавали, используя CSS. Однако гибкий размер — это только один из факторов, когда речь идет об адаптивных изображениях...

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