Loss of color and saturation is an issue that many WordPress users face when uploading photos and images. In this tutorial, we will show you how to fix this problem.

imagecolorsaturationwp

Why do some images lose their colors and saturation in WordPress?

Many photographers take photos using the colors of Adobe's RGB format. The latter has more colors and offers very good results.

However, when you upload your image, WordPress creates multiple image sizes. These images use an RGB format which has fewer colors than Adobe's.

WordPress also performs compression of resized images, which can contribute to a slight loss in quality.

Images captured with Adobe's RGB format are more dynamic and accurately show colors in high tones. When converted by WordPress, these bright colors are replaced with slightly low tones.

color-saturation-loss

With that said, we'll see how we can remedy this loss of color and image saturation in WordPress.

Correct the loss of color and saturation of images on WordPress

The best way to solve this problem is to convert your images to RGB format before uploading them to WordPress. You can do this easily using Adobe Photoshop.

Method 1:

Open your image in Adobe Photoshop, then click File »Save for Web (Save for the web).

save-for-web

A list of web options will appear. There you can select the option " Save for the web To convert the image to RGB and save it. You can also embed a color profile in your image. Although it won't have much of an effect on the way browsers read images.

save-for-web-preview

2 method:

Use this method if you are not satisfied with the result of the first one. On Adobe Photoshop, go to Edit »Color Settings. This will bring up the list of color settings options.

color-settings

You must select "North America Web / Internet" ou "Web Internet for Europe 2" from the settings in the drop-down menu. Then, under the color management policies section, select "Conversion to RGB. After that, click on the button " OKAY " to save your settings.

Now you need to open the original photo or the image you want to download. If the workspace profile does not fit properly, Photoshop displays a warning and asks you what to do.

mismatchcolorprofile

You must select "Convert document's colors to the working space"And click " OKAY ". the color profile of your photo is now converted. You can now save the image to preserve your changes.

Repeat the process for all the images you want to download. You can now safely download these images without any loss of color or saturation.

Correct color and saturation loss in WordPress with GIMP

Gimp is a powerful alternative to Adobe Photoshop, free of charge. It will convert the format of your WordPress uploads.

GIMP simply detects each image you try to open to see if it has a built-in color profile. In case your image is in Adobe RGB format, GIMP will automatically show you a dialog to convert it.

gimp-convertcolorspace

Sometimes an image does not have a built-in color profile or GIMP may simply not see it correctly. In this case, you will have to manually change the format.

First you need to know what format can be used for your photo. We assume it's Adobe's RGB, but it could be otherwise. Check your camera device if you are not sure.

GIMP does not have a built-in Adobe RGB profile. You will need to download Adobe sRGB ICC Profile for your computer.

Select your operating system, then follow the on-screen instructions. You will be able to download ICC profiles as a zip file. After extracting the zip file, you will notice the file there AdobeRGB1998.icc.

Once your ICC profile has been downloaded. You just have to open your image with GIMP and click on Image »Mode» Assign Color Profile… . A dialog box will appear like this:

gimpassigncolorprofile

Click the drop-down menu and look for the ICC profile you downloaded earlier. Then click on the button « Assign " to apply it.

Once you apply the color profile, GIMP can easily convert to RGB without losing color. To do so, simply click on Image »fashion» Convert Color Profile…

convertcolorprofile-gimp

GIMP will now convert the color profile to RGB and you can save your image. Repeat the process for other images you want to upload to WordPress.

We hope this article has helped you fix the issue of color loss and image saturation in WordPress.

Please leave your appreciations and suggestions in the comments section.

8 shares
Share6
tweet2
Save