БЛОГ 2410

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

Как исправить потерю цвета и насыщенности изображения в WordPress
Обсудим ваш проект?

Предлагаем обсудить, чем мы можем вам помочь. Забронируйте 15-минутную консультацию.

Поделиться статьей

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

Потеря цвета и насыщенности изображения в WordPress
Потеря цвета и насыщенности изображения в WordPress Изображение с сайта wpbeginner.com

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

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

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

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

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

Потеря цвета и насыщенности в WordPress
Потеря цвета и насыщенности в WordPress Изображение с сайта wpbeginner.com

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

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

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

Способ 1:

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

Сохранить для Интернета в Adobe Photoshop
Сохранить для Интернета в Adobe Photoshop Изображение с сайта wpbeginner.com

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

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

Способ 2:

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

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

Изменение политик управления цветом в Adobe Photoshop
Изменение политик управления цветом в Adobe Photoshop Изображение с сайта wpbeginner.com

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

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

Несоответствие цветового профиля
Несоответствие цветового профиля Изображение с сайта wpbeginner.com

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

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

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

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

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

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

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

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

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

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

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

Назначьте цветовой профиль в GIMP
Назначьте цветовой профиль в GIMP Изображение с сайта wpbeginner.com

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

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

Преобразование цветового профиля в GIMP
Преобразование цветового профиля в GIMP Изображение с сайта wpbeginner.com

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

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

Свяжитесь с нами.

Узнайте, чем мы можем быть для вас полезны.

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

Агентство веб разработки.

Услуги программирования и веб разработки по фиксированной цене. Специализация: WordPress, разработка B2B решений и создание кастомных скриптов.

WordPress

Разработка шаблонов, плагинов, интернет магазинов на WooCommerce, создание сайтов

Подробнее

B2B решения

CRM, ERP, внутренние системы, автоматизация, калькуляторы, SaaS и индивидуальные решения

Подробнее

Программирование

Разработка кастомных скриптов, API, интеграции, Zapier, Integromat, автоматизация

Подробнее

Подписка

Безлимитные услуги графического дизайна и веб разработки по фиксированной цене

Подробнее