No favicon about fish-site HOT 11 CLOSED

I tried my hand at making a better fish icon that works at multiple sizes. The problem with the current icon tended to be the ASCII art had too much density to actually be recognizable as the beautiful fish that it is, and the cockeyed terminal is weird. So I spent an afternoon a few weeks ago dorking around in Acorn and went with a multicolored <>< in the standard "terminal box" to see if a simpler ASCII fish may help.

The general idea is that an icon should scale well - not that it literally be vector art (although it is and I have SVGs of different variants I tried), but that the icon be a consistent concept that is representable as both a tiny favicon and also as a huge 512x512 thing.

Larger renderings of the icon should show the <>< as a smallish feature in the top left of that terminal, while on smaller sized renditions the fish takes up a larger proportion of the space. So here is an example of an old-timey 16x16 favicon and a 32x32 favicon.

medium size example:

from fish-site.

@ridiculousfish your own avatar looks great at 16px ;)

from fish-site.

I absolutely agree here.

Is there one? If not maybe faviconist (http://faviconist.com/) might be a good start.

from fish-site.

Maybe pull the icon from fish-shell/fish-shell@4b8febd44e0e6949?

from fish-site.

I like it. My question is whether we want a warm palette or a cooler palette (blue, blue-green). On the one hand lakes, oceans, etc. tend to be portrayed in cool colors. On the other many beautiful fish tend to have warm colors (e.g., Koi). So I'm inclined to recommend sticking with your color scheme or something like it.

from fish-site.

I had tried a version where I did cyan, magenta, yellow, and I liked it a bit more. Mostly because the warm colors I picked make the whole thing look oddly similar to the sorin theme.

I seem to have not saved it. There may be a PNG floating around on Gitter.

The lightness of the colors for the brackets and how it contrasts with the black gets a little fussy once you start doing the 16x16 exports, I did notice - it's very easy for one color to just seem a bit too dark and it stops looking like a fish or appears lopsided when the stroke width is so small for some reason. All of the above are dumb exports I did from the vector acorn source - one would want to clean them up in a raster editor a bit probably to get them looking as sharp as possible.

from fish-site.

The acorn files I was working with are on Google Drive, as well as a bunch of random detritus I had produced around the same time. Unfortunately I used a proprietary OS X tool that costs money because it's the tool I have, and it's not Illustrator. May not be easy to edit. There are SVG exports and PDFs, but they seem to lack the grid-lines I had placed in there and they likely have not had a lot of things preserved for nice editing.

This is likely very easy to reproduce from scratch though. There is not much to it.
However I consider everything there public domain and say as much in a file on thet Drive share - if someone wanted to try to modify or improve them, use them, whatever: go ahead, please!

from fish-site.

Also, be aware that "have a favicon" is a bit naive: in my experience you need a LOT of icons if you want a good result. People sometimes resort to mod_rewrite rules and let the browsers downscale:

https://gist.github.com/davidhund/332316f82440ef4377f3.

I did something like this recently and was happy enough with it.

from fish-site.

This is awesome!

from fish-site.

As I am using the documentation on the Fish Shell website very extensibly at the moment, I'm always irritated, that it still has no favicon ;)

I did some quick'n'dirty conversions of the Ridiculous Fish symbol: "" and the ASCII_Fish: "" from the webpage. Both are included in the Windows icon format as well as SVG in the attached ZIP file. Feel free to use.

Take care,
Mick

Attachment: favicons-4-fish-shell.zip

from fish-site.

Fixed with #87.

from fish-site.