Подготовка изображений для Интернета в программе Photoshop


Подготовка изображений для Интернета Всем понятно, что основной "вес" странице, как привило, придают графические файлы.

Мы успели узнать, как избавить сервер от лишних картинок, которые создает WordPress. Также познакомились с методом пакетного преобразования (уменьшения размеров) изображений с помощью бесплатной программы PhotoScape.

В предыдущем посте упоминалось, что почти идеальные результаты при уменьшении размеров изображений можно достигнуть с помощью программы Photoshop. Кстати, скачать Adobe Photoshop версии CS5 можно скачать на странице по этой ссылке (работает без регистрации).

Как оптимизировать изображение в Photoshop для размещения в Интернете

Для начала открываем изображение и изменяем его размеры в пикселях, миллиметрах или других единица. "Изображения" – "Размер изображения". Существует комбинация "горячих клавиш" – Alt+Ctrl+I.

Подготовка изображений для Интернета

Указываем ширину и высоту нового изображения, разрешение – более 72 точек на дюйм нет смысла ставить.

Подготовка изображений для Интернета

Теперь сохраним изображение для интернета: в главном меню – "Файл" – "Сохранить для Web и устройств". Комбинация клавиш - Alt+Shift+Ctrl+S.

Подготовка изображений для Интернета

В правой верхней части окошка настроек сохранения выбираем формат изображения и качество.

Подготовка изображений для Интернета

Если нажать на черную стрелочку, то можно в меню оптимизации настроить дополнительные параметры.

Подготовка изображений для Интернета

Здесь возможно установить желаемый размер файла в килобайтах.

Подготовка изображений для Интернета

За всеми изменениями в файле можно следить в левой нижней части окна, где видно новый размер изображения.

Подготовка изображений для Интернета

Также в левой верхней части окна можно выбрать опции просмотра. Так визуально можно понять, насколько изменилось качество картинки.

Подготовка изображений для Интернета

Отличный алгоритм сжатия изображений от Photoshop спас не одну нервную клетку дизайнеров. Воспользуйтесь им и вы!

В ближайших планах: статьи о пакетном скачивании фотографий с различных фотохостингов и рассказ об умной настройке пакетного переименования файлов в Total Commander.

До встречи!

На десерт предлагаю посмотреть веселые новогодние частушки Путина и Медведева в канун 2011 года

Похожие публикации

Поделитесь своими мыслями с помощью ВКонтакте или Facebook!



  1. Владимир

    Да всё бы хорошо когда надо сделать одну две фотки, а если их 10 тогда что делать?
    Так что это не совсем то что я искал :-( Ну а так да из первых способов вполне подойдёт

  2. В Photoshop есть пакетная обработка фотографий с помощью скриптов. Достаточно настроить параметры, указать папку и включить.

Оставить комментарий


Примечание - Вы можете использовать эти HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>