Оптимизация изображений - Joomla 1.5: Настройка и оптимизация

Возможно глупый вопрос, но как сделать так, что бы при разных разрешениях экрана выдавалась разная картинка? Примерно так:


Ну или просто подскажите, как сделать так, что бы на маленьких разрешениях картинка сжималась и не вылезала за поля.
Заранее спасибо  

ну обычно берут шаблон с 1024 или 1028 минимальной ширины (на самом деле,  чуть меньше, чтобы боковй скроллер тоже входил ) и графику под него подстраивают.
делать разные картинки под разные разрешения - это тяжко
в отдельных случаях можно картинки сделать фоном таблицы или дива, тогда при сужении часть картинки будет просто скрыта за границей ячеки или блока.
uralnias.ru посмотри, как главная сделана, к примеру

ну обычно берут шаблон с 1024 или 1028 минимальной ширины (на самом деле,  чуть меньше, чтобы боковй скроллер тоже входил ) и графику под него подстраивают.
делать разные картинки под разные разрешения - это тяжко
в отдельных случаях можно картинки сделать фоном таблицы или дива, тогда при сужении часть картинки будет просто скрыта за границей ячеки или блока.
uralnias.ru посмотри, как главная сделана, к примеру

Ну а например на сайте mmoboom.ru, попробуй изменить разрешение экрана, там картинки уменьшаются автоматически и без обрезания. Так можно сделать?

там классу изображений приписан
div.img img {
    max-width: 100%;
}

там классу изображений приписан
div.img img {
    max-width: 100%;
}

Извиняюсь за глупость, но что-то я не могу понять, куда это воткнуть?

в CSS шаблона
кстати в даном способе могут быть проблемы с ослом. Он не учень дружит с процетами.
В ie вообще свои правила математики.

http://ruseller.com/lessons.php?rub=2&id=807
Почитай, полезно

в таблицу стилей, конечно.
только лучше уникальный стиль таким картинкам делать, через class
либо смотрёть firebug'ом вложенность элементов и на основе этого писать свою цепочку.
извиняюсь, но азы CSS надо учить самостоятельно )

Спасибо вам всем!