How to make images responsive on existing site?

[maui]

Hi,

I have updated News theme to latest version which is responsive. My site contains more than 800 posts with hundreds of images which are now too wide for mobile view. Is there any tool to adjust images to meet width of content?

🙂

[bandj]

Look into the regenerate thumbnails plugin. That may solve the problem.

[maui]

Thanks It does not work with regenerate thumbnails. I have changed caption width to max 100%. In mobile device the images are now resized but not accurately dispayed.

[askdesign]

I have the same question, hoping to discover the answer somewhere...

---

Anne S. Katzeff
Designer | Artist | Teacher

[askdesign]

Here's what I've discovered:
When you add an image to a page/post, one of the options is to select its size ("Attachment Display Settings"). Once the image is inserted, check the html code and delete the "width: xx" and "height: xx". The image will then be responsive.

After inserting the image, sometimes you want to scale down the image. You can do this by clicking on the image, selecting the image icon, selecting "advanced settings" and the desired scale. But, this method re-inserts the width and height code that renders the image "un-responsive".

--One solution is to scale the image to the desired size before uploading to WordPress.
--Another solution is to scale the image by editing it in the Media Library.
With either solution, you still have to delete the "width" and "height" in the html code.

cheers!

---

Anne S. Katzeff
Designer | Artist | Teacher

[Author]

Posts