Stop WP Reader From Enlarging Images?

denisebushphoto
(@denisebushphoto)

9 years, 7 months ago

My blog is about my photography and my theme displays images 500 pixels wide which makes the horizontals kind of small but verticals kind of big. My problem is that wordpress reader enlarges the 500 pixel wide images and then they look blurry. Followers who only look at the blog thru the reader are going to think my images aren’t sharp and they are when you see them on my blog. I tried making the images bigger (700 px wide) so when people click on the image in the blog they see a larger size but the wordpress reader still made them look out of focus. Is there a way that I can make it so the images are not enlarged in wordpress reader?

Viewing 4 replies - 1 through 4 (of 4 total)

janet4now
(@janet4now)

9 years, 7 months ago
Do you have something like this in place now? If not, you can try it and see if it limits the size of images to original uploaded size.
```
img {
    max-width: 100%;
    height: auto;
}
```
By setting the CSS max-width property to 100%, an image will fill the width of it’s parenting element, but won’t render larger than it’s actual size, thus preserving resolution.

Setting the height property to auto maintains the aspect ratio of the image, using this technique allows static height to be overridden and enables the image to flex proportionally in all directions.
Thread Starter denisebushphoto
(@denisebushphoto)

9 years, 7 months ago

Thank you Janet. Do I need to go into the text editor and add this to the code for the image? My blog is http://denisebushphoto.wordpress.com

Thread Starter denisebushphoto
(@denisebushphoto)

9 years, 7 months ago

Here is the code for one of my images:

[caption id="attachment_3634" align="alignleft" width="500"]<img class=”size-full wp-image-3634″ src=”http://denisebushphoto.files.wordpress.com/2014/09/d-bush_the-golden-hour-2.jpg” alt=”The Golden Hour” width=”500″ height=”334″ /> ‘The Golden Hour’ © Denise Bush[/caption]

I think the problem is that the wordpress reader parenting element is wider than my image size and it gets enlarged. I don’t want it enlarged.

janet4now
(@janet4now)

9 years, 7 months ago

you put that code in your css file.

Since your site it hosted on wordpress.com, you’ll need to contact their support which is different from self-hosted wordpress sites here at wordpress.org.

http://en.forums.wordpress.com/

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Stop WP Reader From Enlarging Images?’ is closed to new replies.

Stop WP Reader From Enlarging Images?

Tags

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics