Are your images uploaded on WordPress showing up blurry? We came across a weird problem that had even us stumped. We couldn’t figure out why EVERY PHOTO we added to our page layout (using Divi modules AND as Background images for Divi Sections) were showing up blurry when the photos themselves were perfectly clear.
What we found out was that when selecting the photos from the media library, the ‘Size’ option was defaulting to ‘Medium’ (which is a 300px wide version of the original), and the site was blowing up the images in order to fill the space… hence causing the images to become blurry and pixelated.
So here ya go – if you’re also trying to figure out why your images are blurry in WordPress or specifically Divi, try the below and see if that’s your issue as well:
- Find your blurry image (in this cause, ours was In Divi under the “Background” for a section). Click to select a new photo, and the media library should open up.
- Now, feel free to choose that same image in the “Media Library” tab, BUT…
- Before you hit the magic blue Insert Image button, scroll down to find the “Attachment Display Settings” section on the right side of the media library modal.
- Before you hit the magic blue Insert Image button, scroll down to find the “Attachment Display Settings” section on the right side of the media library modal.
- Under the “Attachment Display Settings” section, the third option down labeled “Size” was our culprit. Make sure to choose the “Full Size” option. Violia! NO. MORE. BLURRY. IMAGES.
If you’re having the same problem and end up finding a different culprit please share your solution as well in the comments to help others.
Tootles!
