1219573 - Consider using vector graphics for icons in Firefox?

Status: RESOLVED DUPLICATE of bug 1023511

(Firefox :: Theme, defect)

Description

[leon.lain.delysid]

Attachment: Screenshot from 2015-10-29 07-44-28.png

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:41.0) Gecko/20100101 Firefox/41.0
Build ID: 20151016093648

Steps to reproduce:

Launch Firefox on a 4k screen on an OS that magnifies 2x the normal size of everything so everything looks normal size in better resolution.
NB: When you have a 4k or higher resolution screen, you have to set you OS (I use Ubuntu GNOME, GNOME has an option to magnify everything 2x, 3x, 4x, etc.) to magnify everything so everything will look a normal size but in higher resolution.


Actual results:

Many icons in Firefox are pixelized, blurry, because they're of fixed pixel resolutions instead of vector graphics.


Expected results:

Using vector graphics for all icons in the Firefox software would make this problem disappear. I have included a screenshot to illustrate what I mean.
And following, I'll list all the things that look wrong in my 4k screenshot:
- the selected tab has the graphics all around its title at the top of the window, the lines that slide to the sides of the tab, I think these look blurry
- the favicons of the websites one visits are the responsibility of the website's dev obviously, so you can see some are vector graphics and OK (like DuckDuckGo, Google, Mozilla, Thunderbird here) and some aren't (like Bugzilla or Mozilla Support here), so this is out of hand, but… the bookmarks all indiscriminately are in lower resolution (see the Google Contacts bookmark or YouTube here, they're blurry even though the websites offer greater resolutions or vector graphics versions of these favicons).
- an example of something that's OK: the padlock indicating I'm on an HTTPS website: it looks like it's vector graphics, if you click on it you'll get a bigger version of it and neither are blurry anti-aliased low resoution pixel images). So is the reload button.
- the bookmark folders are blurry too
- the back and forward buttons are blurry
- the "quick bookmark this" button with the bookmarks dropdown menu next to it are blurry too
- the download dropdown menu is blurry.
- the magnifier for the search box is blurry.
- the home button
- the menu dropdown button
- the tabs grouping button above is blurry too.
- the default favicon for websites that don't have favicons saved locally is blurry as well.

So you see, things are mixed up, some stuff checks up fine, some doesn't. And I only showed a few icons, and not all that Firefox can display, I'm sure I may have missed some things, on my screenshot as well as off it.

Some websites have most of their icons in vector graphics, but most if not all don't have all of their icons in vector graphics, and that includes Google and Mozilla. I just know for now it would be great to fix Firefox so it will look awesome on magnified OS's for users that have 4k or higher resolution screens. I guess we're not a great many such users, but it's just a suggestion. To me, this is a bug, although it's more of a visual disturbance, but I believe it still needs to be fixed. So does anyone thinks this is worth figuring out? I hope this is the right place to speak of this?

(By the way, the help icon next to input boxes and the Mozilla logo on this website are blurry as well. ;) )

Comment 1

[Sebastian Hengst [:aryx] (needinfo me if it's about an intermittent or backout)]

This is basically a duplicate of bug 1023511. Because that is a meta bug, the items to change are managed by bugs which block that one (you can see the list as 'Depends on' in that bug).