Работа с изображениями сейчас актуальна как никогда. Мобильные устройства и 3g интернет требуют минимального веса и оптимизации от изображений.
1. Уменьшаем вес изображения без потери качества
Зачем нужно уменьшать вес изображений понятно всем, объяснять не буду, просто дам ссылку на сервис, который делает это быстро и бесплатно:
http://compressjpeg.com
2. Объединяем мелкие изображения в одно
В дизайне сайта участвуют множество мелких изображений. Все эти изображения желательно объединить в одно, и выводить не все изображение, а только его часть(это делается при помощи css). Называется это CSS-спрайт.
Объеденить изображения можно в этих онлайн сервисах: http://csssprites.com, css-sprit.es и т.д.
После создания изображения нужно поменять css используя «background-position»;
Подробнее: Создаем CSS-sprite
3. Заменяем изображения на css код
Бывает, что сплошной фон или градиент делается не по средствам css, а при помощи изображения. Этого делать нельзя.
Картинки из фона/дизайна необходимо, по возможности, убрать.
Сплошной фон делается просто цветом, код градиента можно сгенерировать тут: http://www.colorzilla.com/gradient-editor/