Как оптимальнее вставлять картинки на сайт?
очевидно есть два пути:
1) научиться сжимать картинки
2) научиться дизайнить минималистично, помня о килобайтах
Как вариант: В адаптивном дизайне есть метод, использующий несколько картинок разного размера.
В JS создаётся скрипт, который грузит "тяжелый рисунок" только если разрешение монитора велико.
Если разрешение "не дотягивает", то используется картинка поменьше.
Что почитать: почитайте книгу " Добавь воздуха! Основы визуального дизайна для графики, веба и мультимедиа". Выше вам правильно написали: нужно дизайнить минималистично.