Полноразмерные фотографии

[tasha]

[MosDay.ru]

Изменяемый размер полноразмерных версий фотографии

Введена новая удобная возможность указания уменьшенного размера для вывода полноразмерной версии фотографии!

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

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

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

Зачем это нужно и почему нельзя просто включать большие фотки?
Изначально на сайте фотографии показывались в размере 540 точек по большей стороне.
Этот размер удобен для интернет-просмотра (всегда влезает в экран вместе с элементами управления и быстро грузится не съедая много трафика), но он не позволял оценить всю красоту качественных фотографий.
Полноразмерный показ фотографий был введен на сайте, чтобы посетители могли смотреть на фотографии во весь экран и лучше разглядеть детали на снимке.
Именно для просмотра на экране! А не для печати.
Соответственно, размер картинки должен влезать в стандартный экран монитора (стандартным экраном можно считать мониторы с разрешениями по горизонтали в 1280 и 1024 точек - это 50% и 30% от всех посетителей). Еще немного съедают рамки браузера и полоса прокрутки.
В итоге рекомендуемый нами формат - 1080 точек - это в два раза больше изначально принятого на сайте размера.
Он полностью влезает в экран у 68% посетителей (у четверти из них даже с запасом), почти влезает у 30% и не влезает лишь у 2% (это пользователи мобильных устройств, телефонов и древних компьютеров).

Еще почему не стоит показывать прямо сами оригиналы фотографий (исходники высокого разрешения):
1. Они становятся легко доступны для нечестных лиц, которые без разрешения берут (крадут) чужие материалы, зачастую зарабатывая на них и не оплачивая авторский гонорар.
2. Большинство оригиналов в исходном размере без обработки визуально не имеют достаточное качество и четкость.
3. Посетителю неудобно "бегать" по фотографии из угла в угол, прокручивая ее. Нет возможности увидеть всю ее сразу.
4. Нерационально слишком большие объемы данных, впустую увеличивающие трафик и замедляющие скорость.

Первыми фотографиями, которые начали показываться таким методом, стали фотографии нашего нового автора Евгения Фурсова (не все), которые он начал закачивать в размерах 2160x1436 и 1620x999.

[MosDay.ru]

Улучшен просмотр полноразмерных фотографий!

1. Окно открывается всегда в размере на весь экран
Последнее время все больше стало разных размеров и разрешений мониторов, а браузеры обзавелись функциями масштабирования страниц. Прежний вариант на некоторых браузерах с нестандартным масштабом (не 100%) иногда открывал окно с полноразмерной версией фотографии не на весь экран и приходилось совершать дополнительный клик, чтобы увеличить окно. Сейчас это доработано и нормально работает на всех современных браузерах, кроме Apple Safari (в нем окно открывается в том размере, как оно было в предыдущий раз).

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

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

4. Средства калибровки монитора
Иногда при неправильно настроенном мониторе некоторые фотографии могут показаться слишком темными или слишком светлыми, а также возможно вообще выпадение части полутонов (особенно в темных и светлых областях). Поэтому для качественного просмотра фотографий рекомендуется предварительно правильно настроить свой монитор и видеокарту компьютера. Добавлено пару средств, которые помогут Вам контролировать цветопередачу и смотреть фотографии в наивысшем качестве.
Сверху по центру размещена полоса градаций из 16 квадратиков от белого к черному. Обязательно убедитесь, что вы хорошо различаете все полутона, и что они не сливаются, на границе между каждой парой соседних цветов должна быть хорошо различима разница в яркости. Если это не так, то подрегулируйте яркость и контрастность Вашего монитора, пока не добьетесь наилучшего результата.
Для более изысканных и требовательных добавлены расширенные таблицы настройки мониторов. Для открытия страницы с ними просто нажмите на эту полосу градаций, откроется отдельно окно, там можно постараться произвести самую точную настройку полутонов, проверить, нет ли завала цвета и визуально оценить цветовой спектр, отображаемый Вашим монитором. Обратите внимание, что не все мониторы и видеокарты Вы сможете настроить на 100% отображение всех полутонов серого и оттенков RGB. Хуже всего с этим дела обстоят у ЖК-экранов бюджетных ноутбуков. Кстати, про различные технологии, используемые в LCD-матрицах можно почитать здесь...
Кстати, настройки монитора, сделанные на сайте MosDay.ru, конечно же, пригодятся Вам и на любых других сайтах, особенно связанных с фотографиями, так как они едины для всего интернета. Правда можно было бы еще упомянуть про различные цветовые профили, но это уже отдельная тема.

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

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

* Все нововведения тестировались на последних версиях самых популярных браузеров Internet Explorer, Mozilla Firefox, Opera, Google Chrome и Apple Safari.
Полностью весь функционал можно оценить в Firefox и IE, с незначительными ограничениями в Opera и Chrome, а вот тормознутый Safari не справляется с большей частью новых наворотов.

[MosDay.ru]

Альтернативные версии фотографий в формате FullHD

Добавлена возможность публикации дополнительных полноразмерных версий фотографий в формате FullHD 1920x1080.
То есть, кроме самой фотки и ее полноразмерной версии, теперь еще можно отдельно опубликовать и ее версию в еще более высоком разрешении.

Первые примеры:
http://mosday.ru/photos/?2043
http://mosday.ru/photos/?786
http://mosday.ru/photos/?446
Там под фото в описании в поле "Оригинал: 3456x2304 ~ в большем размере: 1280x800" у таких фото появляется еще и вторая строка с ссылкой "1920x1080 (FullHD)".

Для чего это нужно?
Время не стоит на месте, технологический прогресс приводит к увеличению как размеров мониторов, так и их разрешающей способности. Сейчас самым перспективным стандартом становится FullHD с разрешением 1920 на 1080 точек. Все современные телевизоры выпускаются с такой матрицей, хорошие мониторы и топовые ноутбуки тоже. И на таких экранах хочется смотреть соответствующие по размерам качественные изображения.
Кроме того, в фоторазделе сайта скоро планируется создание странички с так называемыми "обоями рабочего стола" с видами Москвы (что-то типа такого, но для всех). Там будут использоваться полноразмерные версии фотографий в форматах 1280x800 (16:10) и 1920x1080 (16:9).
Мы смотрим в будущее, а поддержка стандартов 4:3 (800x600 и 1024x768) постепенно сворачивается всеми производителями, поэтому фото там будут широкоформатные.

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

Как это сделать для своей фотографии?
Такие дополнительные версии фотографий закачиваются на сервер администрацией вручную.
Так что для этого на info@mosday.ru следует прислать подготовленный JPEG-файл в размере 1920x1080 с указанием номера соответствующей Вашей фотографии на сайте.
При желании, в левый нижний угол автор может наложить свою подпись (это может быть авторский логотип, имя, фамилия, ник или адрес электронной почты).
Пропорции сторон и кадрирование могут немного отличаться от уже имеющейся на сайте фотографии (к примеру, на сайте уже имеется Ваше фото в размере 1080x720 (3:2), а присылаете Вы в размере 1920x1080 (16:9) с чуть обрезанным верхом и низом - это нормально).
Настоятельно рекомендуем не просто кадрировать фото, но и произвести коррекцию в графическом редакторе, а также поднать четкость перед сохранением файла.

Почему так сложно?
Тут мы рассчитываем исключительно на качественные фотографии, а ради них можно и потратить некоторое количество нашего и вашего времени, для получения идеального результата. Подход индивидуальный.
Кроме того, форматы фотокамер 3:2 и 4:3 не совпадают с широкоформатными стандартами 16:9 и 16:10, поэтому в любом случае потребуется ручное кадрирование.

[maksimov]

Слишком много правил, я что-то запутался.

Скажите, пожалуйста, какого размера фотографии Вы посоветуете добавлять, если исходный размер фотографии 5184х3456 (18 мегапикселей)?
До этого я загружал старые фотографии, отсканированные с бумажных отпечатков, со слайдов, а также снятые 5-мегапиксельным фотоаппаратом. Из-за плохого качества оригиналов делал размер 1080 пикселей по длинной стороне, а иногда даже 540 пикселей. Сейчас хотел загрузить 10 и 18-мегапиксельные снимки 2008-2011 годов.

Что мне указывается в поле "Размер исходника"? Размер снимка с фотоаппарата или размер обработанного снимка, который я загружаю для публикации на сайте?

Есть ли смысл загружать исходный (10-мегапиксеьный или 18-мегапиксельный) оригинал фотографии?

На фотографиях многих авторов я вижу ссылку "Исходный оригинал фотографии", но сам оригинал всё равно не могу посмотреть. Отсюда мои вопросы.

[MosDay.ru]

[maksimov]

Спасибо за ответы!
Может быть, посоветуете, как обрабатывать фотографии именно для публикации MosDay.ru?
Понятно, что я должен уменьшить размер (сделать "ресайз") до 1080 точек по длинной стороне (или до 1620 или 2160, если фото качественное), а также при необходимости исправлять ошибки, допущенные в момент фотосъемки (выравнивать фото по линии горизонта, корректировать экспозицию в случае недоэкспонированного или переэкспонированного фото, кадрировать что-либо и т.п.).
А что нужно делать ещё? Надо ли повышать резкость перед "ресайзом", после "ресайза"?
Как лучше делать "ресайз" - одной итерацией (сразу до 1080 точек) или поэтапно (например, 5184 -> 4320 -> 2160 -> 1080)?
Имеет ли смысл исправлять искажения вертикальной перспективы, часто возникающие при съемке зданий с близкого расстояния широкоугольным объективом?
"Движок" сайте сам что-нибудь делает с обработанной фотографией?
Или я буду видеть фотографию именно в своей обработке?

[MosDay.ru]

[maksimov]

Спасибо за ответы и ссылки. Буду разбираться.

Добавлено спустя 10 дней:
Спасибо. Но при этом действует ограничение на "вес" файла: не более 1 мегабайта?
Если я делаю размер 1080 точек по большей стороне, то обычно укладываюсь в один мегабайт.
А вот если делать 1620 точек по большей стороне (и тем более 2160), то тогда придётся жертвовать качеством.

[Alexey Slizkov]

[maksimov]

Спасибо, понятно.
Теперь у меня возник ещё один вопрос.
Некоторые фотографии размером 1080 точек по длинной стороне, которые я загружал в фотобазу, отображаются только в размере 540 точек.
С чем это может быть связано?
С плохим качеством оригиналов?
С неудачной обработкой оригиналов?
С излишне большим "весом" файла (от 0,7 до 1 МБ)?

От Администрации: Увеличенный просмотр обычно включает даже не модератор, а администратор (в редких случаях это делает редактор), для каждой фотографии индивидуально. Иногда делается масштабирование - для слишком больших фото полноразмерка включается в масштабе, чтобы быть 1080 точек. Все индивидуально. Иногда 1920x1080 с отличной детализацией, а иногда 540x360 и то видно, что качество слабо.

[Dmitry Devin]

Добрый день, уважаемые администраторы! Подскажите пожалуйста как можно сделать, чтобы фотография в большем размере была размещена на сайте ещё и в формате FullHD 1920x1080? В каком тогда нужно разрешении загружать фотографию?

[MosDay.ru]

[Dmitry Devin]

На счёт того, что надо закачивать 1920x1080 было сразу понятно, вопрос был из-за того, что многие посетители сайта (в том числе ия до недавнего времени) пользуются мониторами 4:3, а не 16:9 и 16:10, т.е. на мониторе 4:3 1920х1080 будет смотреться на мой взгляд как-то не очень или не полностью войдёт на экран, соответственно должна быть возможность просматривать как FullHD (если на фотографии хорошая детализация) под формат 16:9, так ио не FullHD под формат 4:3, так, что наверное теперь видовые фотографии с хорошей детализацией буду закачивать в формате 1920x1280 (3:2). В качестве эксперимента, прошу Вас установить формат FullHD (если это позволяет размер закаченного фото на сайт) к одной из следующих моих фотографий (которые на Ваш взгляд с хорошей детализацией): 76.1, 76.44, 76.59, 76.99, 76.90, 76.171.

[MosDay.ru]

Указанные Вами фотографии закачены не точно в размере 1920x1080.
Мы пробовали их включать и в 1920 и в 2160, но четкость не дотягивает.
Тут стоит придерживаться правила не повышать размер, если визуально это не дает ощутимого улучшения качества.
Да и поймите, что нет пока у посетителей таких мониторов, чтоб 1920px по ширине и еще 1280px по высоте. Максимум, что бывает - это 1920x1200, но очень редко.
И даже в этом случае фото формата 3:2 размера 1920x1280 полностью в экран не влезет!

Эти перечисленные фотографии хорошие, и мы сейчас включили для них более подходящий размер показа больших - это 1620 точек по большей стороне.

Применительно к ним в итоге вышло - 1620x1084.
При этом из всех их реально лишь одна фотография (#76.59) имеет достаточно хорошую детализацию, а остальные не столь четки.
Кстати, в этом случае фотографии можно даже кадрировать прямо средствами сайта, но в данном случае в этом нет необходимости.

Удачи и хороших снимков! Будут вопросы - обращайтесь, всегда рады помочь...