Наверняка все, кто занимается html-версткой, сталкивались с векторными изображениями в формате svg.
Вообще SVG (Scalable Vector Graphic) - это язык для описания двумерной графики в XML. Он включает в себя три типа объектов: фигуры, изображения и текст. Как видно из названия, одним из главных преимуществ данного формата является возможность его масштабировать без потери качества, а следовательно для svg нет необходимости даже задумываться о retina-адаптации - векторные изображения будут четкими вне зависиморсти от плотности пикселей экрана.
Демо Скачать