Военно-историческая

и не только

МИНИАТЮРА СВОИМИ РУКАМИ.

Последние обсуждения на форуме:

Обработка фотографий и размещение их в сети Интернет

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

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

Установка яркости монитора.

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

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

Набольшие проблемы, как правило, возникают у владельцев жидкокристаллических мониторов с матрицами TN-film (думаю, таких подавляющее большинство среди ЖК). Это сравнительно дешевые матрицы для офисных приложений и по-хорошему для качественной цветокоррекция фотографий они непригодны, поэтому фотографами и дизайнерами не используются. Для цветокоррекция годятся только жидкокристаллические мониторы с матрицами S-IPS или, в крайнем случае, PVA. Подробно вдаваться в причины таких технологических тонкостей не буду, скажу только, что дешевые жидкокристаллические мониторы воспроизводят существенно меньше оттенков цвета, нежели обычные, с электронно-лучевыми трубками. И самое неприятное, что эта цветопередача сильно нелинейная. К примеру, можно на 5% изменить цветовой баланс, а на экране монитора ничего не изменится, хотя на других мониторах различия будут весьма заметные. Однако вряд ли кто будет менять монитор только для того, чтобы иметь возможность точно корректировать цвета миниатюр, вышесказанное просто прошу принять к сведению. И не удивляться неожиданным результатам.

Но вернемся к яркости. Большинство производителей мониторов делают стандартные значения яркостей типичными для офисных применений (работа с текстами и т.п.). Для фотографий эта яркость будет существенно завышена. Обрабатывать фотографии и просматривать Интернат-галереи желательно при меньшей яркости. Многие мониторы даже имеет специальную предустановку «Фото» для просмотра фотографий. Если этого нет – яркость придется уменьшать вручную.

Для того, чтобы правильно выставить яркость, можно воспользоваться небольшой бесплатной утилитой Nokia Test

При запуске окно этой программы выглядит так:

Из всех возможностей этой программы нас интересует только одна – контроль правильности установки «точки черного» (помечено стрелочкой). При нажатии на указанную пиктограмму открывается окно с полосками градаций серого: в верхней части с шагом в 1%, в нижней – с шагом 10%.

Внимательно смотрим верхнюю шкалу. Между 1% и 2% , а также между 2% и 3% узкой темной полоски видно быть не должно. Точнее, до границы 3% и 4% все должно быть абсолютно черным. И первый раз голосочка должна появиться между 3% и 4%, не раньше. Допустимо – между 4% и 5% (на увеличенной сноске преднамеренно поднят контраст по сравнению с оригиналом, чтобы полоска была заметнее).

Очень часто на офисных мониторах яркость завышена и полосочка видна уже между 1% и 2%.

Такая настройка для коррекции фотографий непригодна.

Добиваться видимости полосочки в нужном месте нужно регулировкой яркости и контраста монитора. В жидкокристаллических мониторах можно еще регулировать Gamma - кривую, по которой осуществляется переход от темного к светлому (грубо – регулировать яркость средних тонов). Без этой регулировки часто монитор настроить не удается.

Если регулировка Gamma в мониторе отсутствует, то нужно посмотреть, есть ли такая регулировка в свойствах видеокарты компьютера. Если стоят не стандартные виндовсовские драйвера, а фирменные (производителя видеокарты) то, как правило, такая настройка есть. Искать закладку с этими регулировками надо в «Свойствах экрана» (Экран/Параметры/Дополнительно). Должно быть что-то типа приведенного ниже:

Передвигая движок Gamma можно подобрать требуемую яркость. Только сильно от значения «1» отклоняться не стоит (0,7 – 1,2). И сперва выставить яркость и контраст (лучше – на мониторе, а не в программе).

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

Общие приемы коррекции фото

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

Кадрирование

При фотосъемке миниатюры часто на снимке много пустого места – полей. Зачастую это связано с тем, что фотосъемку надо вести с расстояния в 3 роста фигуры, а при этом она уже может занимать далеко не весь кадр. К тому же мне, при использовании штатива удобнее располагать фотоаппарат в привычной «ланшафтной» ориентации, а не в портретной (т.е. повернув вертикально). Поэтому полученные фотографии чаще всего приходится кадрировать – отрезать лишнее. В Фотошопе это делается так. Надо выбрать инструмент «Рамка».

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

Когда используется инструмент «Рамка», поля, которые будут обрезаны, затеняются. Собственно обрезка производится двойным щелчком мыши или галочкой в верхнем правом углу.

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

Обрезанное фото выглядит следующим образом.

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

С помощью инструмента «Рамка» фотографию сразу можно подгонять к требуемому размеру, задав, например, высоту 800 пикс, а ширину – 600 пикс.

После выполнения команды фото будет иметь размеры 800х600 пикселей. Однако, я не рекомендую сразу уменьшать фотографию до размеров, принятых для размещения в Интернете. Размер исходной фотографии, следует уменьшить где-то вдвое (уменьшатся цифровые шумы), после этого следует откорректировать фотографию по яркости и цвету и сохранить получившийся результат. И лишь после этого уменьшать фотографию до размеров, приемлемых для размещения в сети Интернет.

Выравнивание уровней

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

Все команды корректировки расположены в Фотошопе в меню Изображение/Коррекция. Начать я рекомендую с корректировки уровней (команда Уровни)

На экране появляется гистограмма изображения (что это такое – писал в статье про фотографирование миниатюр). Самый простой способ коррекции (которого достаточно в 90% случаев) – выполнить команду Авто. При этом программа автоматически проведет оптимизацию уровней.

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

Если по каким-то причинам автоматическая коррекция дала неудовлетворительные результаты (бывает и такое), то можно откорректировать изображение в полуавтоматическом режиме. На закладке внизу справа есть три пипетки. Левая – указатель черного, средняя – указатель серого, правая – указатель белого. Выберем указатель белого (правая пипетка)

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

«Светлая» пипетка удобна для осветления фона, на котором проводилась фотосъемки (если он светлее миниатюры). В качестве «точки белого» в примере выбрана серая точка фона в районе локтя миниатюры. Фон сразу стал белым, повысилась общая яркость.

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

После этого осталось только подкорректировать яркость средних тонов движком на гистограмме (сдвигаем его влево).

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

Остается средним движком откорректировать яркость средних тонов.

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

Получаем вполне прилично откорректированную миниатюру.

Коррекция цветового баланса

Как уже было сказано, средняя пипетка служит для автоматического баланса цвета средних тонов и на яркость изображения не влияет. Для предварительной цветокоррекции этой пипеткой надо указать на объект, который должен быть серым. Помимо элементов миниатюры таким объектом может служить отбрасываемая ею тень. Обращаю внимание, что изображение с цифрового фотоаппарата может иметь небольшой цветной шум. И при коррекции средних тонов можно попасть пипеткой в цветную точку. При этом происходит неправильная цветокоррекция (иногда – очень сильно неправильная). Поэтому возможно придется потыкать этой пипеткой несколько раз, пока на попадешь в нужную точку и изображение не станет «правильным». Однако, при сильных ошибках при определении цветового баланса при фотографировании полностью скомпенсировать ошибки достаточно трудно и чаще всего такие фотографии целесообразно переделать. Ниже пример фотографии с неправильно предустановленным цветовым балансом (установлена «лампа накаливания», а съемка велась при дневном солнечном свете). В этом случае установка баланса средних тонов по тени миниатюры несколько улучшает фото, но до нормального еще очень далеко.

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

Еще два инструмента коррекции цвета находятся в меню Изображение/Коррекция. Это «Цветовой баланс» и «Цветовой тон\насыщенность». При помощи первой можно откорректировать баланс теней, средних тонов и светов по каждой из основных компонентов цвета. Второй – менять тон насыщенность цвета и яркость всех цветов или выбранного компонента цвета.

Повышение детализации в темных тонах

Часто при фотосъемке отдельные детали миниатюры получаются слишком темные и не видно детализации.

Для «вытягивания» деталей в тенях можно либо повышать яркость средних тонов в Уровнях, либо воспользоваться специальной командой Изображение/Коррекция/Света-тени

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

Оптимизация фотографий ВИМ для размещения в Интернет

Снова маленькое лирическое отступление. Точнее, мое мнение о минимальном размере (в пикселях) фотографии, при котором не происходит недопустимых потерь информации о важных деталях.

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

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

Отношение толщины губ и бровей к полному росту человека – приблизительно 1/200. Соответственно, если губа – один пиксель, то все изображение человека от пяток до макушки – 200 пикселей. Если учесть, что «под обрез» никто фотографии миниатюр не делает, как правило, есть еще и подставка, а также пустое место снизу и сверху, то получается все 300 пикселей. Отсюда важный вывод: фотография ростовой миниатюры по высоте должна быть не менее 300 пикселей. При меньших размерах происходит недопустимая потеря детализации.

Если же учесть, что оптимально толщина губ и бровей должна быть 2 пикселя, получается, что минимальный вертикальный размер качественной фотографии ростовой миниатюры 500-600 пикселей.

Вот как это выглядит на практике.

На первой фото общий размер (от пяток до макушки) 150 пикселей, на второй – 200, на третьей – 400.

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

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

Предположим, что высота у нас минимальная – 300 пикселей. Стандартный формат – 200х300. Некомпрессированное изображение такого размера имеет размер 194 КБ, а некомпрессированное изображение 300х600 будет иметь размер 725 КБ. Для Интернета это слишком «тяжелые» файлы и их нужно сжать. Наиболее распространенный алгоритм – JPG. Он обеспечивает высокую компрессию (файл становится меньше во много раз), но вносит определенные искажения. Чем сильнее сжимается файл, тем больше искажения. В большинстве программ степень компрессии градуируется в % качества. 100% - максимальное качество (без сжатия), 0% - минимальное качество (очень сильное сжатие). Я считаю допустимым качество сжатия вплоть до 20% по шкале Фотошопа (зависит от изображения). При этом миниатюры 300х600 без особо заметных потерь удается сжать до 50-80 КБ. К сожалению, на этом сайте ограничение размера файла - 30 КБ. Поэтому приходится снижать разрешение и увеличивать степень сжатия, чтобы вложиться в лимит. Однако, и при размере 30К фото миниатюр могут быть вполне неплохими.

Итак, перед размещением фотографии в Интернете откорректированное изображение нужно откадрировать (обрезать поля по бокам и сверху). Затем выполнить команду Фотошопа «Файл/Сохранить для Web» Перед этим менять размер фотографии не надо – пусть остается оригинал с высоким разрешением, а для Интернета целесообразно сделать копию.

Появится новое окно

Справа внизу есть закладка «Image Size». В ней задаются нужные размеры по горизонтали и вертикали. Если стоит флажок «Сохранять пропорции», то соотношение этих размеров будет жестко связано. Задаем высоту 600 пикселей. Автоматически заполняется ширина – 419 пикселей. Затем следует задать алгоритм интерполяции (чуть ниже), выбрав «Bicubic Sharper». После этого нужно нажать кнопку «Apply» (Выполнить).

Затем надо подобрать степень сжатия (компрессию). Справа вверху ставим алгоритм сжатия JPEG и движком Quality начинаем подбирать нудный нам размер файла. Он отображается в нижнем левом углу окна. При качестве 63% получили размер файла 29,57КБ. После этого жмем кнопку Save и сохраняем файл под новым именем.

Вот, в вкратце, и все по поводу подготовки фото к размещению в сети Интернет.

Обращаю внимание на то, что 30КБ – это ограничение для размещения на хостинге chen-la. При использовании внешнего хостинга можно делать фотографии большего размера (при этом будет меньше искажений).

Размещение фотографий в сети Интернет

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

Из приведенных там сайтов кратко прокомментирую лишь те, которыми пользовался.

http://36k.ru/ - работает достаточно стабильно, но много рекламы.

Photofile.ru. – хорош для размещения небольших фото, поскольку есть существенные ограничения по размеру.

СТРИМ.Фото. – основной ресурс, на котором я сейчас размещаю свои фотографии. Предоставляет большой объем дискового пространства под фотографии, позволяет хранить фотографии большого размера и удобно организовывать галереи. Рекомендую.

Кроме упомянутых в статьях ресурсах, хотел бы остановиться еще на двух сравнительно новых.

http://www.foto.radikal.ru/ - проект Радикал-Фото представляет собой сервис для оперативной публикации фотографий в интернет-форумах, блогах, досках объявлений, чатах.

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

Без регистрации после загрузки фото теряется возможность ее корректировки. Зарегистрированный пользователь имеет доступ ко всем ранее загруженным фотографиям.

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

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

http://picasaweb.google.ru – весьма интересный ресурс, который, насколько я понял, появился совсем недавно. Для размещения фотографий выделяется 15GB места на сервере и почтовый аккаунт ***@gmail.com

Функции стандартные – позволяет удалять, переименовывать или перемещать из альбома в альбом выбранные фотографии, оставлять комментарии. Интерфейс – русский (язык выбирается при регистрации). Этим сервисом я стал пользоваться совсем недавно, поэтому пока не готов его комментировать, однако судя по тому, что это сервис Google, проблем быть не должно.

Этот сервис можно использовать совместно с бесплатной программой-просмоторщиком и каталогизатором фото Picasa2.

Эта программа позволяет также выполнять некоторые функции по коррекции фото.

***

Материал подготовлен специально для сайта www.chen-la.com

Aml