How to Make Images Responsive in Your WP Posts?
-
How to Make Images Responsive in Your WP Posts? Some hover options would be cool.
-
All images on a wordpress.com site are responsive – https://wordpress.com/support/make-your-website-mobile-friendly/
-
I’m just referring to stuff like basic hover effects like a 10% zoom on hover like the images on this site:
-
Hi there! 👋
Great question. Just to clarify, when you say “responsive”, are you referring to making sure your images look good on all screen sizes like mobile and tablet, or are you looking to add interactive effects when someone hovers over or taps/clicks the image?
If it’s the mobile responsiveness you’re concerned about, good news. All WordPress.com sites have that built in. Jetpack (which runs under the hood on WordPress.com) automatically makes images resize and scale properly on mobile devices, so you’re covered there.
If you’re thinking more along the lines of hover, click, or touch effects (like zooming, fading, overlays, or lightboxes), here are a few options you might find helpful:Plugin Suggestions
- Image Hover Effects Ultimate – A free plugin that helps you add hover effects, image galleries, lightbox and more to your images. WordPress.org
- WP Image Hover Effects – Another plugin that lets you add a variety of hover animations to images without coding (search for it in the plugin directory). Medium
- Kadence Blocks – A powerful block plugin that includes an Advanced Image block with extra styling and animation controls including hover animations and overlays. WordPress.org
These plugins usually let you control behavior like:
- Zoom or fade on hover
- Overlay color or caption on hover
- Lightbox pop‑ups on click
- Touch‑enabled interactions on mobile
Keep in mind that we’re unable to provide support for third party plugins, so make sure when you’re looking for the right plugin you find one with good documentation and/or support.
Let us know exactly what kind of effect you’re trying to create so we can help you choose the best method!
-
thank you for the suggestions I’ve already been through all of the plug-ins and I dont see what I’m looking for.
Im looking for a very basic 10% zoom image response on hover like this:
-
Hi there,
That looks like a great plugin to go with if it accomplishes what you’re looking for. I also found another possibility with Image Zoom on Hover.
With a WordPress.com site on any paid plan you’re welcome to try out whatever plugin you’d like and stick with the one or ones that work for you.
Let us know if anything else comes up and in the meantime have a great rest of your day.
WordPress.com Forums 