Soliloquy Blog

WordPress slider tips, Tutorials and Resources.
Image Desaturation Issue

How to Fix the Image Desaturation Issue in WordPress with Photoshop

by Waseem Abbas on May 18, 2017

Do you want to know why your WordPress images look faded? Are you wondering how you can add image sliders with full bright colors on your site? You may find that the photos uploaded in WordPress are different from the originally saved image slides. In this tutorial, we will share how to fix the image desaturation issue in WordPress, using Photoshop.

When you create an image slider on your site and add images directly from your camera or internet, you may notice that the jpeg changes color when uploaded in WordPress.

One image uploaded will create multiple other image sizes, so the image size that you’ll choose for your slide might loose its sharpness. In that case your slides will look dull and desaturated. However, you can fix these common WordPress image issues.

To fix the image desaturation issue in WordPress, you’ll need to follow these 3 steps:

  • Step 1. Open your image in Photoshop
  • Step 2. Go to save for web settings and convert image to sRGB
  • Step 3. Edit color settings for standards

Ready to get started? Let’s go!

Step 1: Open Your Image in Photoshop

The first thing you need to do is open your image slide in Photoshop.

Open Image

Step 2: Go to Save for Web Settings and Convert Image to sRGB

Now go to the File » Save for Web from the top right corner of Photoshop. A popup will open with the settings to save your image slide for web.

Convert to sRGB

You need to check mark Convert to sRGB option and hit the Save button to save for web in Photoshop. You can see the preview of the image in the popup to measure the changes in colors.

Step 3: Edit Color Settings for Standards

After saving the image, you should go to Edit » Color Settings to fix the WordPress image color problem.

It will open a popup where you need to select North America Web/Internet in the Settings dropdown.

Color Settings

In the RGB dropdown, simply select Covert to Working RGB.

Working RGB

That’s all. You need to save the slide and upload it to your WordPress slider. Go ahead and repeat the same to all the images.

We hope this tutorial has helped you to learn how to fix image desaturation issue in WordPress. You may also want to check out our guide on how to fix the image size for your slider in WordPress and read about most common WordPress errors and how to fix them.

If you like this tutorial, then please follow us on Facebook and Twitter for more free WordPress guides and resources.

Waseem Abbas is a content writer for SoliloquyWP and Envira Gallery.

Leave a Reply

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.