Image Post, blurry images / JPEG quality issue « Support Forum | Kriesi.at

Support Forum » Sentence

Image Post, blurry images / JPEG quality issue

4 posts from 2 voices

Started 5 months ago by orestes
Latest reply from Dude
This topic is not resolved

Tags:

orestes
Member
Hi there!

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 1920x1080.

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
```
function jpeg_quality_callback($arg)
{
return (int)100;
}

add_filter('jpeg_quality', 'jpeg_quality_callback');
```
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:
http://blog.orestes.io/2000/11/01/image-quality-test-2/

Let me know if I should open a new thread for this other question.

Thank you!
Posted 5 months ago #

Dude
Dude

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.

Posted 5 months ago #

orestes
Member

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:
http://imgur.com/a/ivj1h

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!

Posted 5 months ago #
Dude
Dude

Hi!

Maybe a third party plugin hooks into the gallery function and manipulates the output? I'm not aware of any code in our theme which changes the "insert into post" output.

Best regards,
Peter

Posted 5 months ago #