Tagged: 

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #753989

    Hey guys, just updated to 4.0.2 and noticed the new LayerSlider. Very cool. However, I’ve noticed that it makes the images fuzzy. If you take your browser screen and adjust it sometimes it is clear and on the smaller/medium size browser screen the image turns fuzzy. I’m sure there’s a NEW default setting for responsiveness or something but I cannot find it. Do you guys know what I need to do or turn off to make the images crystal clear all the time no matter what size the browser window is.

    #756836

    Hi msbllc!

    Thank you for using Enfold.

    The images look the same on different screen sizes. Could you please provide a screenshot? What is your browser?

    Best regards,
    Ismael

    #757066

    Hi Ismael,

    Thank you for responding. We’ve only noticed on websites that have been upgraded to Enfold 4.0.2 – there are several people in our office that notice it. The browsers we’ve tried it on are both Chrome and Firefox. All other images are ok it is only the images on the LayerSlider. I know this is an odd problem to trouble shoot. Do you know if there is a new setting or feature that has been auto selected?

    As soon as you adjust the browser size it auto corrects itself and looks crisp.

    Here is a screen shot of what we’re all seeing…

    http://mlabs.maximizedigital.com/wp-content/uploads/2017/03/Screen-Shot-2017-03-07-at-9.07.49-AM.png

    • This reply was modified 7 years, 7 months ago by msbllc.
    #757179

    Ismael, here is another site that I am working on that has the latest Enfold. This is a mobile screen shot and the slider is even worse in my opinion on mobile.

    http://sao10.maximizedigital.com/wp-content/uploads/2017/03/IMG_2282.png

    #757699

    Hi!

    Thank you for the update.

    1.) Did you test this on another computer? I can’t reproduce it on my end. And even if there’s a “fuzzy” issue when resizing the browser, I don’t think casual users will even notice it or will intentionally resize the browser just to see the issue. What is your screen resolution?

    View post on imgur.com

    2.) What is the actual model of the device where you test it? This is what I see when I resize the browser screen.

    http://i.imgur.com/gwdR4JL.png-

    Regards,
    Ismael

    #757939

    Hi Ismael,

    I understand the problem with trying to recreate the issue. The same thing happens to me with our clients. I know it can be difficult to trouble shoot when you cannot recreate the problem.

    Question, does any of the Kriesi support team speak or interact with each other? I’m asking because maybe having more people look into this problem may be able to better produce a solution. Maybe others can recreate the problem. Is there a way to bring more support in on this problem?

    Yes, we’ve tested it on multiple computers. We have 12 iMac computers here in our office as well as both new and old iPhones and Android smart phones. We have tested it on the latest versions of Chrome, Firefox, and Safari. The only device that we didn’t have a problem on was a Samsung Galaxy. That was fine. However, the problem occur on all browsers and the iPhones.

    And while there may be some “casual” users who either don’t notice or don’t care, our clients care very much and we care for our clients to try and find a solution. I care more about what my client think and what they like more than the “casual” user does.

    Thanks for taking the time. I appreciate it very much!

    #758185

    Hi!

    Thank you for the update.

    Regarding the iPhone issue, try to upload an image twice the size of the current one. It’s probably displaying like that because the pixel density of the device is much higher compare to other phones. I will ask the rest of the support team to check this thread.

    Cheers!
    Ismael

    #758235

    Hi,

    I checked in Chrome on a MacBook, and I get the “fuzzy” result even after resizing, not sure what could be causing it though.

    Thanks,
    Rikard

    #758423

    I appreciate it guys! If I give you admin login access would you go in and see if there may be an unusual setting that is accidentally turned or something you may see or notice once you’re logged in?

    #758799

    Hey!

    Did you try our first suggestion?

    Regarding the iPhone issue, try to upload an image twice the size of the current one. It’s probably displaying like that because the pixel density of the device is much higher compare to other phones.

    Or disable the srcset attribute. Please add this in the functions.php file:

    function avf_wp_calculate_image_srcset_mod( $sources ) {
        return false;
    }
    
    add_filter( 'wp_calculate_image_srcset', 'avf_wp_calculate_image_srcset_mod' );

    The script will disable the native responsive image feature of WordPress.

    Cheers!
    Ismael

    #759004

    Hi Ismael,

    I didn’t try your first suggestion about uploading an image twice the size. The current image is 2400px X 500px at 300dpi. So to double that would be a 4800px X 1000px image size. Am I understanding you correctly by what you mean uploading an image twice the size? To me that would be a very large image.

    I also tried placing the code in the functions.php file but I must’ve have done something wrong. It gave me this error and I had to log in via FTP to remove that line of code in order for the site to come back.

    http://mlabs.maximizedigital.com/wp-content/uploads/2017/03/Screen-Shot-2017-03-10-at-9.32.09-AM.png

    I’m guessing I did something wrong but I don’t know what. Would you tell me please?

    Again, thank you for your continually help! I greatly appreciate it.

    #759166

    Ok guys after looking into it further I found this and have to make sure it is turned off to make the images clear.

    #759275

    Hey!

    Thank you for the update.

    I didn’t try your first suggestion about uploading an image twice the size. The current image is 2400px X 500px at 300dpi.

    I checked the site before and the width of the slider images were about 1400px or something that’s why I suggested the “resize”. I’m not sure but I might have missed the actual size. Anyway, I’m glad that you found the option. I didn’t know that’s possible or maybe it’s a new option in the layer slider plugin.

    http://mlabs.maximizedigital.com/wp-content/uploads/2017/03/Screen-Shot-2017-03-10-at-9.32.09-AM.png

    The function should also disable the srcset. You might have deleted something in the file after adding the filter.

    Regards,
    Ismael

    #760592

    I had this issue as well. Thank you msbllc – your solution resolved the issue.

    #761150

    Hi @jezray,

    Great, thanks for the feedback. Thanks @msbllc for the solution.

    Best regards,
    Rikard

    #1279856

    Hi @all!
    I know this thread is old, but I still habe the same problem with the fuzzy images. Unfortunately I can’t see the solution because the image in the post from @msbllc is not available anymore.

    Any help is very appreciated.
    Thank You so much!

    BR,
    Ben

    #1280295

    Hi for4ctive,

    Please open a new ticket for your problem. Provide us admin access to have a deeper look into the issue, as well as precise links where we can see the issue. Screenshots highlighting what’s going on would help a lot (imgur.com, dropbox).

    Best regards,
    Victoria

    #1280480

    Hi Victoria,
    thanks for your answer.

    I just found out how to solve this problem.
    So if anyone else have the same problem with fuzzy or blurred images you can try the following: Go to “Slider Settings” / “MISC” and turn on “use srcset attribute”.
    For me that solved the problem very well.

    Greetings!

    #1280768

    Hi for4ctive,

    Great, I’m glad that you found a solution, and thanks for sharing :-)

    Best regards,
    Rikard

Viewing 19 posts - 1 through 19 (of 19 total)
  • You must be logged in to reply to this topic.