-
Posts
-
Hi enfold team,
I have quality problems on my images when I look my website on IE or Firefox. (it works well on Chrome and Safari).
As you can see, the quality of my second image on IE and Firefox is very bad : http://www.dual-time.fr/audemars-piguet-montres/royal-oak-15300st/#caracteristiques-techniques
It seems to be due to the resized image. I’d like this image to be 700×700 pixels in my lightbox, but I want it to be adapted in my page. So when I add an image 700×700 pixels in my page via avia layout builder, I want it to be perfect in other sizes on Internet Explorer and Firefox.
Thank you for your help,
OmarHey omardualtime!
Thank you for using Enfold.
We checked the site on Firefox and Chrome and the resized dimension of the “ROYAL OAK 15300ST” image is the same on both browsers, 412x512px. Could you please provide a screenshot of the issue?
Cheers!
IsmaelHi,
If you look at this page http://www.dual-time.fr/audemars-piguet-montres/royal-oak-15300st/#caracteristiques-techniques specially the image named “CADRAN-15300-BLANCHE”, you see that the resized dimension is the same on both browsers (302×302). The size is OK on both browsers.
The quality of this image is good on Chrome : http://www.dual-time.fr/quality-image-chrome.jpg
But really bad on Firefox and IE : http://www.dual-time.fr/quality-image-firefox.jpg
It’s the same image but the quality is not the same on Chrome and IE and Firefox. Do you see the differences ? (the background of the watch is not sharp)
That’s what I meant.
Thanks for your help,
OmarHi!
Sorry for the delay. Note that by replying to your own thread, you are pushing it back to the end of the queue and we won’t be able to answer immediately. I’m sorry but we cannot access the images, forbidden error;
Forbidden
You don’t have permission to access /quality-image-chrome.jpg on this server.Cheers!
IsmaelCould you retry with these links please ?
Chrome : http://www.dual-time.fr/wp-content/uploads/2016/04/quality-image-chrome.jpg
Firefox : http://www.dual-time.fr/wp-content/uploads/2016/04/quality-image-firefox.jpg
It’s the same image but the quality is not the same on Chrome and IE and Firefox. Do you see the differences ? (the background of the watch is not sharp)
Thank you,
OmarHey!
We cannot see the image you have uploaded please upload it to imgur.com or dropbox and share the link here.
Best regards,
VinayHi !
Ok here they are : http://imgur.com/a/dBcR2
The first one is from Chrome, the second one from Firefox (the background of the watch is not sharp)
Thank you !
OmarHey!
Please try this in the Quick CSS field:
.avia-mozilla img, .avia-mozilla a img { image-rendering: auto !important; }Cheers!
IsmaelI had the same problem and now it works !
But I have the problem again with IE, what is the code please ?
I have tried the same code with msie but it doesn’t work :
.avia-msie img, .avia-msie a img {
image-rendering: auto !important;
}
Thanks,
FranckHi!
@SpherEvenement: Glad it is working. Could you please provide a link to the page?
Regards,
IsmaelHi Ismael,
It’s about these image : http://imgur.com/a/gEHcg
You can see that on chrome the image has a good quality (the first one). On the contrary, on IE image has a bad quality (aliasing) (the second one)
The URL of my page : http://www.sphere-evenements.com/agence-evenementielle-paris-et-ile-de-france/
Thank you for your help,
FranckHey!
I’m not sure if we can do more about this because it seems to be an issue related to ie image resizing. The only workaround I can think of is to resize the logo image to the exact size of the the slide_entry container which is 102x72px.
Regards,
Ismael
- You must be logged in to reply to this topic.