В CSS идет работа с пикселями, браузер все единицы преобразует в пиксели, вот и русуй картинки в пикселях. Только прежде чем бежать рисовать, следует понимать что такое CSS пиксель и физический пиксель устройства. Чтоб у тебя не получилось так, что ты нарисовал свой макетик под айфончик шириной 640, а потом удивляешься что все чертовски мелко выглядит на реальном устройстве, так как CSS пикселей там всего лишь 320.
Так-же следует понимать, что браузер не работает с дробными значениями пикселей, а округляет их. И если ты нарисовал свою иконку, а в ней объекты на пол пикселя выше, правее, левее и тд, то тогда не надо удивляться, что в браузере красивая иконка из редактора стала какашкой.