Sharp Words, (Hopefully) Pictures

There’re quite a few things on this site, designed or technical, that I’m itching to fix; but none is more literally painful than the WordPress blur that’s happening with these .jpg/.jpeg images.

I mean, just look at the post below this one: the new shirt. I don’t know about you, but the thumbnail picture is physically, overpoweringly awful on my eyes.

Never mind, I’ll just put it here:

Sorry, shirt… and everyone’s eyes.

What you’re looking at is a 1:1 (or thereabouts) .png-screenshot of the problem.

Even when this is all done and fixed… still awful. Forever. It’ll make a good before/after-thing.

So, here’s the promise:

In the not-so-distant future, I’m going to fix this and then present the solution right after this statement.

The Answer

Hello, Sunshine, my old friend.

It may not be super noticeable at first glance, but you should be able to spot the difference between this version and the one above. No worries if you can’t though, it’s relatively minor and this shirt in particular doesn’t make it as obvious as the changes I’ve seen in the other shirts.

So, the problem was simple but the answer tricked me a bit. In WordPress, you choose the dimensions for various sizes of pictures. For example, one size for thumbnails, another for medium image, and one for large images, as can be seen here:

When changing themes or making changes to them, it’s common to adjust these dimensions so that they better fit the current theme. And after adjusting them, it’s necessary to regenerate all the images so that those new dimensions are used. Well, I’ve been working on this theme quite a bit, but not just here. Not only on Most of the actual development happens offline in a staging site (i.e., a site used for testing and development).

While making changes to both this (the live site) and the staging site, I’ve had to change the thumbnail settings multiple times. However, it turns out that I forgot to regenerate the images on this side of the pond (the live site) after the last time I adjusted the media dimensions. Just a simple oversight that leads to a literal headache. It happens.

Since then, I’ve gone back and fixed all the old post images; everything should be fine from here on out. Huzzah.