1074284 - Loop icon is blurry on Windows

Status: RESOLVED FIXED

(Hello (Loop) :: Client, defect)

Description

[Tim Nguyen :ntim]

Attachment: Blurry icon

If you compare the loop icon in the screenshot to the other icons, it seems blurry.

Comment 1

[Mark Banner (:standard8)]

Which version of Firefox is this?

Comment 2

[Tim Nguyen :ntim]

Latest Nightly. But it's been blurry ever since the "message bubble" icon has been introduced.

Comment 3

[u279076]

What screen resolution and dpi?
What version of Windows?

Comment 4

[Tim Nguyen :ntim]

(In reply to Anthony Hughes, QA Mentor (:ashughes) from comment #3)
> What screen resolution and dpi?
> What version of Windows?

Normal DPI (1x) and Windows 8.1. This is really just a matter of image quality I think. 2x images must have been scaled down for those assets.

Comment 5

[u279076]

I've tried this on my Windows 8 machine and it looks fine to me. All the icons appear at the same resolution. The icon definitely looks crisper here on my Retina display Mac than my Windows 8 machine but I'd expect that given the lower resolution.

This prompted me to look at your screenshot closer and it seems like all the icons are displaying at similar resolutions.

Darrin, as one of the designers, could you have a look at this to see if you can detect what's going on here, if anything?

Comment 6

[Tim Nguyen :ntim]

You can just compare the "forget" button (next to the loop button in the screenshot), and the loop button. The "forget" icon circle is definitively sharper than the loop icon circle.

Comment 7

[u279076]

(In reply to Tim Nguyen [:ntim] from comment #6)
> You can just compare the "forget" button (next to the loop button in the
> screenshot), and the loop button. The "forget" icon circle is definitively
> sharper than the loop icon circle.

To me they look to be about the same sharpness but my eyes may not be as discerning as yours.

Darrin, can you have a look at this to see if there's something to this?

Comment 8

[Darrin Henein [:darrin]]

(In reply to Anthony Hughes, QA Mentor (:ashughes) from comment #7)
> (In reply to Tim Nguyen [:ntim] from comment #6)
> > You can just compare the "forget" button (next to the loop button in the
> > screenshot), and the loop button. The "forget" icon circle is definitively
> > sharper than the loop icon circle.
> 
> To me they look to be about the same sharpness but my eyes may not be as
> discerning as yours.
> 
> Darrin, can you have a look at this to see if there's something to this?

I'm going to defer to Michael, who provided the assets and can likely make a better inspection on Windows (and in the case they need fixing, he'll know what to do)... Mike, can you take a look at the 1x icons for Windows?

Comment 9

[:shell escalante]

sharper SVG icons are attached to https://bugzilla.mozilla.org/show_bug.cgi?id=1016087

Comment 10

[Michael Maslaney [:mmaslaney] ([e-mail])]

Attachment: Screen Shot 2014-10-08 at 4.39.07 PM.png

I'm not seeing a difference in blurriness on my retina screen.

Comment 11

[Jared Wein [:jaws] (please needinfo? me)]

From IRC today,
5:22 PM <jaws> mmaslaney: for bug 1074284, it may not be "blurry" but the bottom right edge is really soft and so that is how i see the effect of "blurriness"
5:23 PM <jaws> meanwhile, the forget button icon doesn't look as soft
5:23 PM <jaws> http://screencast.com/t/qOzsMy0ULc
5:23 PM <jaws> http://screencast.com/t/Eiy5Dk9Fgo
5:25 PM <mmaslaney> jaws: I can see it in the first screen shot. Let me check the source file.

Comment 12

[Jared Wein [:jaws] (please needinfo? me)]

This was fixed by bug 1083396.