Query: About TW Favicons?

[TiddlyTweeter]

A simple, basic, thing to do in TW is to set a favicon: $:/favicon.ico.

TW is intelligent about favicons. It will dynamically scale a favicon for the browser (either type: image/x-icon or image/png).

My question ...

• What is the optimal size (height & width in px; optimal no of colours) for a favicon Tiddler in TW? 

I am thinking of making a set of favicon Tiddlers & want to understand more about how TW works on them.  

• Wondering, does TW code do that scaling of simply pass to the browser to do the work?

The docs mention that ... 

On the server, the ServerCommand will serve the tiddler $:/favicon.ico at the path /favicon.ico.

• Would this serve the same resolution favicon as the single-file TW passes to the browser? OR the full resolution of a favicon Tiddler? 

A reason on the last question is some mobile apps will utilise larger favicons (though usually with explicit ".png" extension) for screen buttons if available.

Best wishes

TT

#TidBits  #favicon #spec

[TiddlyTweeter]

Email repeat ...

A simple, basic, thing to do in TW is to set a favicon: $:/favicon.ico.

TW is intelligent about favicons. It will dynamically scale a favicon for the browser (either type: image/x-icon or image/png).

My question ...

• What is the optimal size (height & width in px; optimal no of colours) for a favicon Tiddler in TW? 

I am thinking of making a set favicon Tiddlers & want to understand more about how TW works on them.  

[PMario]

Hi,

It's the browser, that needs to work with favicons.

The .ico file format is an image format, that can contain multiple small icons. see Wikipedia link.

Browser favicons (most of them) are 16x16 in original size. If the .ico file contains bigger images, they are automatically down-scaled. Down-scaling can use various algorithms, with varying results. ..

So an icon that looks great at 256x256px or bigger, will probably be crap at 16x16 if auto down-scaled. So if you want to have good looking favicons you'll probably want to make them by hand.

See: https://www.favicon.cc/

If you want to use several images in 1 icon file, you can use a mechanism described here: https://superuser.com/a/683203

Incscape can use SVGs to export pixel images and imageMagic can be used to "pack" them into an .ico file.

have fun!

mario

[TiddlyTweeter]

Thanks Mario

Helpful.

TT