Tagged: LayerSlider
-
AuthorPosts
-
March 1, 2017 at 11:17 pm #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.
March 7, 2017 at 8:38 am #756836Hi 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,
IsmaelMarch 7, 2017 at 4:19 pm #757066Hi 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.
March 7, 2017 at 6:39 pm #757179Ismael, 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
March 8, 2017 at 11:16 am #757699Hi!
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?
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,
IsmaelMarch 8, 2017 at 5:36 pm #757939Hi 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!
March 9, 2017 at 7:27 am #758185Hi!
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!
IsmaelMarch 9, 2017 at 9:07 am #758235Hi,
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,
RikardMarch 9, 2017 at 4:27 pm #758423I 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?
March 10, 2017 at 10:41 am #758799Hey!
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!
IsmaelMarch 10, 2017 at 4:43 pm #759004Hi 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.
March 10, 2017 at 11:15 pm #759166Ok guys after looking into it further I found this and have to make sure it is turned off to make the images clear.
March 11, 2017 at 6:56 am #759275Hey!
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,
IsmaelMarch 14, 2017 at 11:31 am #760592I had this issue as well. Thank you msbllc – your solution resolved the issue.
March 15, 2017 at 6:32 am #761150February 11, 2021 at 8:32 pm #1279856Hi @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,
BenFebruary 13, 2021 at 6:06 pm #1280295Hi 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,
VictoriaFebruary 15, 2021 at 10:43 am #1280480Hi 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!
February 16, 2021 at 10:36 am #1280768 -
AuthorPosts
- You must be logged in to reply to this topic.