A handy checklist on improving blurry images in WordPress

by Sophia Phillips on July 2, 2015

in How to

How to fix blurry images in Wordpress

Are you finding issues in managing the image quality for your WordPress powered website/blog? If your answer is a “Yes” then this is a post just for you. Here, I’ve jotted down a list of few important pointers which allow you to reduce or even eliminate image blurring. I’m sure by the end of this post, you’ll be all geared up for handling image blurring in your WordPress posts and pages.

Reasons behind image blurring

Reasons behind image blurring in WordPressBefore proceeding ahead, let’s have a quick look at key reasons behind image blurring in WordPress

1. You, accidentally uploaded a blurry image
If you’ve chosen to upload an image via your camera, there are chances that the uploaded image might look blurry on your device’s LCD screen.

2. WordPress resized the uploaded image, just to make it look blurry
There are chances that WordPress might have deliberately resized an image via the WordPress Media Manager or Edit Media Page. This re-sized image might not look as sharp as the original one.

3. Your browser might have re-sized the image
As one of the most prominent consequences of responsive web design, your browser might resize all the large images to be viewed perfectly on all smaller screens.

How to improve blurry images in WordPress

Now, coming to the pointers that need to be considered for improving blurry images in WordPress posts and pages

Improving blurry images in WordPress posts and pages

1. Choose to re-size images as per your specific purpose
It’s not unknown that large images take time to load. Hence, it is recommended to resize the images in accordance to your sole purpose. You need to measure the content that is to be included into the WP posts and pages. Once you’re done with the same, opt for re-sizing images in a manner that they “fit” the content.

2. Check the image quality before uploading it to WordPress
If you’ve opted for uploading the image directly from your camera, then I recommend you examining the same on your desktop screen prior to uploading it to your WordPress posts/pages. There are situations when images may look sharp on camera’s LCD screen but inaccurate on the computer screen.

Here, you need to find appropriate answers to specific questions such as: Is there a similar image that can turn to be more suitable? Does the image include a blur simply because the photographer’s hand was probably shaking while clicking the picture? Etc.

Ensure that the image you’re planning to display on your WordPress site is sufficiently sharp. Also, make sure to be vigilant about the right use of colors for the images. Determine whether the colors included within an image truly represent the message that you’re trying to convey to the end users. You can use the “Auto Color” option available in Photoshop for auto-correction of color used in a particular image.

3. Try fixing the image blurriness using a powerful WordPress plugin
Specially applicable in case of images which have already been published and/or the ones which need to be published in spite of blurriness; a renowned WordPress plugin like WP Resized Image Quality plugin works as the right tool for minimizing the unwanted imperfections in images.

On installing this plugin in your WordPress site/blog, the compression level of all your JPEG images will be modified as to improve their quality by huge bounds and leaps. Additionally, there is the ImageMagick Sharpen Resized Images plugin which offers the open source ImageMagick image editing flexibility to your WordPress setup.

That means, you can use the tool for sharpening the edges of images that you’ve already uploaded to the WP site/blog. It is with the help of this WordPress plugin that you can correct-correct your images and improve the “not too blurry, but could be sharper” images that have already been published in specific posts and pages.

Realize the significance of applying the best practices
Realize the significance of applying the best practices

Now that you’re well familiar with the leading practices for getting rid of image blurriness; its time to follow the same strictly. Make it a point to think them as the most integral steps in your website image publishing process.

Wrapping it all up

Go ahead with following all the strategies explained above and you could start with publishing beautiful and absolutely stunning images which aren’t blurry and look great on all types of screens.

Author Bio :
Ava Garcia is a WordPress developer by profession and is working with OSSMedia Ltd- a WordPress Outsourcing and PSD to WordPress theme conversion services company for the last 5 years. She loves to share information regarding to web technology.

{ 0 comments… add one now }

Leave a Comment

Previous post:

Next post: