Почему Nextgen / WordPress снижает качество моих фотографий?

Question

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

Я художник / фотограф, и я использую свой веб-сайт через WordPress для отображения своих работ. Обычно я изменяю размер фотографий до 600 Вт / ч и сохраняю их в формате JPEG высокого качества в Photoshop. Когда я смотрю их на своем сайте, контраст, резкость и яркость теряются. Я переключался между просмотром одной и той же фотографии в Интернете, в пустом окне веб-браузера, на платформах социальных сетей, таких как Facebook, и с использованием средства просмотра изображений Windows. При просмотре одной и той же фотографии на моем веб-сайте WordPress существует существенная разница по сравнению с тем, когда она отображается только в браузере. К сожалению, мой сайт - то, где я хотел бы, чтобы они рассматривались в их родном качестве. Веб-сайт берет мои фотографии и делает их похожими на точки и снимает моментальные снимки, и у меня начинает кипеть кровь, потому что я не могу добраться до корня этой проблемы.

Я попытался сохранить фотографию во всех возможных форматах (.png, .tiff, .gif и т. Д.) И загрузить их. Они всегда одинаковы при просмотре на моем сайте

Мой сосед по комнате - веб-программист, и он сам не может этого понять. Его объяснение в том, что браузеры делают фотографии светлее. Это не согласуется со мной, потому что когда я смотрю фотографии прямо с сервера в браузере, они довольно близки к идеальным. Но потом они просматриваются через мой сайт, они выглядят ужасно.

Я понял, что есть одна разница между тем, чтобы видеть их на моем веб-сайте и видеть их на моем сервере, в программе галереи WordPress.

• Шаг 1. Я загружаю файлы на свой сервер через FTP
• Шаг 2. Затем я перехожу в режим печати слов и импортирую фотографии, используя nextgen.
• Шаг 3. Затем я вставляю код в сообщение на моем веб-сайте, позволяющее просматривать изображения.

Не факт, что они в сети искажают их, а то, что они проходят через этот процесс вторичной загрузки.

Это сводит меня с ума. Единственный раз, когда я могу просматривать их на своем веб-сайте, - это когда я использую параметры в галерее и меняю эффект миниатюры JavaScript на highslide. но потом они открываются в окне браузера и не отображаются на моем сайте. В этот момент я не совсем уверен, откуда этот скрипт показывает изображение. Мой сервер или NextGEN.

Если что-то из этого не имеет смысла, я прошу прощения, я не настолько грамотен в этом отделе и знаю только то, чему я смог научиться сам.

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

Answer 1

Подобные вещи обычно являются проблемой цветового пространства. Убедитесь, что вы сохраняете изображения как sRGB, а не Adobe RGB; последний предназначен для печати, а не для отображения в Интернете.

Answer 2

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

Я рекомендую проверить, влияет ли какая-либо из нескольких ваших таблиц стилей на изображения. Попробуйте удалить их по одному, чтобы увидеть, есть ли какие-либо изменения в изображении, чтобы изолировать его до одного. Например, «prettyPhoto.css» звучит как кандидат мне.

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

Удачи

Answer 3

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

Вообще говоря, вы хотите сохранить ваши изображения в более широкой гамме, например Adobe RGB (не Apple RGB), пока вы выполняете постобработку, поскольку эта гамма лучше отображает отображаемую цветовую гамму более высокого качества или профессиональные ЖК-экраны этих дней (например, Apple CinemaDisplays, Eizo, серии LaCie 730, фотографические экраны NEC.) После постобработки, а также во время кадрирования, масштабирования и рендеринга для конечных носителей, как правило, лучше всего преобразовывать его в де-факто отраслевой стандарт цвета пространство, sRGB. Большинство компьютерных устройств поддерживают sRGB, и большинство программ по умолчанию отображают изображения, как если бы они были sRGB.

Если изображение, помеченное другим цветовым пространством (например, Adobe RGB или ProPhoto RGB), воспроизводится неуправляемой программой, цвета обычно выглядят менее насыщенными, чем должны быть ... отсюда и размытое изображение внешний вид. Преобразование ваших изображений в sRGB как часть окончательного рендеринга обеспечит их корректный вид на самом широком диапазоне устройств и программного обеспечения.

Answer 4

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

http://davidmccarthymedia.com/russ/website%20white.jpg

http://davidmccarthymedia.com/russ/website%20black.jpg

Кто-нибудь может это увидеть? Я протестировал его на нескольких мониторах, и, к сожалению, это происходит только на моем основном редактирующем мониторе.