Images are automatically resized and lose sharpness
-
Hi, I have recently started uploading the photos for my blog in flickr and sourcing them from there to wordpress. This solved an old problem I had where my images were automatically resized and therefore cause them to lose sharpness.
I have recently changed to a new theme – Adventure Journal – and now I discovered that all my images have been resized yet again (i.e. from 500 x 332 to 495 x 329)! And now, I discovered re-sourcing the pic won’t work… even with flickr, my images will still be automatically resized by about 5 pixels x 3 pixels… therefore losing sharpness.
Any help to fix this problem will really be appreciated! Been having this problem for a long time now!!! Thanks!
The blog I need help with is: (visible only to logged in users)
-
Also, I just want to add that this problem only seems to affect my old posts. Any posts I make after switching to this new theme seem to be okay, the pics I inserted are not automatically resized. Weird!
-
The maximum image widths in the content area on Adventure Journal:
470px (2 sidebars)
690px (1 sidebar)
930px (full-width, no sidebars)I think WordPress recently made some changes to the image side of things so that they are automatically resized if you change to a theme with a narrower or wider width. When changing to a theme with that is narrower, this keeps you from having to go back into each post, delete the images and then reinsert them so they are reinserted at the maximum size for the new theme.
When the images are uploaded to your media library here, the image can be resized and resampled by the wordpress software as needed when switching themes, which results in a sharper image. With images hosted off-site, they cannot do that and all they can do is rely on the browser to resize the image, and browsers do a really poor job of that since they do not resample.
-
Mine has only 1 sidebar. Funny thing is, my images are mostly 500 x 330 pixels so changing to the Adventure Journal theme should not result to a resizing. However most of them were resized to 495 x 327 for reasons I am not clear about.
-
Reason is those images are captioned, and this theme specifies a 97% max-width for captioned images. If you inserted full-size captioned images and there was no such max-width limit, the right side would be cut off or extend past the right side of the main column, because of the extra frame captioned images get. Now, if the theme had a fixed layout, they would have set a fixed max-width (expressed in pixels, that is) which wouldn’t affect images narrower than the width of the main column. But since the theme has multiple layouts with different main column widths, they could only set a percentage, so this unfortunately affects all captioned images no matter what their width.
You can override it by changing this (in the HTML editor):
[caption ETC width="500" ETC]<img alt=ETC ETC ETC />[/caption]
to this:
[caption ETC width="510" ETC]<img style="max-width:100%;" alt=ETC ETC ETC />[/caption]If you have the Custom Design upgrade, you can override it once for all by adding code in the CSS editor.
-
Thanks for that! I suppose it’s really the max-width problem since I tried inserting photos without adding captions and those were not resized.
I suppose changing that in the HTMLeditor would mean I have to do it for all my pictures for all my posts… but at least we finally got to the root of the problem.
-
Yes, it means you have to do it on an image by image basis unless you buy the Custom Design upgrade.
By the way, I would have preferred no such max-width limit of course, and simply take care to insert properly sized files like you do. But I guess they put that limit because lots of users have no idea what a properly sized image is: every other day I see users who upload and insert 2000px or 3000px wide files straight out of their digital cameras and I have to explain to them how wrong this is.
- The topic ‘Images are automatically resized and lose sharpness’ is closed to new replies.
WordPress.com Forums 