В каких форматах сохранять изображение в Photoshop, чтобы файл занимал меньше места

Для тех частей, куда попал текст (т.е. отсутствуют плавные цветовые переходы), выбирать GIF или PNG, а куда рисунки или фото — JPG.

Повернуть изображение в Photoshop

Меню «Изображение — Повернуть Холст» («Image — Rotate Canvas»)

Изменение размера в Photoshop с сохранением пропорций

Меню «Изображение — Размер Изображения» («Image — Image Size… — галочка Constrain Proportions»). Чтобы растровое изображение при увеличении размеров не слишком теряло в качестве, рекомендуется устанавливать Интерполяцию («Resample Image») при увеличении картинки в значение «Бикубическая, глаже» («Bicubic Smoother»), а при уменьшении — «Бикубическая, четче» («Bicubic Sharper»)

Вырезание фрагмента изображения в Photoshop

Для разных целей существуют разные варианты — раскройка(«Slice Tool»), кадрирование («Crop Tool»).

Раскройка изображения в Photoshop (для быстрой загрузки изображдения в интернете)

Панель инструментов — «Инструмент «Раскройка»» («Slice Tool» или «Slice Select Tool»):

Для этого далее изображение нужно правильно сохранить: меню «File — Safe for Web…». При этом разные части изображения рекомендуется сохранять в разных форматах — для тех частей, куда попал текст (т.е. отсутствуют плавные цветовые переходы), выбирать GIF или PNG, а куда рисунки или фото — JPG. Затем сохраняем все это в html (Photoshop предложит этот вариант среди прочих при сохранении)

Продолжение следует…