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

Adobe Photoshop - популярный многофункциональный графический редактор. С ним сталкиваются многие пользователи, особенно при обработке фотографий и картинок. Как сохранить в "Фотошопе" документ? Это одна из основных функций графического редактора. Далее будут рассмотрены все возможные методы сохранения картинок. Предложенные вниманию советы значительно облегчат процесс работы с "Фотошопом". Они легко осваиваются и применяются на практике.

Обычное сохранение

Как сохранить фото в "Фотошопе"? Первая опция, имеющаяся в графическом редакторе, - это команда "Сохранить". Обычно она используется при обработке открытого заранее документа. В ходе выполнения команды ранее имеющийся объект будет заменен отредактированным изображением.

1. Открыть фото и отредактировать его на свое усмотрение.
2. Нажать на кнопку "Файл". Она располагается на панели инструментов в верхней части экрана.
3. Щелкнуть по кнопке "Сохранить...".

Важно: если юзер создал графический документ с нуля, после проделанных действий на экране появится лог сохранения. Здесь предстоит указать имя документа, его формат хранения и предполагаемое место расположения на компьютере.

Опция "Сохранить как..."

Второй способ сохранения графических файлов - это использование команды "Сохранить как...". Данный прием схож с ранее изученным алгоритмом действий. Он отличается разнообразием параметров сохранения. Метод прекрасно подходит для дублирования картинок.

1. Нажать на "Файл" после редактирования документа.
2. Выбрать в появившемся меню команду "Сохранить как...".
3. Указать имя сохраняемого документа.
4. Выбрать формат сохранения. Он находится в строке "Тип файла".
5. Осуществить указание места сохранения графического документа.
6. Кликнуть по "Сохранить".
7. Указать параметры фотографии. Обычно здесь выбирают качество изображения и разновидность формата. Можно указать стандартную или улучшенную оптимизацию или же с постепенным улучшением качества картинки по мере ее загрузки.
8. Щелкнуть по кнопке "Ок".

Дело сделано. Мы изучили еще один способ сохранения документов через "Фотошоп". Для быстрой активации опции можно нажать Ctrl + Shift + S.

С закрытием файла

1. Перейти во вкладку с выбранной картинкой.
2. Навести курсор на правый верхний угол вкладки с соответствующим документом.
3. Кликнуть по крестику левой кнопкой мыши.
4. Согласиться с сохранением документа, нажав на "Да".

Важно: если щелкнуть по "Нет", Photoshop будет закрыт без сохранения изменений в документе. "Отмена" вернет юзера в редактор без каких-либо изменений.

Для Web-ресурсов

Часто "Фотошоп" используется при создании графики для Web-сайтов. Останется только правильно осуществить сохранение документа. Что для этого нужно?

1. Выбрать "Файл" - "Сохранить для Web...".
2. Указать графический набор и формат сохранения.
3. Выставить параметры фона.
4. Указать качество снимка и его размер.
5. Щелкнуть по кнопке "Готово".

Быстрый доступ к опции осуществляется при помощи сочетания клавиш Alt + Shift + Ctrl + S.

Сохранение фона и картинки без него

А как сохранить фон в "Фотошопе"? Это довольно простая задача. Дело все в том, что пользователь может в качестве фона использовать любое изображение. Останется только выставить его в качестве упомянутого элемента картинки.

Создание фона в "Фотошопе" осуществляется так:

1. Открыть или создать графический документ.
2. Нажать на кнопку "Добавить новый слой".
3. Скопировать изображение, используемое в качестве фона.
4. Вставить картинку на созданный новый слой.

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

Как сохранить в "Фотошопе" картинку без заднего фона? Для этого потребуется создать документ в формате.gif или.tiff. Предпочтительнее работать с первым вариантом. Для этого придется активировать опцию "Сохранить для Web...", а затем в параметрах сохранения поставить отметку около "Прозрачно".

Здравствуйте, уважаемые читатели блога Start-Luck! На связи Андрей Зенков и мои практические советы по веб-дизайну. Сегодня мы поговорим о тех самых ключиках, без которых ваш сайт никогда не откроет дверь в мир браузерных закладок (а ведь для пользователя так важно помечать «звёздочкой» полюбившиеся страницы).

Речь пойдёт, как вы могли догадаться, об изображениях. Подобрать яркую фотографию на - лишь половина дела. После её обработки, колоризации, наложения текста и других манипуляций на горизонте назревает новая проблема: как сохранить изображение в фотошопе?

Допустим, вы создали сайт о домашних животных и горите желанием добавить обширную фотогалерею. Бах - и вы уже не представляете дизайн без очаровательных иконок меню в виде отпечатков лап. А как насчёт раздела со смешными анимациями, которые поднимут настроение гостям сайта?

С воодушевлением вы подгоняете все изображения под , сохраняете и… видите, что усилия напрасны. Пиксели напрочь убивают кропотливо созданные «лапки», а на картинки в движении нельзя взглянуть без слёз. Фотошоп автоматически перемещается в список программ на удаление, а вы даёте себе обещание найти настоящего умельца. Зачем? Всё можно сделать самостоятельно, узнав главный секрет, которым я всегда пользуюсь.

Алгоритм сохранения изображений в оптимальном качестве зависит от их формата. Не хочется вдаваться в подробности, рассказывая о том, какие относятся к растровым, а какие - к векторным. Тем более вы можете изменить их в пару кликов. Об этом я уже писал в одной из своих статей, делясь с читателями менять форматы изображений.

Анализируя сайты, которыми богат интернет, я заметил одну интересную деталь: все графические элементы представлены лишь несколькими универсальными форматами, в то время как о существовании других напрочь забывают. Какие же они?

Основные группы изображений в веб-дизайне

Графический контент сайтов условно делится на три категории.

Коллажи и фотографии

Для них характерен формат JPG - к слову, самый встречающийся на веб-просторах. Эти изображения отличаются небольшим размером, что позволяет использовать их в оформлении сайта, не опасаясь медленной загрузки страниц. К примеру, один и тот же пейзаж, сохранённый в JPG и PNG, значительно отличается по весу:

Иконки, кнопки и баннеры

Для этих элементов дизайна предпочтителен PNG. Он позволяет вырезать объект и сохранить изображение без фона, используя вместо него в дальнейшем «подложку» сайта. Я бы порекомендовал этот формат и для изображений, которые не могут похвастать огромной палитрой. К примеру, создаём документ в фотошопе и - название сайта:

Сохраняем изображение в двух форматах и сравниваем результат:

Анимация

GIF предназначен для создания анимированных изображений, состоящих из двух и более слоёв. Это можно сделать не только при помощи фотошопа, но и . Я бы назвал этот формат самым капризным, поскольку при сохранении в нём сложно добиться хорошего качества. К счастью, у меня есть лайфхак, благодаря которому вы обзаведетесь анимациями с минимальной пикселизацией. Заинтригованы? Читайте дальше!

Пошаговая инструкция по сохранению изображений

Начнём с JPG: с ним получить фотографию без потери качества очень просто. Для этого нажимаем «Файл» - «Сохранить как». При желании можно воспользоваться комбинацией клавиш Shift+Ctrl+S:

В появившемся окне ищем выпадающий список «Тип файлов» и выбираем строчку JPEG. Обычно она стоит по умолчанию:

В этом же выпадающем списке можно выбрать и строчку PNG, тем самым упростив себе задачу. Однако я рекомендую сохранять изображения с прозрачным фоном по-другому.

Изучите открывшееся окно. Ваша задача - убедиться в том, что в выпадающем списке выбран пункт PNG-24, а напротив строк «Прозрачность» и «Чересстрочно» стоят галочки:

Обратите внимание: последняя галочка сокращает время загрузки изображения на сайте, но вместе с тем увеличивает его вес. Если вас это не беспокоит, жмите «Сохранить». В выпавшем окне выбирайте путь файла и вновь нажимайте заветную кнопку, чтобы получить изображение PNG и как можно скорее выложить его на сайт!

Анимация сохраняется через тот же пункт меню, но только теперь в выпадающем списке нужно выбрать вариант GIF. Огромное количество параметров и непонятных слов может вызвать недоумение или даже испуг. Не стоит! Просто установите параметры, которыми пользуюсь я:

Подводим итоги

Работа с графикой требует постоянного совершенствования навыков, не зацикливаясь при этом на одном-двух направлениях. Как быть? В своё время настоящей находкой для меня стал набор из пяти мини-курсов от проекта «Фотошоп-мастер». Из них я почерпнул не один байт полезной информации.

Материал подаётся в доступной форме и бесплатно. Это отличная альтернатива обучению в компьютерных академиях и многочасовому поиску нужных уроков в интернете.

На этом всё. Не забудьте подписаться на группу ВКонтакте и обновления блога для еженедельной порции свежих и полезных статей.

С вами был Андрей Зенков. До новых встреч!

На данном уроке мы рассмотрим форматы сохранения файлов в Photoshop , а так же, чем они отличаются друг от друга.

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

Формат документа в Photoshop отображается следующим образом. Посмотрим на рисунок, расположенный правее. «Без имени-2 » — это название документа. После точки идет расширение документа , в данном случае jpg .

Никогда не спешите сохранять результаты вашего труда в Photoshop.

В настоящее время существует более 20 форматов графических файлов , например, jpg, gif, png, bmp, tif …
От выбранного формата во многом зависит объем файла. Таким образом, создав любое изображение при помощи графического редактора Photoshop , мы должны сохранить его в виде файла. Главная задача при сохранении — это найти золотую середину между качеством изображения и объемом содержащего файла. Хотя даже фото плохого качества можно улучшить (пример смотрите по приведенной ссылке)

Рассмотрим самые распространенныe графические форматы сохранения файлов в Photoshop

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

Сохранение документа в Photoshop в формате psd

Мы заходим во вкладку ФАЙЛ и выбираем СОХРАНИТЬ КАК . В открывшемся окне вписываем имя, выбираем формат psd и нажимаем СОХРАНИТЬ .

Кроме того, PSD — это родной формат графического редактора Photoshop . Если мы сохраним наш документ с данным расширением, то открыть мы его сможем в любой, даже самой ранней версии Photoshop.

Если мы уже закончили в Photoshop работу с документом, то лучше сохранить его в другом, более распространенном формате, который будет доступен многим приложениям, например, в формате jpg .

Сохранение документа в Photoshop в формате jpg

Формат JPG предназначен для компактного хранения многоцветных изображений с фотографическим качеством. Потеря графической информации при сохранении не очень существенна. Формат jpg в Photoshop лучше всего применять уже после окончательного результата обработки изображения.

Сохранение документа в Photoshop в формате gif

Формат GIF предназначен для сохранения растровых изображений в Photoshop с количеством цветов не более 256. Допустим, такой вот скриншот — скриншот вкладки ФАЙЛ . Имя документа подчеркнуто красным на рисунке, расширение — зеленым.

На данном скриншоте (рисунке) цветов мало, четкие границы и нет градиента. Формат GIF для данного изображения подходит идеально, он позволяет сохранить прозрачность пикселей. Также формат GIF поддерживает анимацию.

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

Формат GIF часто применяется в web-дизайне.

Сохранение документа в Photoshop в формате png

Формат PNG аналогичен формату GIF . Небольшое отличие заключается лишь в том, что png способен отображать бОльшее количество цветов. Позволяет сохранять изображение с глубиной цвета 24 и даже 48 bit.

Формат PNG целесообразно использовать в web-дизайне для сохранения небольших многоцветных изображений с мелкими деталями, например, переливающиеся кнопки с картинками. Размер такого файла будет больше, чем в gif или jpg .

Мы заходим во вкладку ФАЙЛ в Photoshop . Для сохранения изображения в файле существует несколько команд.

Если нам нужно задать другой формат файла, изменить его имя и местоположение, тогда лучше использовать ФАЙЛ-СОХРАНИТЬ КАК , т.е. мы здесь задаем имя, формат, указываем место для сохранения.

Если в дальнейшем наш файл попадет в интернет, то лучше для этого воспользоваться ФАЙЛ-СОХРАНИТЬ для Web устройств .

Открыв данную команду у нас появляется диалоговое окно, где мы видим наше изображение. В левом нижнем углу отображается размер данного изображения (на рисунке размер изображения показан в синем квадратике).

Что же мы можем сделать с нашим изображением?! Как нам поменять его параметры?!

Справа от нашего изображения мы можем задать формат , в котором мы его сохраним. При этом, при выборе того или иного формата , мы можем наблюдать все изменения нашего изображения на экране.

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

В зависимости от выбора качества и формата у нас будет меняться размер изображения. Имейте ввиду, что при установке качества изображения «среднее», качество изображения практически не изменится, а вот размер изображения будет меньше. Поэтому, как мне кажется, данная опция очень важна при сохранении изображения.

Выбрав оптимальный вариант сохранения изображения, нажимаем СОХРАНИТЬ и выбираем папку для сохранения.

В версии программы Photoshop CS6 появились две новых функции, предназначенных для улучшения качества нашей работы и уменьшения числа досадных прерываний и пауз. Первая из этих двух функций называется фоновое сохранение (Background Save), и она позволяет нам сохранять наш файл, не прерывая работы с изображением. Вторая, более важная функция называется автосохранение (Auto Save). Ее задача заключается в последовательном сохранении резервных копий изображения в течение определенных временных промежутков. Таким образом, даже если в программе произойдет сбой во время вашей работы, вы ничего не потеряете, а сможете восстановить файл и продолжить работу с того места, где вы закончили. В этом уроке мы рассмотрим, как работают эти новые функции.

Фоновое сохранение (Background Save)

Если вы уже давно работаете в программе Photoshop, то знаете, что чем больше слоев мы добавляем на документ, тем больше становится размер файла. Возможно, вы также знаете, что чем больше размер файла, тем больше времени требуется программе, чтобы сохранить вашу работу в этом файле. При работе с версией программы Photoshop CS5 и более ранними версиями сохранение большого по объему файла приводило к вынужденному перерыву, потому что программа переставала адекватно работать по мере того, как файл сохранялся. Вы ничего не могли сделать с изображением и должны были ждать, пока не завершится процесс сохранения. Благодаря новой функции «Фоновое сохранение», появившейся в версии Photoshop CS6, эта проблема решена.

Ниже представлено изображение, которое я открыл в версии CS6:

Изображение, открытое в программе

Если мы посмотрим в левую нижнюю часть окна документа, то увидим, что текущий размер файла составляет 121 МБ. Это довольно небольшой размер для файлов программы Photoshop:

Размер файла отображен в левой нижней части окна документа

Если мы посмотрим на панель слоев, то увидим, что в данный момент мой документ содержит только один слой, из-за чего размер файла относительно маленький:

Панель слоев в версии программы Photoshop CS6.

Сохранять файл небольшого размера, как наш, не проблематично. Процесс сохранения происходит так быстро, что он практически не заметен. Когда же мы начинаем работать с файлами размером сотни мегабайт и больше, тогда функция «Фоновое сохранение» может оказаться очень полезной.

Чтобы показать, как работает данная функция, я быстро увеличу размер файла, создав копии моего изображения. Для этого я несколько раз нажму сочетание клавиш Ctrl+J (Win) / Command+J (Mac). Каждый раз при нажатии клавишной комбинации я создаю новую копию исходного слоя с изображением. Ниже можно увидеть, что теперь мой документ содержит восемь слоев - исходный слой «Фон» (Background) с изображением и семь его копий, расположенных над ним:

Теперь документ содержит 8 слоев

Если мы снова посмотрим в левую нижнюю часть окна документа, то увидим, что размер файла увеличился с 121 МБ до 967,9 МБ:

После создания копий изображения размер файла значительно увеличился

Сохранение файла такого большого размера займет какое-то время, и, как я уже упоминал, в версии Photoshop CS5 и более ранних версиях нам бы пришлось ждать без возможности совершения каких-либо действий, пока процесс сохранения не завершится. Давайте посмотрим, что произойдет, когда я сохраню файл в версии Photoshop CS6. Для этого я перейду в раздел «Файл» (File) в строке меню в верхней части экрана и выберу пункт «Сохранить» (Save):

Первое отличие версии CS6 состоит в том, что программа теперь отображает нам степень завершения процесса сохранения с помощью нескольких индикаторов хода процесса. Первый индикатор можно увидеть в заголовке файла в верхней части окна документа, где ход процесса сохранения выражается с помощью процентного соотношения. В нашем случае программа уведомляет нас, что процесс сохранения завершен на 34%:

Первый индикатор хода процесса расположен в заголовке файла в верхней части окна документа

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

Ход процесса сохранения отображается и как процентное соотношение, и как шкала индикатора процесса в левой нижней части окна документа

Наряду с появлением этих индикаторов хода процесса, которые делают интерфейс программы еще нагляднее, основная польза функции «Фоновое сохранение», как видно из названия, заключается в том, что процесс сохранения теперь происходит полностью в фоновом режиме. Что же это значит? Это означает, что наша работа в программе больше не будет прервана процессом сохранения файлов большого размера, и мы сможем продолжать работать с изображением, даже когда оно будет сохраняться!

В качестве примера в нашем случае я начал переводить мое изображение в черно-белый цвет (добавив новый черно-белый корректирующий слой), в то время как индикаторы хода процесса в верхней и нижней части окна документа свидетельствуют о том, что процесс сохранения завершен только на 51%.

Функция «Фоновое сохранение» позволяет нам даже переключаться на другое изображение и работать с ним, пока исходное изображение находится в процессе сохранения. В версии Photoshop CS5 и более ранних версиях такое было невозможно:

Используя функцию «Фоновое сохранение», мы можем продолжать работать, в то время как программа сохраняет файл. Мы можем даже переключиться для работы с другим изображением, пока исходное изображение сохраняется

Автосохранение (Auto Save)

Вторая, еще более значительная функция, появившаяся в версии программы Photoshop CS6, - это автосохранение. Несмотря на то, что Photoshop считается надежной и основательной программой, всегда существует вероятность ее аварийного отказа или сбоя. Когда это происходит, нам часто приходится начинать работу заново, поскольку все совершенные действия с изображением пропадают. По крайней мере, так случалось при работе с Photoshop CS5 и более ранними версиями программы.

Функция «Автосохранение» позволяет сохранять резервные копии изображения в течение определенных промежутков времени, поэтому если программа зависнет, мы сможем восстановить файл и продолжить работу с того места, где закончили.

Задать временные промежутки для сохранения резервных копий можно в пункте «Обработка файлов» раздела «Установки». Для этого на компьютере с операционной системой Windows перейдите в раздел «Редактирование» (Edit) в верхней части экрана, выберите пункт «Установки» (Preferences) и далее - «Обработка файлов» (File Handling). Для операционной системы Mac нужно выбрать раздел «Фотошоп» (Photoshop), далее - «Установки» и «Обработка файлов» (File Handling):

Выберите раздел «Редактирование» > «Установки» > «Обработка файлов» или «Фотошоп» > «Установки» > «Обработка файлов» (Edit > Preferences > File Handling (Win) or Photoshop > Preferences > File Handling (Mac))

В данном разделе вы увидите параметр «Автоматически сохранять информацию о восстановлении каждые» (Automatically Save Recovery Information Every), где по умолчанию установлено 10 минут. Это означает, что каждые 10 минут программа сохраняет резервную копию вашего файла. Вы можете уменьшить промежуток до 5 минут, как я сделал в нашем случае, или увеличить промежуток сохранения резервной копии до одного часа, если по натуре вы игрок и любите рисковать (также возможно установить интервалы в 15 и 30 минут):

Мы можем задать интервалы для сохранения информации в 5, 10, 15 или 30 минут. Также возможен выбор интервала в 1 час

Важно обратить внимание, что программа Photoshop сохраняет информацию не в исходном файле (что было бы очень плохо). Информация для восстановления хранится в отдельном резервном файле. Если вдруг программа зависнет, пока вы работаете с изображением, просто откройте ее заново, и она автоматически откроет резервную копию, которая была сохранена последней. В этой копии будет вся информация о работе с изображением, которую вы успели сделать до момента автоматического сохранения (предполагается, что вы работали с программой в течение длительного времени, и хотя бы одна резервная копия файла успела сохраниться). Вы будете знать, что это резервная копия файла, потому что программа добавит слово « Восстановлено» (Recovered) к названию файла (это отразится в заголовке документа в верхней части окна):

Программа добавляет слово «Восстановлено» к названию резервной копии, чтобы ее можно было отличить от исходного файла

И вот мы закончили! Мы вкратце рассмотрели новые функции недавно появившейся версии программы Photoshop CS6! Посетите наш раздел «Основы программы Photoshop» для знакомства с другими уроками или рассмотрите темы, которые вас интересуют!

Перевод: Ксения Руденко

Подготовке любого цифрового изображения, читаемого графическим редактором Adobe Photoshop, будь то PSD-файла, TIF-изображения или «большой» JPEG-картинки, к публикации на сайте, в форуме или социальных сетях, а также к пересылке по электронной почте. Другими словами, «джейпег» для Интернет. В рифму получилось.

Безусловно, форматы изображений, которые умеет читать Photoshop, едва ли исчерпываются названными тремя. И что приятно, большинство можно перевести в JPEG. Вне зависимости от исходного формата в Photoshop существуют два пути «джейпегизации». Возможность выбирать приятна вдвойне. Оба пути различаются. Внешние отличия обнаруживаются невооружённым взглядом, отличия в назначении («Каким путём следовать?») я выделю специально.

В настоящем уроке я представлю две пошаговые инструкции с необходимыми теоретическими «вкраплениями». Он рассчитан на то, чтобы показать Вам, как оптимально сохранить свой виртуальный рисунок, коллаж или фотографию в широко распространённом формате JPEG. Последний наиболее эффективен для изображений с плавными цветовыми переходами.

Для закрепления и расширения полученных знаний, а также в целях выработки навыка, я подготовил соответствующие упражнения. Предлагаю Вам их выполнить, а затем опубликовать свои результаты в комментариях к настоящему уроку. Опробуйте в «полевых условиях» свой навык!

Первый способ

1 шаг

Открываю исходное изображение в Photoshop. В моём случае это файл с названием «Пример.psd», содержащий нарисованный шар.

Нажимаю на клавиатуре сочетание клавиш «Ctrl», «Shift» и клавиши, обозначенной латинской буквой «S» либо выбираю в главном меню «Файл» («File») > «Сохранить Как…» («Save As…»). Появляется диалоговое окно с заголовком «Сохранить как».

2 шаг

Выбираю месторасположение будущего JPEG-изображения. В поле «Имя файла» ввожу новое название картинки, если необходимо. В ниспадающем списке «Тип файла» выбираю формат «JPEG (*.JPG, *.JPEG, *.JPE)».

Параметры ниже оставляю без изменений, удостоверившись, что в качестве цветового профиля, встраиваемого в будущее JPEG-изображение, указан и выбран «стандартный» sRGB. Если это так, то перехожу к 4-ому шагу.

Если вместо sRGB указан другой цветовой профиль, например, ProPhotoRGB или AdobeRGB, то перед началом рассматриваемой в уроке процедуры я переведу исходное изображение в цветовое пространство sRGB в целях единообразного отображения цветов на большинстве устройств. Сделаю это следующим образом.

3 шаг

Нажимаю на клавиатуре клавишу «Esc», чтобы закрыть окно «Сохранить как».

Выбираю в главном меню «Изображение» («Image») > «Режим» («Mode»). Если «галочка» установлена напротив «8 бит\канал» («8Bits\Channel»), то выбираю «16 бит\канал» («16bits\Channel»). Увеличение глубины цвета желательно, чтобы конвертация из одного цветового профиля в другой прошла аккуратно. Визуально на исходном и итоговом изображениях изменение глубины цвета едва ли отразится.

Затем выбираю в главном меню «Редактировать» («Edit») > «Преобразовать в профиль» («Convert to Profile»). Появляется диалоговое окно с заголовком «Преобразовать в профиль».

В моём случае исходный цветовой профиль («Source Space»), который описывает цвета в рисунке, называется «Adobe RGB (1998)». Выбираю в ниспадающем списке «Целевой профиль» («Destination Space») значение «sRGB IEC61966-2.1». Проверяю параметры преобразования - они располагаются ниже: параметр «Инструмент» («Engine») имеет значение «Adobe (ACE)», «Метод (рендеринга)» («Intent») - «Относительный колориметрический» («Relative Colorimetric»), установлена «галочка» напротив параметра «Использовать компенсацию точки чёрного» («Use Black Point Compensation»), «галочка» отсутствует напротив параметра «Свести изображение, чтобы сохранить вид» («Flatten Image to Preserve Appearance»).

Если Вы увеличили глубину цвета (я проделал это чуть раньше), то параметр «Использовать дизеринг» («Use Dither») будет неактивным. Если в открытом изображении всего один слой (когда Вы открываете JPEG-картинки или «простые» TIF-изображения, обычно, так и есть), то параметр «Свести изображение, чтобы сохранить вид», также, неактивен.

Нажимаю кнопку «Готово» («OK»). Окно «Преобразовать в профиль» исчезает.

4 шаг

В главном окне программы появляется новое диалоговое окно с заголовком «Параметры JPEG» («JPEG Options»). Параметр «Качество» («Quality») позволяет задавать соотношение качества выходного изображения и объёма, который картинка будет занимать в памяти компьютера. Таким образом, оплатой за уменьшение объёма является деградация качества исходного изображения. Чем меньше значение параметра «Качество», тем меньше объём JPEG-изображения.

В рассматриваемом примере я остановлюсь на значении равном 6.

Чтобы оценить качество картинки до сохранения, установлю рядом с параметром «Предпросмотр» («Preview») «галочку».

5 шаг

Установлю значение второго параметра - «Форматирование» («Format Options») - равным «Стандартное оптимизированное» («Baseline Optimized»). Объём будущей JPEG-картинки уменьшился, а качество изображения осталось прежним.

6 шаг

Нажимаю в окне «Параметры JPEG» («JPEG Options») кнопку «Готово» («OK») и проверяю результат.

Сравниваю объёмы исходного PSD-рисунка (~ 3000 Kb) и итоговой JPEG-картинки (82 Kb). Таким образом, JPEG-файл получился примерно в 36 раз меньше исходного изображения при визуально равном качестве. Удобно!

Обращаю внимание, что размер итогового JPEG-изображения остался прежним, как у исходного PSD-рисунка он равен 2480 пикселей × 2480 пикселей.

Второй способ

1 шаг

Открываю исходное изображение в Photoshop.

Нажимаю на клавиатуре сочетание клавиш «Ctrl», «Alt», «Shift» и клавиши, обозначенной латинской буквой «S» либо выбираю в главном меню «Файл» > «Сохранить для Веб…» («Save for Web…»).

Появится новое диалоговое окно с одноимённым заголовком.

2 шаг

3 шаг

Устанавливаю значение параметра «Качество» («Quality») на максимум.

4 шаг

Уменьшаю размер изображения с помощью параметра «Размер изображения» («Image Size»).

Это необязательная операция, но она помогает существенно уменьшить объём будущего JPEG-изображения, чаще всего, с минимальными потерями в качестве. С одной стороны, уменьшение размера приведёт к естественному уменьшению объёма и, с другой стороны, к уменьшению детализации. Последнее, в свою очередь, ограничивает мои возможности в печати итоговой JPEG-картинки. Если я не планирую печатать последнюю, то забуду об ограничениях.

В данном примере ввожу в поле «Ширина» («Width») значение 600. Автоматически изменится значение в поле «Высота» («Height»). Также, автоматически изменится размер выходного изображения относительно размера исходного рисунка, указанный в поле «Процент» («Percent»). Изменения происходят автоматически и поле «Процент» находится в активном состоянии, если поля-параметры «Ширина» и «Высота» связаны, о чём свидетельствует соответствующий значок, расположенный справа от названных полей.

В окошке предпросмотра слева оценю размер и качество изображения. А примерный объём последнего смогу узнать по числу, указанному, обычно, в килобайтах (Kb) или мегабайтах (Mb) под левым углом окошка.

5 шаг

Устанавливаю «галочку» рядом с параметром «Оптимизированный» («Optimized»).

6 шаг

Если хочу ещё сократить объём выходного изображения, то уменьшаю значение параметра «Качество» («Quality»). Рекомендую придерживаться значений в пределах 45-90.

В данном случае я выберу значение равное 75.

В итоге, среднестатистическое, при скорости доступа в Интернет равной одному мегабиту (1 Mbits), время загрузки моего рисунка из Интернет составит одну секунду. Оно указывается под значением объёма будущего JPEG-изображения.

При этом, визуально картинка получилась вполне приемлемого качества, переходы тонов достаточно плавные.

7 шаг

Устанавливаю «галочку» рядом с параметром «Преобразовать в sRGB» («Convert to sRGB») и выбираю значение «Цвета, отображаемые монитором» («Monitor Color») в ниспадающем списке ниже.

8 шаг

Наконец, устанавливаю «галочку» рядом с параметром «Встроенный цветовой профиль» («Embed Color Profile»).

Действия на 7-ом и 8-ом шагах желательны, чтобы будущее JPEG-изображение примерно одинаково отображалось на различных устройствах.

9 шаг

В появившемся диалоговом окне с заголовком «Сохранить оптимизированное изображение как» («Save Optimized As») выбираю месторасположение JPEG-картинки и задаю её имя, если необходимо. Нажимаю в активном окне кнопку «Сохранить». Оба окна исчезают. Теперь могу оценить результат.

Закрываю исходное изображение. В появившемся диалогом окошке с предложением сохранить изменения, выбираю «Нет» («No»).

Изображение, полученное вторым способом, удобно применять для публикации в Интернет. А изображение, полученное первым способом, можно помимо публикации в Интернет выводить на печать. В виду того, что размер изображения не изменялся, оно не подвергалось интерполяции, а значит его качество априори выше качества изображения, полученного вторым способом.

Подробнее об интерполяции и её влиянии на деградацию качества цифрового изображения я расскажу в уроке «Что такое интерполяция?»

​

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