Fix the saturation and discolor images in WordPress – How many times has this problem occurred? You have a great image, whether you've found it or created it, you upload that image into your WordPress image collection and then you find that the image has lost its saturation and color.
Image saturation, discoloration is definitely what you have to deal with when working with WordPress images. You want the image color to excel, just like you want the overall color of the website to excel and be perfect.
The question is what is the difference, how do you fix image saturation, discoloration at WordPress?
Why do some images lose saturation and color in WordPress?
The answer to this question is quite simple. Most, not all, professional photographers take photos using the Adobe sRGB color space model. This model is more colorful, providing sharper, clearer results with the final image.
However, WordPress uses the RGB color model. When you upload images to your WordPress library, several image sizes are created. These images use the RGB color model, which is less colorful than the Adobe sRGB color model format.
When photos are taken with the Adobe sRGB model, they will also be cleaner with clear colors displayed. When the same image is uploaded to WordPress, the color loses some light, and it does not show up clearly.
However, there are several ways you can adjust WordPress images. See how to fix image saturation errors, colors at WordPress.
Fix image saturation and color saturation in WordPress
To correct color and image saturation in WordPress, you use several different techniques. Besides using the WordPress plugin, the fastest, easiest way to fix image saturation and color is to do it before you upload images to WordPress.
To do this, you will need something like Adobe Photoshop. Even if you don't have Photoshop, I have linked you to a free alternative called GIMP, below. I'll glance at GIMP for a moment.
See more: Instructions on how to install WordPress when using cPanel
Fix image saturation and color in WordPress with Photoshop
Launch Adobe Photoshop and open the image you want to edit. When the image is in the Photoshop program, select File> Save with Web, the menu is at the top of the screen.
Note: Small changes have been made to Adobe Photoshop over the past few years. This includes the “Save for Web” function. Save for Web, built on the previous ImageReady product, is now discontinued.
That being said, Save Web is not deleted, but it has been moved slightly in the menu, this term Legacy Di has been added. To access, select File> Export> Save for Web (Legacy).
You can also bypass the menu entirely by using the existing Photoshop keyboard shortcut: ctrl + alt + shift + s (for Windows) or cmd + opt + shift + s (for Mac).
You can also customize the shortcut by selecting Shortcut key from the edit menu.
Clicking the Save for Web tab (Legacy) will show you the setting box popup by the “Save for Web” function. This section will help you convert the image in RGB and then save it.
The box will also give you the option to embed a color profile with the image. However, doing this will not make much difference on how different browsers will read WordPress images you own.
If the above method does not satisfy you, try using the alternative method described below. This alternative Photoshop method will also fix image saturation and color at WordPress.
Correcting image saturation and color in Photoshop Method 2
In the Adobe Photoshop menu at the top of the screen, choose edit and click on color settings. This will bring up the Color Settings popup box.
There are two main things you want to change in this setting.
- Select “North America Web / Internet” from the settings drop-down menu.
- According to the User's Color Management Policy, users select the RGB via “Convert to Working RGB.”
Once you've changed the two options, hover over and click the OK button to save the settings.
Now that you have completed this step, open the image you want to work with and put it into Photoshop.
If the workspace configuration by accident does not match, Photoshop will automatically display a pop-up warning box asking you what you want to do.
Select the document color Convert to workspace, options, and then click the OK button to save the settings. This tells Photoshop to more accurately convert the color profile you want.
Save the image to ensure all installation options are kept intact.
Repeat this process for every image you want to upload to the WordPress website library. You can now upload all the conversion images you have made. For all intents and purposes, you have now successfully fixed the image and color saturation at WordPress.
Fix image and color saturation in WordPress with GIMP
Now, if you do not have Photoshop, you proceed to this phase with GIMP. This is free and open source image editing software. Basically, GIMP sees each image you try to open to see if it has an embedded color profile.
If the image is in the Adobe sRGB color model, GIMP will automatically show you the pop-up settings box to convert it.
Note: GIMP does not integrate Adobe sRGB configuration. You will need to download the ICC RGB Profile from Adobe to your device.
Fix image saturation and color in WordPress using Plugin
You can also fix image color and saturation in WordPress using the plugin. This method applies to all images you already have on the website or the images you want to add.
This free method will help overcome image saturation and color saturation.
Note: There are a few plugins that help but that are not up to date and don't work on the latest version of WordPress. If you still want to try it out, they are called WP Resized Image Quality, ImageMagick Sharpen Resized Images.
You just need to install, activate the plugin from the WordPress admin control panel and try it out.
You will successfully compress WordPress image optimization if you use any of the best WordPress image compression and size tools available today.
Conclude
Hopefully this article is useful for you with some easy ways to fix image saturation and color at WordPress.
Photoshop is the best option out there, but if you don't have that program, there's another way you can go. You can also display image results before and after at WordPress.
Have you used any of the above methods to fix image and color saturation errors in WordPress? Do you want the new plugin to proceed automatically from the dashboard?
See many posts shared at: TaoWebsite.com.vn.