This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

ค้นหาฝ่ายสนับสนุน

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

เรียนรู้เพิ่มเติม

Why text or image is blurry on firefox when serving an animated HTML5 banner

  • 9 การตอบกลับ
  • 2 คนมีปัญหานี้
  • 2 ครั้งที่ดู
  • ตอบกลับล่าสุดโดย cor-el

more options

Hello all, When serving an animated HTML5 banner on Firefox the text or image is blurry Serving the same in Chrome or Edge is super sharp Attache is a sample showing the different results in each browser

Thank you for your help!

Hello all, When serving an animated HTML5 banner on Firefox the text or image is blurry Serving the same in Chrome or Edge is super sharp Attache is a sample showing the different results in each browser Thank you for your help!
ภาพหน้าจอที่แนบมา

การตอบกลับทั้งหมด (9)

more options

Is that image scaled up/down as that can be a possible cause ?

Can you post a link to a publicly accessible page (i.e. no authentication or signing on required)?

more options

cor-el said

Is that image scaled up/down as that can be a possible cause ? Can you post a link to a publicly accessible page (i.e. no authentication or signing on required)?

Thank you for your reply No, it is not scaled up/down You can see the banner live in the following link: https://programmaticdemo.online/Mozilla-blurry/ Open it in Firefox & Chrome, you will see the difference :)

Thanks!

เปลี่ยนแปลงโดย yehoudab เมื่อ

more options

cor-el said

Is that image scaled up/down as that can be a possible cause ? Can you post a link to a publicly accessible page (i.e. no authentication or signing on required)?

Thank you fro your reply No, it is not scaled up/down You can see the banner live version in the following URL: https://programmaticdemo.online/Mozilla-blurry/

If you open it in Firefox and Chrome you will see the difference (attach is another screenshot showing the difference)

more options

The images are scaled via transform.

kevin_garnet.png: PNG Image, 251 × 55 pixels => 57 x 17 pixels
  • https://programmaticdemo.online/Mozilla-blurry/kevin_garnet.png
more options

Thank you very much for your help We resized the images and it worked as you predicted You can see the result here: https://programmaticdemo.online/Mozilla-blurry2/


The issue is that we are preparing so many sizes that it is inconvenient to create for each one of them a specific image size. The question is why Chrome result is different and is there a way to achieve the same in Firefox without creating so many variation of the same image ?

Thank you

เปลี่ยนแปลงโดย yehoudab เมื่อ

more options

Thank you very much for your help We resized the images and it worked as you predicted You can see the result here: https://programmaticdemo.online/Mozilla-blurry2/


The issue is that we are preparing so many sizes that it is inconvenient to create for each one of them a specific image size. The question is why Chrome result is different and is there a way to achieve the same in Firefox without creating so many variation of the same image ?

Thank you

more options

Firefox doesn't always do a good job with scaling images and results may vary. In this case it looks rather bad and I don't know if this is about using transform as it doesn't look that bad if I zoom the image in a tab.

Maybe file a bug report if you can attach a test page that clearly shows the problem.