C:\ Home » Blog » Code » Making Images UNresponsive

Making Images UNresponsive

How do you do it? I can't figure it out. The image in this post just won't stop stretching no matter what I try, and Google gives little help on the topic. Seems people all want responsive images, even if that means upscaling images that are smaller to sizes they shouldn't be. I mean seriously, would you rather see an image like this...

...or like this?

Those spots above would be the places I add in those example images, but since suddenly all images on the blog are responsive I can't even give you an example of how different they'd look. They'd both be just as ugly and blurred as the one in this post.

So what's causing this:

Is it the browser? It shouldn't be. Not unless both FireFox and Chrome made a simultaneous update that causes the same issue. Up till now this hasn't been a problem, and... no, it's showing the same way in Vivaldi too.

I shouldn't need to try more alternatives, but I did. That didn't work either.

Is it my lightbox plugin? No. I tried disabling it, and modifying the settings, and checking to see all traces of it were really gone. That wasn't it.

Is it the WordPress function they added in with 4.4 that automatically makes all images on the blog responsive unless you tell it otherwise? No. Not unless this plugin isn't working. And it should: it's been tested on the latest version. I actually just switched from this other plugin since I assumed that's the one that'd stopped working. But that wasn't it.

Is it just this one post? Nope. It's affecting all others too. All images smaller than the post area are scaled up to match the content area width.

Is it my CSS? It shouldn't be. I went through it to check, and I can't find anything there that should cause anything like this - though if you know code feel free to give it a look too. I tried adding in bits and pieces to combat this issue, but couldn't find anything that worked. The 'initial' value did not work, and though I'm not sure it would have worked I couldn't specify precise image dimensions either, since image sizes often differ between posts - even for smaller versions.

Adding a CSS style to override any potential others directly via the post didn't work either. I fiddled around the with the HTML values for size there too, but no game.

What else could it be? The image just won't stay the right size no matter what. I give up. I'm leaving this here in case someone has any ideas on how to fix this! And if I do (or anyone else lets me know - I'll give credit where due): there will be a follow-up. I hope there will be a follow-up...

...because this is just ridiculous.


Keep track of the discussion via rss? Read about comment etiquette? Or type in something below!
This was pretty damn interesting. And yet, nobody's spoken! Be the first!

The Comment Form

Your email address will not be published. Required fields are marked *

Your email is saved only to approve your future comments automatically (assuming you really are a human). ;) It's not visible or shared with anyone. You can read about how we handle your info here.

Question   Razz  Sad   Smile  Redface  Biggrin  Surprised  Eek   Confused   Cool  Mad   Twisted  Rolleyes   Wink  Idea  Neutral

Privacy   Copyright   Sitemap   Statistics   RSS Feed   Valid XHTML   Valid CSS   Standards

© 2020
Keeping the world since 2004.