Creating a Biopython favicon

[peterjc]

We can try basing this on f5f3463 but I suspect this will be a challenge due to the typical scale. Perhaps a tiny yellow snake is enough?

See also #25.

[MarkusPiotrowski]

What I have tried so far:

Just a 'translation' of Biopython:

Trying something Biopython logo-like:

I'm not very satisfied with them... Looking forward to seeing other submissions, maybe we should announce this on the mailing list?

[peterjc]

Good idea Markus, yes, please ask on the mailing lists (main and dev). Your text based example is clever, that could work.

Just FYI, here's BioJava's which is just a sample version of their logo:

• http://biojava.org/favicon.ico
• https://github.com/biojava/biojava.github.io/blob/master/favicon.ico

I couldn't see how BioPerl's is setup with GitHub Pages, probably my browser has cached this? bioperl/bioperl.github.io#35

[kescobo]

Do you have vectorized or at least high resolution versions of the biopython logo? I might take a stab, but it would be nice to have some consistency.

[peterjc]

Sadly we do not have the original vector art, just a reasonably high resolution bitmap - see http://biopython.org/wiki/Logo and http://biopython.org/DIST/docs/images/biopython.jpg

[souravsingh]

Has this been fixed?

[peterjc]

No, but with the new logo it should be much easier - see also https://github.com/biopython/biopython.github.io/tree/master/assets/images

[LalitNM]

@peterjc I have a suggestion, actually two.

1. We can use the biopython logo directly.
   favicon:
   

2. A square image with just one loop.
   favicon:
   

what do you think about this?

[MarkusPiotrowski]

@LalitNM Since favicons are squares, version 1 would contain much white space and the snakes would be rather small. Version 2 looks nice. I checked it on https://realfavicongenerator.net/ and it will give a nice favicon at different sizes (e.g. 16x16, 32x32).

[LalitNM]

@MarkusPiotrowski, in my opinion, we should not make a white background (as given by the https://realfavicongenerator.net/). I can make a 32x32 image of version-2. This will result in a transparent background.

[MarkusPiotrowski]

I used realfavicongenerator to have an impression how the logo looks if it is scaled on different systems. I also think that it doesn't make a white background but keeps the background as it is. Actually, I just used the picture from above, maybe your original file has a white background? A transparent background looks ok on white and dark themes. On the other hand, a black background looks also nice and would fit our web page theme.
Just go on, and maybe you can propose different versions with different backgrounds.

[peterjc]

Transparent background? That would match the style of most of the favicons I can see right now in my Chrome browser tabs.

[LalitNM]

I tried 32x32 favicon (version-2) on chrome and firefox. This looks nice. Have a look and let me know if it can be further improved.
Dark theme on chrome:

Light theme on chrome:

Firefox:

[JoaoRodrigues]

Looks good here on a dark Firefox theme. Good job!