Bugzilla – Full Text Bug Listing
| Summary: | Want a favicon with new logo? | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Product: | Community | Reporter: | David Williams <david_williams> | ||||||||||||||
| Component: | Website | Assignee: | phoenix.ui <phoenix.ui-inbox> | ||||||||||||||
| Status: | RESOLVED FIXED | QA Contact: | |||||||||||||||
| Severity: | normal | ||||||||||||||||
| Priority: | P3 | CC: | chris.guindon, contact, denis.roy, ian.skerrett, markus.kell.r | ||||||||||||||
| Version: | unspecified | ||||||||||||||||
| Target Milestone: | --- | ||||||||||||||||
| Hardware: | PC | ||||||||||||||||
| OS: | Linux | ||||||||||||||||
| Whiteboard: | |||||||||||||||||
| Attachments: |
|
||||||||||||||||
|
Description
David Williams
David, thanks for that. Your favicon is 31.2 KB, compared to 10KB today. Twitter has a 1.2KB xicon, Google = 982 bytes, ups.com = 2.2KB. We need to compress it and/or make it smaller in bandwidth. I think main reason is because David has made it multi-sizes. I am not sure we need that (although it starts being recommended in HTML5). I think I would go for 16x16 only... In which case we're down to 2862 bytes. (In reply to Denis Roy from comment #1) > David, thanks for that. > > Your favicon is 31.2 KB, compared to 10KB today. Twitter has a 1.2KB xicon, > Google = 982 bytes, ups.com = 2.2KB. We need to compress it and/or make it > smaller in bandwidth. Created attachment 240344 [details]
eclipse icon in .ico, 16x16px
Created attachment 240379 [details] icon of 2 sizes Well ... thanks for reminding me of the wonderful of web development :) First, I did create the first one wrong. I think if I'd done correctly, it would have been about 13094, still larger than current one. And, from what I've read, current one is really big for a favicon :) So, I'll give you two choices ... and you can take it from there, or have your web developer create some (many) from the files attached to bug 426260. This first is my recommendation. Assuming I've attached the right one, it is 2550 bytes and consists of one that's 32x32 (original color depth) and another 16x16 where I've reduced the size by reducing the color depth (but, you can't tell, at 16x16 ... the larger one does look a little worse if reduced). I recommend this one, though, since on the browsers and operating systems that use it (IE and Firefox on Windows, apparently, from my testing, but not so many others ... or maybe its my screen size or resolution, or something) It shows the "orange" of the new logo, which to me is an important part of it. And, at least on Windows, you can "pin" it to task bar and things, where the larger size looks nice. I was originally including 4 sizes based on http://en.wikipedia.org/wiki/Favicon but in my little testing ... the other sizes didn't seem to be used ... maybe it does depend on HTML5 and correct "coding" as described in http://www.w3.org/html/wg/drafts/html/master/links.html#rel-icon But wait, there's more .... Created attachment 240380 [details] favicon of 318 bytes This icon is "reduced color" and only the 16x16 size. From reading these links, some big companies have spent a lot of effort getting their favicons down to 318 bytes: http://www.dotnetperls.com/favicon-compression http://zoompf.com/blog/2012/04/instagram-and-optimizing-favicons You'd have to rename it, to deploy, of course, but I left it with the "long name" to be descriptive. It is at least a little more "accurate" to the new one, than current, old one ... but, no "orange". As far as compression goes, I got the impression from some of the articles that a favicon.ico.gz file should be provided ... which would be "served up" most of the time someone requested "favicon.ico" ... if "compression" correctly set on the server ... but, admit, they were not that explicit, and I don't understand that part of it so well. (But, they did recommend it). I suspect long term, there is much more that can be done, such as use "gif" files, for those agents that accept them for favicons (because it compresses so well) but that takes coding your headers correctly, as described in http://www.w3.org/html/wg/drafts/html/master/links.html#rel-icon In fact, one strategy might be to use the teeny-tiny one in all directory locations where you have a 'favicon.ico' file ... and then code your "standard headers" to use "prettier" one, for those agents that are smart enough to know to use it instead, ... such as <link rel=icon href=prettyfav.ico sizes="16x16 32x32" type="image/vnd.microsoft.icon"> Unfortunately, it appears each browser (and other agents) handle favicons a little differently, even differently on different platforms ... so I suspect someone could spend a week or two sorting it all out. Hope these two options at least give you a start. *** Bug 432532 has been marked as a duplicate of this bug. *** I added the new favicon to the new solstice theme: http://staging.eclipse.org/ I tested out the last 3 attachments and I decided to go with the favicon submitted by Benjamin. Created attachment 242768 [details] eclipse16.ico Please use attachment 242247 [details] from bug 433097 comment 2, or the attached eclipse16.ico if it can't be a png. That's the icon we settled on in the Eclipse SDK for Luna (executable, window icon, PDE icon for launch configurations, etc.) The current http://staging.eclipse.org/eclipse.org-common/themes/solstice/public/images/favicon.ico is blurred and only remotely looks like a small version of the Eclipse Luna icons. (In reply to Markus Keller from comment #8) > Created attachment 242768 [details] > eclipse16.ico > > Please use attachment 242247 [details] from bug 433097 comment 2, or the > attached eclipse16.ico if it can't be a png. That's the icon we settled on > in the Eclipse SDK for Luna (executable, window icon, PDE icon for launch > configurations, etc.) > Done. The new solstice theme is now using the icon from comment #8 I think this is done. Created attachment 250411 [details]
screen shot of safari with "Eclipse icons"
I think it is done too, from original description, but, note, its a rapidly changing world :)
I've attached a screen shot of "safari's fast dial" page, and notice, of the sites, such as "Hidson", (Facebook), Twitter, and a few others have a "big" icon as part of their fav.ico.
I would be nice if "Eclipse" did too. (This would have to be "new artwork", not sure current artwork, as is, could be made to look nice, and also be compressed real small.
Just FYI for anyone with the time and energy ...
|