November 22, 2012 at 11:21 pm #18075
If you take a look at http://blog.orestes.io/2000/11/01/image-quality-test/ you’ll see I’m using a Image Post format and the image looks quite blurry.
The original uploaded image was FullHD 1920×1080.
I took a look around the support forum and at http://www.skidoosh.co.uk/php/wordpress-jpeg-thumbnail-image-quality-setting-and-adjustment/ and tryied adding
both at the start and at the end of the file but It doesn’t seem to have any effect :(
I made sure I regenerated the thumbnails with a plugin.
I’m not sure what can I try now… can you help me?
Edit: It just started working. I didn’t have any cache plugins enabled thought…
Now I have a problem with the images inside the post, the border around them is looking weird, like it’s missing the left-side padding:
Let me know if I should open a new thread for this other question.
Thank you!November 23, 2012 at 8:15 am #98145
I checked the source code and it seems like the attachment container inline css code causes the issue – the code is:
<div id="attachment_597" class="wp-caption aligncenter" style="width: 310px"><a href="http://blog.orestes.io/2012/11/23/image-quality-test-2/wallpaper-722590-5/" rel="attachment wp-att-597"><img src="http://blog.orestes.io/wp-content/uploads/2012/11/wallpaper-7225904-300x168.jpg" alt="The alt text" title="This is the title" width="300" height="168" class="size-medium wp-image-597" /></a><p class="wp-caption-text">This is a caption text</p></div>
and as you can see the width of the container is 310px whereas the image is set to a width of 300px. Change style=”width: 310px” to style=”width: 300px” and you’ll fix the issue.November 23, 2012 at 9:17 am #98146
The thing is that I don’t set that width, it’s done either by wordpress or by the theme.
Here’s the original blog post content:
[caption id="attachment_597" align="aligncenter" width="300"]<a href="http://blog.orestes.io/2012/11/23/image-quality-test-2/wallpaper-722590-5/" rel="attachment wp-att-597"><img src="http://blog.orestes.io/wp-content/uploads/2012/11/wallpaper-7225904-300x168.jpg" alt="The alt text" title="This is the title" width="300" height="168" class="size-medium wp-image-597" /></a> This is a caption text[/caption]
It was created by doing a “Insert/upload”. i didn’t change anything but the caption, didn’t touch any width/height parameters.
As you can see, there’s no 310 anywhere.
Edit: Even if I managed to do that, I would still have problems with a 10px top and bottom padding:
I haven’t seen anywhere a Sentence demo with images inside the post (not featured on the gallery), so I don’t know how they should look but I don’t think this is on par with the quality of the rest of the theme. I can add my own CSS if needed, bu I need to get right of the 310 inline style and I don’t known where is it coming from.
Thank you!November 25, 2012 at 3:00 pm #98147
The topic ‘Image Post, blurry images / JPEG quality issue’ is closed to new replies.