Significant image quality loss in Safari

Permalink
Hi,

I'm currently working on http://grafomantestsite.com/ (special project) . When you open a project it open's in an ajax lightbox.

The images in there show a significant quality loss when opened in the safari browser.
Best example is in the lightbox when you click on the animated gif, bottom image with text.

Any way to prevent this? What is causing this problem?

Thanks for the help.

Edit: added 2 screenshots, chrome and safari, for comparison.

2 Attachments

View Replies: View Best Answer
ramonleenders replied on at Permalink Reply
ramonleenders
Default JPEG/image compression is set at 80%. You'd be best off setting this at 100%.

If you don't have this file "/application/config/concrete5.php", create it. Then add this:

<?php
return array(
    'misc'             => array(
        'default_jpeg_image_compression' => 100
    ),
);


If it is existing, just add this INSIDE the array ("array("):

'misc'             => array(
        'default_jpeg_image_compression' => 100
    ),
grafoman replied on at Permalink Reply
I added this, it doesn't seem to change anything.
ramonleenders replied on at Permalink Reply
ramonleenders
Clear the cache, images reside in cache. For newly uploaded files this change will take place immediately.
grafoman replied on at Permalink Reply
Cleared cache, reuploaded the image. Still the same. Do you see the same quality loss difference?
ramonleenders replied on at Permalink Reply
ramonleenders
The images look bad on both my Windows Chrome and my iPad Safari. Are you sure you've uploaded a high quality picture to start with?

Perhaps others can take a look too.
grafoman replied on at Permalink Reply
I added some images, different quality and dimensions in the lightbox for the animated gif. It all looks very crappy in safari (in comparison to chrome, firefox and IE)
grafoman replied on at Permalink Best Answer Reply
It ended up being a problem with css and scaling in Safari. I forced the width of the images in the lightbox by adding the image block dimension. That seems to fix it.