Как исправить потерю цвета и насыщенности изображения в WordPress

/

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

Потеря цвета и насыщенности изображения в WordPress

Почему некоторые изображения теряют цвета и насыщенность в WordPress?

Многие фотографы делают фотографии, используя цветовое пространство Adobe RGB, которое имеет больше цветов и дает гораздо лучшие результаты.

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

WordPress также использует сжатие изображений с измененным размером, что также может способствовать небольшой потере качества. Вот как вы можете увеличить или уменьшить сжатие изображений WordPress jpeg.

Изображения, снятые с цветовым пространством Adobe sRGB, более яркие и точнее отображают цвета в высоких тонах. При преобразовании в WordPress эти яркие цвета заменяются слегка приглушенными тонами.

Потеря цвета и насыщенности в WordPress

Сказав это, давайте посмотрим, как мы можем предотвратить потерю цвета и насыщенности изображения в WordPress.

Исправить потерю цвета и насыщенности изображений в WordPress

Самый простой способ исправить это - преобразовать изображения в цветовое пространство RGB перед их загрузкой в ​​WordPress. Это легко сделать с помощью Adobe Photoshop.

Способ 1:

Откройте изображение в Adobe Photoshop и нажмите «Файл» »Сохранить для Интернета….

Сохранить для Интернета в Adobe Photoshop

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

Преобразование цветов в RGB и сохранение для Интернета в Adobe Photoshop

Способ 2:

Используйте этот метод, если вас не устраивает результат первого метода.

В Adobe Photoshop перейдите в Правка »Настройки цвета. Это вызовет диалоговое окно настроек цвета.

Изменение политик управления цветом в Adobe Photoshop

Вам необходимо выбрать «North America Web / Internet» в раскрывающемся меню настроек. Затем в разделе политик управления цветом выберите для RGB значение «Преобразовать в рабочий RGB». После этого нажмите кнопку ОК, чтобы сохранить настройки.

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

Несоответствие цветового профиля

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

Повторите процесс для всех изображений, которые вы хотите загрузить. Теперь вы можете безопасно загружать эти преобразованные изображения без потери цвета или насыщенности в WordPress.

Исправьте потерю цвета и насыщенности в WordPress с помощью GIMP

GIMP - мощная бесплатная альтернатива Adobe Photoshop. Вы можете использовать его для преобразования цветового пространства для ваших загрузок WordPress.

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

GIMP обнаруживает и предлагает преобразовать цветовое пространство

Иногда изображение может не иметь встроенного цветового профиля или GIMP может неправильно его прочитать. В этом случае вам нужно будет вручную изменить цветовое пространство.

Сначала вам нужно знать, какое цветовое пространство может использовать ваша фотография. Мы предполагаем, что это Adobe sRGB, но могло быть иначе. Проверьте камеру, чтобы выяснить это, если вы не уверены.

GIMP не имеет встроенного профиля Adobe sRGB. Вам нужно будет загрузить профиль Adobe sRGB ICC на свой компьютер.

Выберите свою операционную систему и следуйте инструкциям на экране. Вы сможете загрузить профили ICC в виде zip-файла. Распакуйте zip-файл, и внутри вы увидите файл AdobeRGB1998.icc.

После того, как вы загрузили профиль ICC. Просто откройте свое изображение в GIMP и нажмите Изображение »Режим» Назначить цветовой профиль…. Это вызовет диалоговое окно, подобное этому:

Назначьте цветовой профиль в GIMP

Щелкните раскрывающееся меню и найдите профиль ICC, который вы скачали ранее. Нажмите кнопку «Назначить», чтобы применить его.

После применения цветового профиля GIMP может безопасно преобразовать его в RGB без потери цветов. Просто нажмите Изображение »Режим» Преобразовать цветовой профиль…

Преобразование цветового профиля в GIMP

GIMP теперь преобразует цветовой профиль в RGB, и вы можете сохранить свое изображение. Повторите процесс для других изображений, которые вы хотите загрузить в WordPress.

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

Нужна помощь с WordPress? Свяжитесь сейчас
[email protected]

Это переведенная версия оригинальной статьи от wpbeginner, весь контент, изображения и авторство принадлежит автору

Как создать партнерский магазин Amazon с помощью WordPress

Вы хотите создать партнерский магазин Amazon с помощью WordPress? Партнерский магазин Amazon позволяет вам продавать товары с Amazon.com в качестве аффилированного

Как добавить случайные изображения заголовков в свой блог WordPress

Вы хотите добавить случайные изображения заголовков в свой блог WordPress? Большинство тем WordPress имеют встроенную поддержку для добавления изображений

Как отключить ошибки PHP в WordPress

Недавно один из наших читателей спросил, как отключить ошибки PHP в WordPress? Предупреждения и уведомления PHP помогают разработчикам устранять проблемы

Как исправить ошибки файла Pluggable.php в WordPress

Вы видите ошибку файла pluggable.php на своем сайте WordPress? Иногда, когда вы добавляете фрагмент кода на свой сайт или активируете новый плагин, вы можете