1) Большие растровые картинки без прозрачности - в jpg со сжатием около 70% + копия в двойном размере, при необходимости (в случае с фоновыми картинками, где нет мелких деталей, часто можно обойтись и одинарным размером)
2) Маленькие растровые (с прозрачностью) - в png и оптимизировать tinypng.com (или каким-нибудь софтом) + копия в двойном размере для ретины.
3) Все что может быть векторным - в SVG.
4) Иконки можно собрать в спрайты.
Вот интересное видео по теме -
https://www.youtube.com/watch?list=UUH8zwr3rJOcgCA... 
