907856 - Make a CSS sprite for all icon images on the Top Crasher page

Status: RESOLVED INVALID

(Socorro :: Webapp, task)

Description

[Peter Bengtsson [:peterbe]]

It would be nice to make a CSS Sprite that contains ALL little icons for all other possible reports.

Comment 1

[Peter Bengtsson [:peterbe]]

A must is a script that makes it easy to re-create the sprite when new icons need to be added.

Comment 2

[Schalk Neethling [:espressive]]

We might also look at a web icon font. 

There are two downsides:
1) Browser support (browser that do not support custom we fonts)
2) All the icons will be in a solid color. So, each icon can have it's own color but, it will always be a solid color like blue, green and whatever other rgb or rgba color you can think of.

I suppose creating the font might also be seen as a problem but there is http://fontello.com/ which provides pretty much all the icons we need licensed in a way we can use.

This all ends up being a single request, as with a sprite but, perhaps this can be even smaller in size? I guess we need to measure the wins with the losses here.

Just me 2c ;)

Comment 3

[Schalk Neethling [:espressive]]

So what I am trying to say ;)) Is that, if we are not sold on multicolored icons and are happy with differently colored solid icons, we might look at this an alternative.

If however, we want the current icons or the web font icons does not saves an arguable amount of bytes, then a sprite will work just as well.

With that said, I do not think we need to just have a sprite for the tcbs page but, while we are at it, we might as well create one for the entire site.

Comment 4

[Peter Bengtsson [:peterbe]]

I'm starting to change my mind about filing this bug. 
The truth is, I very much suspect that our users will have images cached. 

Also, a lot of the images we have are spanning across multiple places such as "icons" and "3rdparty". Perhaps that complicates things. 

Also, I think icons look a lot better (especially when they're 16x16 pixels big) than webfont ones without multiple colors.

Comment 5

[Schalk Neethling [:espressive]]

(In reply to Peter Bengtsson [:peterbe] from comment #4)
> I'm starting to change my mind about filing this bug. 
> The truth is, I very much suspect that our users will have images cached. 
> 
> Also, a lot of the images we have are spanning across multiple places such
> as "icons" and "3rdparty". Perhaps that complicates things. 
> 
> Also, I think icons look a lot better (especially when they're 16x16 pixels
> big) than webfont ones without multiple colors.

I think we can still get some benefit. Creating a sprite will bring all of the icons we use into one file so, we can bring down the requests to one and get rid of all of the other images/icons we do not need.

In terms of small sizes of icon fonts not looking great, it depends on the font you use but, I agree, using a sprite in our case will be the better solution.

Comment 6

[Peter Bengtsson [:peterbe]]

That kind of optimization is not worth it.