Support Forum - Topic: Image Post, blurry images / JPEG quality issue

Support Forum - Topic: Image Post, blurry images / JPEG quality issue http://www.kriesi.at/support/topic/image-post-blurry-images-jpeg-quality-issue Support Forum - Topic: Image Post, blurry images / JPEG quality issue en-US Sun, 19 May 2013 12:32:08 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Dude on "Image Post, blurry images / JPEG quality issue" http://www.kriesi.at/support/topic/image-post-blurry-images-jpeg-quality-issue#post-85290 Sun, 25 Nov 2012 15:00:17 +0000 Dude 85290@http://www.kriesi.at/support/ 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 orestes on "Image Post, blurry images / JPEG quality issue" http://www.kriesi.at/support/topic/image-post-blurry-images-jpeg-quality-issue#post-85109 Fri, 23 Nov 2012 09:17:14 +0000 orestes 85109@http://www.kriesi.at/support/ 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: <code>[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]</code> 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: <a href="http://imgur.com/a/ivj1h" rel="nofollow">http://imgur.com/a/ivj1h</a> 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! Dude on "Image Post, blurry images / JPEG quality issue" http://www.kriesi.at/support/topic/image-post-blurry-images-jpeg-quality-issue#post-85090 Fri, 23 Nov 2012 08:15:56 +0000 Dude 85090@http://www.kriesi.at/support/ I checked the source code and it seems like the attachment container inline css code causes the issue - the code is: <pre><code><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>This is a caption text</div></code></pre> 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. orestes on "Image Post, blurry images / JPEG quality issue" http://www.kriesi.at/support/topic/image-post-blurry-images-jpeg-quality-issue#post-85040 Thu, 22 Nov 2012 23:21:09 +0000 orestes 85040@http://www.kriesi.at/support/ Hi there! If you take a look at <a href="http://blog.orestes.io/2000/11/01/image-quality-test/" rel="nofollow">http://blog.orestes.io/2000/11/01/image-quality-test/</a> 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 <a href="http://www.skidoosh.co.uk/php/wordpress-jpeg-thumbnail-image-quality-setting-and-adjustment/" rel="nofollow">http://www.skidoosh.co.uk/php/wordpress-jpeg-thumbnail-image-quality-setting-and-adjustment/</a> and tryied adding <pre><code>function jpeg_quality_callback($arg) { return (int)100; } add_filter('jpeg_quality', 'jpeg_quality_callback');</code></pre> 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: <a href="http://blog.orestes.io/2000/11/01/image-quality-test-2/" rel="nofollow">http://blog.orestes.io/2000/11/01/image-quality-test-2/</a> Let me know if I should open a new thread for this other question. Thank you!