Privatebin: Better favicon

Created on 9 Jul 2016  路  13Comments  路  Source: PrivateBin/PrivateBin

@rugk
I think we really need a nicer favicon. The current one is a big dark blue square where you can hardly see the "Z" when it is displayed in a small version.
Especially for the light styles, this favicon does not suit and would have to be much lighter.

enhancement

All 13 comments

BTW I would prefer if it is created with open source tools such as Inkscape. Of course we should also release the source and the basic image should be an SVG. With RealFaviconGenerator we can then optimize this, to minify the file size and make it looking nice on every platform.

See 54ad12a8b4a843, working on it

Edith: Fixed hash

I think you used the wrong issue for posting this reply... :smile: (Or the wrong commit hash)

I think that icon is a bit simple...
I mean it has no colour at all...

No problem, I just liked the :bee: mentioned in that naming thread. Feel free to replace it with something else.

Yeah :bee: is nice, but this is a black & white bee.

Maybe someone has some ideas or can contribute a good icon?

So maybe we should make this a bit more metaphorical. What about a honeycomb where data is locked in? For small 16x16 favicons this is a simple structure and easy to recognize.

This is where I got the other :bee: icons from, there are also some honeycombs in there: https://thenounproject.com/term/bee/

So I've pushed some things to https://github.com/PrivateBin/assets/tree/master/images. That's basically the idea I had:

  • A honeycomb with a lock/ a "honeycomb-padlock", but one cannot see this connection at the first glance
  • and I use some metal-filter in Inkscape so it looks strong... :smile:

PrivateBeen ;)

What do you think?

It looks great! One can clearly see its outline even in favicon resolution.

How about using #ffcc00 as the color? Would be a bit more honey-y...

How about using #ffcc00 as the color? Would be a bit more honey-y...

Yeah, good idea. A bit more orange clearly does not hurt...
I'm still not sure about the border/outline yet. I make it a bit bigger (also in the big versions).

So, next version:

Favicon package generated: https://github.com/PrivateBin/assets/tree/master/favicon

Now we only have to include it into PrivateBin. Currently you already seem to use some icons, but not all of the ones RealFaviconGenerator recommends. Additionally they recommend to put the files at the root of your site. (this is also what I've choosen when generating the favicons, but I can do it again if you rather want to place it somewhere else)

Was this page helpful?
0 / 5 - 0 ratings

Related issues

koehn picture koehn  路  5Comments

jeyca picture jeyca  路  4Comments

Haocen picture Haocen  路  5Comments

pstray picture pstray  路  7Comments

Kcchouette picture Kcchouette  路  5Comments