109144 - mozilla.org needs a favicon.ico

Status: RESOLVED FIXED

(www.mozilla.org :: General, enhancement)

Description

[mw]

Per request by Gervase Markham in <[e-mail]>. Let the 
proposals roll in!

Comment 1

[mw]

Attachment: The Beast as 16x16 (favicon.ico)

This is my proposal -- the grining Beast of Mozilla, of course.

Comment 2

[Pierre Chanial]

Attachment: another 16x16 icon (png)

Comment 3

[Pierre Chanial]

Attachment: better icon (not truncated on the left)

mozilla do have ears... :o)

Comment 4

[Grey Hodge (jX)]

Attachment: Revolution font "M" icon

A lower case M in the Revolution font, like in the banner.

Comment 5

[Grey Hodge (jX)]

CCing Gerv because he asked for the bug to be created. It's only fair to spam
him as well.

Making a diff is somewhat harder, since we're not 100% sure what format we'll
end up with in the end. Using a GIF or PNG is good, but then no IE users will
ever see it. Yet again we're in a situation where we can do something IE can't.
But, the code in the end would be:

<LINK REL="SHORTCUT ICON" HREF="http://www.mozilla.org/favicon.XXX">

with the XXX as the final file's extention.

Comment 6

[Grey Hodge (jX)]

Attachment: Animated FavIcon M clock-sweep to Dino and back

This is an animated FavIcon since Mozilla can make use of multiple formats.
This is the Revolution font "m" transitioning in a clock-sweep to the red
Mozilla Dino, and then progressing back to the "m" with a clock sweep so the
animation is smooth.

Comment 7

[[e-mail]]

Don't forget b.m.o (ant?), bonsai (tree icon?), tinderbox (fire?), lxr (??)

Comment 8

[Adam D. Moss]

Eek.  Animated favicons are a new evil we've unleashed, and I'd rather we
didn't encourage them.  Moving 'things' at the visual periphery distract
the eye and mind from content.

Comment 9

[Gervase Markham [:gerv]]

Please - no animated favicons.

Gerv

Comment 10

[lohphat]

There's an opportunity here to "blame lou" and add <blink> support to animated
favicons!

Comment 11

[Pratik]

Attachment: Made from Giovanni's icons - 1

Comment 12

[Pratik]

Attachment: Made from Giovanni's icons - 2

I have these two icons as favicons at

http://www.geocities.com/pratiksolanki/index.html
http://www.geocities.com/pratiksolanki/howto.html

Comment 13

[mozilla]

Attachment: staying with the theme from the side

Comment 14

[Adam D. Moss]

Attachment: moz-branding 'm' from the spinner (221 bytes)

The 'm' from the mozilla-branded moz chrome.

Comment 15

[Pierre Chanial]

Attachment: filled m

I thought too about the "moz-branding" 'm'. The problem is that the  'm' can be
hardly recognized in such a degraded 16x16 icon.
The icon I have attached is a filled 'm' like the one on the bottom left corner
of the windows but larger.
Nevertheless, I still prefer the funnier and colorful attachment 57173 [details].

btw, the selected icon should also replace the search engine icon.

Comment 16

[mozilla]

Attachment: same as 57415 but in png

Comment 17

[Pratik]

I vote for attachment 57420 [details]

http://bugzilla.mozilla.org/attachment.cgi?id=57420&action=view

See it in action at

http://www.geocities.com/pratiksolanki/userChrome.html

Comment 18

[Adam D. Moss]

I do like that icon concept, though in this
particular implementation the m is rendered
too 'fat' for my liking.  I prefer the proportions
of the icon used in the component bar -- in fact
if someone were to rip the 'm' icon from the
component bar wholesale, pad it out to 16x16
and submit that, it'd get my vote.

Comment 19

[William Stuart]

Attachment: Star Logo (png)

I have always been partial to the star logo...

Comment 20

[Dawn Endico]

Marking fixed. I used a png image instead of /favicon.ico so unix
(and mac?) can use the image in toolbars (bug 109037)

<LINK REL="icon" HREF="images/mozilla-16.png" TYPE="image/png">


Used image contributed by Hideki Itoh <[e-mail]> a while ago
for something else.

Comment 21

[Adam D. Moss]

I don't rate that choice overly highly -- it suffers
from the problem that many favicons have, which is
that it simply looks like an indistinct blob.  But
beggars can't be choosers, as they say...

Comment 22

[lohphat]

Suggestion, update the "about:" URL to include the icon.

Comment 23

[lohphat]

Agreed, the filled "m" submission is clear at that resolution, the unfilled "m"
suffers from aliasing.

Suggest that it's skinnable.

Comment 24

[Dawn Endico]

neither "about:" nor "about:mozilla" are on the web site. They are both
checked in to the tree and distributed with the browser.

Comment 25

[Cormac F]

The white background doesn't look so good. Perhaps the background colour should
be changed to be transparent or to match colour of the modern theme tabs? Or
would this look bad with classic, or in the location bar? 

Comment 26

[lohphat]

I understand that "about:..." content is local, that's why a local res: URL can
be used to point to a local resource (e.g. a skin resource) instead of an HTTP
URL for the icon.

Comment 27

[lohphat]

...for those browsers without the local "res:" icon, then the "http:" URL could
be used.  A little javascript could test to check for the local file first.

OK, OK, I'm over-engineering.  Slap me.

Comment 28

[Dawn Endico]

You should all use my machine which has a white url bar in both skins.
I'll work on an image with a transparent bg.

Comment 29

[Daniel Mario Vega (Restore MNG Support --> #18574)]

Attachment: Mozilla-16 image with transparent background

Comment 30

[Dawn Endico]

Daniel, thanks! that looks pretty good!


for the rest of you... it could be worse:
http://qualm.mi.org/mozilla/de-bug.html

Comment 31

[Adam D. Moss]

Cor lumme that's disgusting.  =)

Comment 32

[Michael Nahrath]

Pure transparency will result in bad contrast on different backgrounds.

Have a look at <http://www.subotnik.net/tmp/icons/mozilla.html>! It places thre
icons on different background colours (this is important at least for skinnability).

The first icon ist todays <http://mozilla.org/images/mozilla-16.png> with white
background.
The second is attachement 57678.
The third has a transparent background but I added a half-transparent shining
around the image. 

Remember: The cool stuff about PNG is alpha transparency. Let's use it!