Вопрос к верстальщикам

Просто хочу уяснить пару моментов на будущее =)
1. Как правильно оптимизировать картинки в нарезке?
2. Ситуация. Макет 1260х****. Надо что бы при разрешении монитора >=1260 всё было по центру, а при <1260 - уходило за левый край, что бы контент был по центру.
По центру сделать легко, а вот как правильно сделать при маленьком разрешении?
Пытался заюзать JavaScript. Определяем ширину экрана и если меньше 1260 - ставим отрицательный margin #wrapper. Но ведь надо ещё и внутренние элементы сдвинуть...
Подскажите плз...

По 1260:

html:

<div class="container">

<div class="info">Инфо</div>

</div>

css:

.container {position:relative; width:100%; overflow:hidden;}

.info {position:relative; width:1260px; margin-left:-630px; left:50%;}

+можно добавить мин. ширину контейнеру, чтобы до 0 не сжималось

по оптимизации
самый простой способ - через сервисы оптимизации, самый хороший сейчас - ссылка (теперь оптимизирует все форматы)

+по статьям ссылка (пнг 24)

Большое спасибо!