В 3 ваша фотография выбрать файл. Секреты профессионала: использование Adobe Photoshop CS4 для подготовки фотографий к размещению в интернете

Подготовке любого цифрового изображения, читаемого графическим редактором 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 несколько собственных фотографий, но и выполнить упражнения, приложенные к настоящему уроку. Последние охватывают задачи, с которыми Вы можете столкнуться в занятии фотографией.

Любая цифровая фотография по сути это программный файл, в котором хранится информация об изображении, полученном оцифровкой каждой его точки и о том, как и когда оно было сделано. Структура данных этой информации называется форматом файла фотографии или по-другому файловым фото форматом.

Таких форматов существует много, и все они относятся к графическому типу. Отличаются они алгоритмом сжатия информации, спецификацией и назначением. Каждый формат файлов фотографий разрабатывался для своих целей и подходит для них лучше других. Например, для хранения изображений, обработки или их размещения в сети Интернет.

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

Рис.1 Любая цифровая фотография состоит из отдельных пикселей, информация о которых хранится в файле растрового формата.

Сделать файл фотографии растрового формата можно двумя основными устройствами – цифровой фотокамерой или . Но при этом количество форматов, в которых можно сохранять файлы фотографий, у них ограничено. Для получения файлов фотографий другого формата их надо конвертировать в специальной программе (рис.2).

Рис.2 Способы получения файлов цифровых фотографий растровых форматов.

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

Основные форматы файлов фотографий

Имена файлов цифровых фотографий любого фото формата также как и программные файлы других типов состоят из изменяемой части, точки и расширения. Расширение файлов фотографий всегда неизменно и может состоять из трех или четырех символов, по которым и определяется тип файла или название формата. Например, jpeg, cr2, tiff, psd, gif (рис.3).

Рис.3 Расширение файла фотографии указывает на его формат.

Универсальным форматом для файлов цифровых фотографий считается JPEG. Это самый популярный растровый формат, который используется для сохранения фотографий в разных типах фототехники. С ним удобно работать в различных фоторедакторах и использовать его для просмотра фотографий во всех технических устройствах. Главный его недостаток – потеря качества изображения при сохранении файла (рис.4).

Рис.4 Потеря качества изображения фотографии при сохранении ее файла в формате JPEG.

Кроме формата JPEG в дорогой фототехнике часто используется формат RAW. В файле этого формата сохраняется самая полная информация об изображении и обо всех настройках фотоаппарата, с которыми оно было сделано. Это дает огромные преимущества при обработке фотографий и позволяет устранять многие ошибки фотосъемки (рис.5).

Рис.5 Используя специальную программу в файлах фотографий формата RAW можно изменять настройки фотоаппарата.

Формат RAW это общее название нескольких форматов используемых в фототехнике разных производителей. Каждый такой формат имеет свои особенности и не является унифицированным. Для того чтобы привести все существующие форматы RAW к единому стандарту был разработан формат DNG. По сути это тот же формат RAW, но у него размер файлов меньше и нет дополнительных текстовых файлов (рис.6).

Рис.6 Файлы одной и той же фотографии в формате RAW и DNG имеют разные размеры и способы хранения текстовой информации.

В тех случаях, когда требуется сохранение результатов обработки цвета, слоев, каналов, масок или каких-либо других атрибутов редактирования фотографий, используется формат PSD. Это внутренний формат файлов программы Photoshop, в котором следует сохранять всю информация об изменении фотографий после фотосъемки (рис.7). Основной недостаток этого формата – ограниченное применение.

Рис.7 В файлах формата PSD удобно хранить информацию о редактировании фотографий (пример файла).

Формат TIFF это еще один формат файлов, используемый для хранения цифровых фотографий. Он позволяет сохранять максимальное качество изображения, но при этом размер такого файла будет и самым большим в сравнении с другими перечисленными форматами (рис.8). В цифровой фотографии он используется для высококачественной работы с цветом.

Рис.8 Сравнение размеров файлов одной фотографии, сохраненной в разных фото форматах.

Рассмотренные выше пять файловых фото форматов – JPG, RAW, DNG, PSD и TIFF считаются основными для хранения, обработки и просмотра цифровых фотографий. Но для эффективной демонстрации фотографий зрителю такие форматы не подходят. Для этого нужно выбирать другие форматы, разработанные для этой цели.

Форматы файлов для показа фотографий

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

Самый удобный способ показать фотографии большому числу зрителей это разместить их в сети Интернет – на фото сайтах, в социальных сетях или (рис.9). При этом формат файлов фотографий должен быть таким, чтобы их размеры были как можно меньше, а изображение имело бы хорошее качество. Для этого есть три подходящих формата.

Рис.9 Пример размещения цифровых фотографий в облаке .

Основным форматом для размещения фотографий в Интернете является все тот же JPEG, но с большой степенью сжатия информации. Для такой цели он подходит идеально. Файл фотографии в этом формате размером 600 на 900 пикселей можно сжать до 50 – 70 кб и при этом изображение внешне будет выглядеть нормально.

Второй популярный формат, который был создан для быстрой передачи растровых изображений по сетям, является GIF. Этот формат позволяет значительно сжимать файлы цифровых фотографий без потери качества изображения. Кроме того, в этом формате можно сохранять анимацию и прозрачность слоя изображения (рис.10). Основной недостаток формата GIF это ограничения в передачи цвета.

Рис.10 Файл фотографии формата GIF с анимацией.
(наведите курсор на изображение)

Для более качественной передачи цвета в сети Интернет был разработан формат PNG. Этот формат обладает более высокой степенью сжатия без потери качества графической информации в отличие от формата JPEG и может хранить неограниченное число цветов, в отличие от формата GIF. Кроме того, файлы формата PNG можно использовать как альтернативу формату для редактирования фотографий.

Используя все перечисленные выше форматы файлы фотографий можно хранить и просматривать по отдельности. Но есть и другой способ. Если фотографии объединить и сохранить в видео формате, они станут одним файлом. При этом из них можно сделать красивое слайд-шоу с музыкой, текстом и спецэффектами. Для этой цели подходят несколько форматов: MPEG4, MOV, AVI, WMV, FLV (рис.11). Но и это еще не все форматы.

Рис.11 Пример слайд-шоу из фотографий в формате файла MPEG4.
()

Для хранения и просмотра цифровых фотографий одним файлом так же можно использовать самый популярный книжный формат PDF. В таком формате фотографии можно хранить как в одном фотоальбоме. Это дает возможность создать для них интерактивное меню быстрого поиска или просматривать фотографий как слайд-шоу (рис.12).

Рис.12 Пример хранения цифровых фотографий в файле формата PDF.
()

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

Текст и фотографии Ян Плант. Все права защищены.

Перевод статьи и размещение на сайте с любезного разрешения Ян Плант, владельца ресурса http://www.ianplant.com

Из всех вопросов, связанных с обработкой фотографий, и с которыми мне приходилось сталкиваться за годы профессиональной деятельности, ни один из них не был столь трудным как вопрос подготовки и сохранения изображений для публикации в веб-пространстве. Проблема известна: из тысяч мониторов, используемых пользователями мира, ни один из них не будет настроен по тому же образу и подобию, что и монитор вашего компьютера. Получается так, что не имеет значения, что вы делаете с изображениями, так как невозможно гарантировать, что пользователи интернета видят ваши фотографии в точности так же, как и вы. Тем не менее, не все так плохо: несмотря на то, что все мониторы не настроены по единому стандарту, большинство из них достаточно сходны. Кроме того, существует единый стандарт, который используют браузеры для просмотра изображений в интернете, он известен как цветовое пространство sRGB (больше о нем будет рассказано позже), которое позволяет скомпенсировать все разнообразие настроек мониторов. В свете сказанного успешная подготовка изображения для публикации в интернете включает не только донкихотскую погоню за настройками цвета. Вам также нужно обеспечить тот размер и резкость изображения, которые будут оптимальными для их просмотра в браузере. Таким образом, несмотря на все разнообразие настроек мониторов, у вас остаются возможности для того, чтобы обеспечить точное восприятие ваших фотографий посетителями интернета. Реализация этих возможностей, надеюсь, будет способствовать росту количества ваших фотографий в интернете и прибыли, как результата развития вашего фотографического бизнеса!

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

За прошедшие годы я перепробовал много способов подготовки и сохранения изображений с различными результатами. В итоге я усовершенствовал свою технику подготовки изображений и опробовал ее на большом числе мониторов, чтобы удостовериться в ее безошибочности и стабильности. Прежде чем написать эту статью, я также проконсультировался с несколькими участниками Mountain Trail Photo (Richard Bernabe , Jerry Greer , George Stocking , Guy Tal , и Joseph Rossbach ). Таким образом, в разумных пределах я уверен, что представленная мною техника не уступает лучшим практикам в сфере обработки и подготовки изображений для публикации в интернете. Я постарался сделать ее простой и отказался от использования профессиональных терминов, поэтому прошу экспертов простить мое довольно упрощенное объяснение, как все это работает.

Мою технику запомнить легко, а использовать на практике еще легче - как только вы освоите ее, вы сможете подготовить фотографию для интернета в течение нескольких минут и возможно даже секунд. При этом имейте в виду, что техника подготовки фотографий описана с использованием программы Adobe Photoshop CS4. Предыдущие и последующие версии Adobe Photoshop могут иметь некоторые различия, поэтому пользователи иных версий могут испытывать затруднения при выполнении ряда операций.

Таким образом, без дальнейших проволочек представляю вам технику обработки фотографий!

Шаг первый: Изменение размера

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

• по линейным размерам, которые обычно выражаются в пикселях, например 750 на 525 пикселей;
• по разрешению, которое выражается в ppi (пикселях на дюйм). Иногда вместо него используется несколько устаревшее обозначение dpi (точек на дюйм), которое пришло из печати. Стандартное разрешение для просмотра веб-страниц составляет 72 ppi.
• по размеру файла, который выражается в килобайтах (KB) или, если файл достаточно большой, то в мегабайтах (MB), гигабайтах (GB) и т.д. На размер файла влияют не только линейные размеры и разрешение изображения, но и ее детализация, и насыщенность.

Если вы размещаете фотографию на фотохостингах или форумах, то сначала изучите правила сайта, имеющие дело с ограничениями по размеру изображения. Например, один из сайтов, на котором я размещаю фотографии дикой природы, Nature Photographers Network , ограничивает максимальный размер изображения 720 пикселями по его большей стороне при размере сайта не более чем 200 KB.

Согласно житейскому опыту вам следует избегать такого изображения, которое будет слишком велико для среднестатистического пользователя и потребует прокрутки фотографии на дисплее монитора. Но что значит среднестатистический пользователь? Будет неплохим решением считать, что многие пользователи, если не их большинство, использует 17-дюймовые мониторы, дающие не слишком много места для изображения. Таким образом, любое изображение шириной более 800 пикселей потребует от большинства пользователей горизонтальной прокрутки. Будет очень хорошо, если вы зададите такой размер изображения, которое не потребует также и вертикальной прокрутки, но учитывая, что сайты создаются с возможностью прокрутки по вертикали, это не так важно для изображения как необходимость его горизонтальной прокрутки. В любом случае, размеры изображений для моего сайта не превышают 750 пикселей по горизонтали и 600 пикселей по вертикали.

Здесь показано как я изменяю размеры изображения. На панели инструментов я выбираю Image и затем Image Size (Иллюстрация 1-1).

Иллюстрация 1-1

Эта операция вызывает окно Image Size (Иллюстрация 1-2).

Иллюстрация 1-2

Во-первых, я удостоверяюсь, что позиции «Constrain proportion» и «Resample Image» отмечены галочкой. Обычно я выбираю Bicubic или Bicubic Sharper для сжатия моих изображений. Функция Bicubic Sharper действительно неплохо усиливает резкость изображения во время сжатия, так что она пригодна для большинства случаев. Затем я устанавливаю в строке «Resolution» 72 пикселя на дюйм. На последнем этапе я печатаю линейные размеры изображения - в нашем случае я установил ширину изображения в 750 пикселей. Так как позиция «Constrain proportion» отмечена галочкой, программа автоматически устанавливает соответствующую высоту в пикселях. Нажмите кнопку OK, и вы получите изображение с измененными размерами.

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

Правильный размер изображения: не слишком большой и не слишком мелкий, в самый раз для размещения на веб-ресурсе.

Шаг второй: Усиление резкости

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

Во избежание появления зазубрин я усиливаю резкость, используя небольшие постепенно увеличивающиеся значения. Здесь далее мой метод. Во-первых, установите размер изображения на 100%. Затем на панели управления выберите Filter, затем Sharpen, затем Unsharp Mask (Иллюстрация 2-1).

Иллюстрация 2-1

Это действие вызывает окно фильтра Unsharp Mask (Иллюстрация 2-2). Я устанавливаю степень влияния фильтра «Amount» на 200%, радиус «Radius» на 0,2 пиксела и порог «Threshold» на ноль. Это действие добавляет изображению очень малое количество резкости. Как правило я применяю фильтр Unsharp Mask чаще одного раза, постепенно усиливая резкость изображения до той степени, пока не получу желаемый результат. Для изображений, размещаемых в интернете, я применяю этот фильтр дважды. В редких случаях Unsharp Mask используется только один раз или же до 3-4 раз в зависимости от того насколько резким или размытым оказалось изображение после изменения его линейных размеров.

Иллюстрация 2-2

Как я уже упоминал ранее, вам нужно добиться четкого изображения, которое при этом не выглядит зазубренным. Мое личное мнение заключается в том, что лучше ошибиться в меньшую сторону, так как слишком резкое изображение выглядит непрофессионально. Иллюстрации от 2-3 до 2-5 расположенные ниже показывают примеры недостаточной, оптимальной и избыточной резкости.

Иллюстрация 2-3 представленная ниже показывает изображение перед усилением резкости. Оно не выглядит ужасным, всего лишь несколько расплывчатым, хотя если быть честным, то нечеткость изображения обусловлена оперением белой цапли! Этот файл после небольшого усиления резкости действительно мог бы выглядеть очень мило.

Иллюстрация 2-3

Иллюстрация 2-4 показывает изображение с оптимальным уровнем резкости. Эта фотография дважды обрабатывалась фильтром Unsharp Mask с указанными ранее значениями. Эффект усиления резкости остался умеренным. Детализация подчеркнута деликатно и без образования нарушений.

Иллюстрация 2-4

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

Иллюстрация 2-5

Совет для продвинутых пользователей: Если вы умеете работать с маскировкой слоев, то существует простой метод настройки резкости изображения без образования нарушений (если вы ничего не знаете про работу со слоями, то пропустите эту часть и двигайтесь дальше или же изучите слои и возвращайтесь сюда). Перед усилением резкости создайте копию слоя. Примените фильтр Unsharp Mask на копии слоя. Установите резкость по вашему вкусу и не обращайте внимания на нарушения, которые могут появляться то там, то здесь. Затем создайте маску слоя и замаскируйте зоны с избыточной резкостью кистью либо при уменьшенной, либо при 100% прозрачности до полного устранения нарушений в проблемных участках. Использованием маскировки слоя вы сможете плавно отрегулировать величину резкости для каждой части изображения, что в итоге даст идеальное качество вашей фотографии.

Шаг третий: Сохранение для веб-ресурса

Иллюстрация 3-1

Теперь у нас открылось окно Save for Web (Иллюстрация 3-2).

Иллюстрация 3-2

Окно Save for Web предлагает выполнить с изображением ряд операций, например выбор типа сохраняемого файла, изменение качества изображения и ряд других интересных опций.

На первом этапе производится простое действие: выберите JPEG в качестве типа вашего файла и поставьте галочку напротив «Optimized».

Теперь вам нужно выбрать качество сохраняемого изображения в окошечке «Quality». Любое выбранное вами число, которое будет меньше 100, уменьшит качество изображения. Вы спросите, а зачем нужно проделывать эту операцию? Дело в том, что с уменьшением качества изображения, вы также уменьшаете и размер файла, что обеспечит быструю загрузку изображения, а просмотр фотографии пользователем станет приятным процессом. Здесь есть интересный момент: пока вы будете придерживаться числового значения качества изображения в пределах от 60 и выше, вы не заметите заметного ухудшения качества изображения. При сохранении изображений для сайта я оставляю числовое значение в пределах 80. Не обращайте внимания на позиции «Maximum», «Very High» и т. д., так как эти установки меняются автоматически и в зависимости от выбранного числового значения качества изображения. Эта опция полезна при размещении изображений на фотохостингах, которые устанавливают ограничения по размеру файлов.

Окно Save for Web также предоставляет возможность предварительного просмотра изображения с выбранными установками. Для того чтобы реализовать эту возможность, нажмите на кнопку «4-Up» в верхней части окна, которая демонстрирует предварительный просмотр изображения при числовых значениях качества изображения 100, 80, 60, 40 и 20. При просмотре установите 100% размер фотографии, чтобы определить, как выбранное вами числовое значение качества влияет на конечное изображение.

Окно Save for Web может помочь вам оптимизировать качество изображения, размер файла и цвет.

Теперь время для более хитрой установки! Большинство интернет браузеров по умолчанию используют цветовое пространство sRGB, которое является вариацией стандарта Adobe RGB. Для того чтобы пользователи интернета имели возможность видеть ваши изображения почти так же как и вы, вам нужно конвертировать фотографии в sRGB. Многие цифровые камеры по умолчанию (или же по выбору пользователя) тоже генерируют изображения в sRGB. Тем не менее, профессиональные фотографы редактируют изображения в цветовом пространстве Adobe RGB, поэтому фотографии нужно конвертировать только перед размещением в интернете.

Конвертирование изображений в пространство sRGB в окне Save for Web является простым занятием. Таким образом - И ВОЗМОЖНО ЭТО САМАЯ ВАЖНАЯ ЧАСТЬ ДАННОГО РУКОВОДСТВА - когда вы применяете окно Save for Web - УДОСТОВЕРЬТЕСЬ, ЧТО ВЫ ОТМЕТИЛИ ГАЛОЧКОЙ «CONVERT TO sRGB». Это обеспечит наибольшую совместимость вашего изображения с большинством браузеров. В строке «Preview» выберите «Windows: No Color Management» для того, чтобы оценить как большинство пользователей будет видеть ваше изображение. Почему это требуется? Дело в том, что большинство пользователей использует компьютеры на операционных системах Windows (а большинство современных Macintosh использует стандартные установки Windows), таким образом, выбор этой опции покажет вам, как будет выглядеть изображение на большинстве устройств.

Также вы можете отметить галочкой «Embed Color Profile». Эта опция позволит браузерам, которые способны к настройке цветовой гаммы, правильно компенсировать цвета вашего изображения. Большинство браузеров не способны к этим настройкам (и по умолчанию принимают цветовое пространство sRGB), но будет неплохо, если вы оптимизируете ваши файлы и под оставшееся меньшинство.

Важное замечание по конвертированию в sRGB: некоторые пользователи после размещения оптимизированного файла в интернете, замечают изменение цветовой гаммы изображения при его просмотре в браузере, например в Internet Explorer. Это изменение может быть особенно заметным, если вы выберете опцию «Monitor Color» в строке «Preview» или же будете просматривать ваши jpeg-файлы на компьютере с помощью Windows. Браузер Internet Explorer или проводник Windows не способны к настройке цветовой гаммы, поэтому эти ошибки в цветопередаче обусловлены настройками вашего монитора. Изображение может выглядеть необычно на мониторе вашего компьютера, но будет в самый раз на любом другом. Так что, просто не обращайте внимания на тот сдвиг цветовой гаммы, который наблюдается на вашем компьютере. Если это вас не успокаивает, то попробуйте просмотреть ваши фотографии на чужих компьютерах - они должны выглядеть более или менее правильно, хотя как в действительности будут выглядеть эти изображения, большей частью зависит от настроек мониторов. В крайнем случае, вы можете скачать последнюю версию такого браузера как Firefox , который автоматически корректирует цветовую гамму изображений с сохраненными настройками. Вы сможете увидеть корректное изображение при использовании браузера, способного к управлению цветовой гаммой, или же если откроете ваш jpeg-файл в Adobe Photoshop.

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

Иллюстрация 3-3

В окне Save for Web вы также можете внести ряд изменений в установках по умолчанию. Установка «Metadata» позволяет вам решить, стоит ли прикреплять к файлу данные, с которыми мог бы ознакомиться любопытный посетитель вашего веб-ресурса. Эти данные содержат информацию о типе использованной камеры и объектива, настройках камеры, таких как размер диафрагмы и чувствительность. Цифровые камеры автоматически прикрепляют эти данные в ходе генерации цифрового файла. Позже вы можете добавить дополнительные данные, такие как описание изображения, авторское право и контактную информацию. Если у вас будет время, чтобы составить эти данные, то вы, возможно, захотите прикрепить их к файлу. Если вы хотите поступить как я, и не желаете размещать информацию о настройках камеры в открытом доступе и тратить время на ввод информации, тогда выберите опцию «None».

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

Шаг 4: Насладитесь известностью и удачей!

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

Для участия во многих проектах ГлобалЛаб надо подготовить фотографию и загрузить её в анкету проекта.

Если вы хотите использовать изображение, сделанное не вами лично, существует несколько вариантов:

1. Вы нашли картинку на просторах интернета и не знаете её автора. Постарайтесь выяснить, разрешено ли заимствовать изображения с сайта, на котором оно найдено. Для этого, как правило, достаточно прочесть Пользовательское соглашение данного ресурса: обычно именно там сообщается, можно ли использовать иллюстрации и на каких условиях.
2. Вы знаете автора изображения. Обязательно заручитесь его разрешением на использование картинки. Если же автор запретит – увы.

Помните, что даже фото предметов, обладающих мировой известностью (скульптур, сооружений, природных объектов), имеют своего автора, который может заявить свои права на изображение. ГлобалЛаб – этичный ресурс, мы не присваиваем чужое!

Продолжаем работать с проектом .

1. Если в анкете требуется разместить изображение, нажмите на кнопку «Выбрать файл» (1)

Рис. 1. Вставка изображения

Во многих проектах допускается размещение нескольких изображений в одном вопросе. Каждое новое изображение размещается специальной кнопкой (2). При этом в явном виде указано, какое максимальное количество изображений можно загрузить (3). Необходимо добавить как минимум одно изображение, если этот вопрос обязательный.

2. Откроется диалоговое окно выбора файла, в котором отображается содержимое вашего компьютера. Вы можете действовать двумя способами: выбрать нужное изображение (1) и дважды щёлкнуть по нему кнопкой мыши или кликнуть на файл и нажать кнопку «открыть» (2).

Рис. 2. Диалоговое окно выбора файла

Вы можете загружать сразу несколько фотографий. Нажимайте кнопку «Добавить ещё одно изображение» и загружайте новую фотографию, не дожидаясь конца загрузки предыдущей. Если вы ошиблись, выбирая файл на компьютере, вы можете удалить любое из дополнительно загруженных изображений специальной кнопкой (2).

4. После завершения загрузки вы увидите уменьшенное изображение вашей фотографии и две кнопки: «выбрать другой» (1) и «подписать» (2). С помощью первой кнопки вы снова откроете обзор вашего компьютера: так вы сможете выбрать и загрузить в систему ГлобалЛаб другой файл. Кнопка «подписать» позволяет рассказать о вашем изображении другим участникам проекта. Под фотографией вы увидите строку «Автор/Источник изображения», которая предназначена для указания авторства фото (3). В строке подписи укажите, кто автор этой фотографии, например, «фото А. Иванова» или «собственное фото». Если фотография из интернета, то вы можете дать в этой строке ссылку на источник фотографии или на её автора.

Рис. 5. Фотография загружена в анкету

5. Нажмите на кнопку «подписать», ваше изображение откроется во весь экран компьютера. Внизу фотографии отобразится текстовая строка для подписи (3). Указанное вами авторство фото отображается во второй строке (4). Вы можете выделить область на фотографии (1). Чтобы сохранить все изменения, не забудьте нажать на кнопку «Сохранить» (2).

Рис. 6. Фотография открыта для подписи

6. Слева вверху вы увидите кнопки «Добавить область» (1) и «Сохранить» (2). Вы можете выделить отдельные области на фотографии и добавить к ним подписи с помощью функции «добавить область». Не забудьте нажать кнопку «Сохранить», чтобы сохранить все подписи и области выделения.

Рис. 7. Добавление подписи к области на фотографии

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

Рис. 8. Выделение области, перемещение области и поле для подписи к области

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

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

Популярные форматы для хранения изображений

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

1. JPEG - самый популярный формат для хранения растровых изображений (рисунков, фотографий и т.д.). Данный формат предполагает высокую степень сжатия заключенной информации, что обеспечивает относительно небольшой размер JPEG-файлов. В данном случае сжатие фотографий без потери качества , к сожалению, не невозможно. Вместе с тем, для размещения фото в сети Интернет или для отправки по e-mail целесообразно изменить формат фотографии на JPEG. Это экономичный и удобный формат хранения растровой информации. Поддерживает 16,7 миллионов цветов.

2. BMP - стандартный формат графических файлов для Windows. Как правило, формат BMP имеют рисунки, сделанные в редакторе Paint, или, например, стандартные "обои" для рабочего стола. Фотографии в формате BMP хранятся в несжатом виде и могут занимать много места на диске. В связи с этим, часто требуется изменить формат фотографии на более эргономичный (JPEG, TIF, GIF).

3. TIF - растровый графический формат, позволяющий сжимать изображения без потери качества. Поддерживает 16,7 миллионов цветов, считается стандартным форматом обмена данных между компьютерами. Пользуется популярностью в среде профессионалов, например, у пользователей цифровых камер.

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

Какой из форматов выбрать?

В первую очередь, нужно исходить из конкретных практических соображений: где будет использоваться изображение, предполагается ли его печать и т.д. Используемый формат должен быть достаточно распространенным, чтобы программы (например, графические редакторы) могли его прочитать. Немаловажным критерием является возможность сжатия фотографии. К примеру, для размещения на сайте или пересылке изображения по электронной почте использование формата BMP будет совершенно неоправданным решением. Гораздо удобнее изменить формат фотографии и перевести его в JPEG или GIF.

Большинство современных программ по работе с изображениями содержат специальные конвертеры, служащие для распознавания информации различных форматов. Например, Домашняя Фотостудия поддерживает большинство популярных форматов растровой графики: JPEG, GIF, TIF, PSD, PNG, BMP и т.д. Программа включает все необходимые возможности для редактирования фото, поддерживает ретушь и коррекцию фотографий, улучшение качества изображений, позволяет выровнять горизонт на фотографии .

Для того, чтобы изменить формат фотографии, заходим в меню Файл > Сохранить как и выбираем нужный формат изображения.

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