Une nouvelle marque

Le nom est désormais un dessin plutôt que six caractères de fonte à chasse fixe : un T et un p qui partagent une même hampe. La même paire, seule, fait l’icône — l’onglet, le signet, l’écran d’accueil du téléphone et le lanceur Android reçoivent donc une vraie icône au lieu d’une lettre devinée par le navigateur.

L’ancienne marque était T>pipe, composée dans la fonte à chasse fixe que la machine avait sous la main, avec un chevron emprunté à une invite de commande. Elle ne coûtait rien et avait l’air de ce qu’elle était : une police que le navigateur possédait par hasard, ce qui voulait dire que le nom prenait une forme légèrement différente sur chaque écran où il apparaissait.

Ce qu’est la marque

Un T capitale et un p bas de casse fondus le long de la hampe qu’ils partagent, et le reste du mot — ipe — à côté. Le T prend la couleur du texte qui l’entoure, le p est cyan. Parce qu’elle est dessinée et non composée, elle garde la même forme à toutes les tailles, sur toutes les machines, et dans la capture d’écran que quelqu’un en fera.

C’est du SVG en ligne dans la page plutôt qu’un fichier image, pour les deux choses qu’une image ne sait pas faire : prendre la couleur du texte à côté duquel elle se trouve, et arriver dans le même souffle que le balisage au lieu d’une requête plus tard — ce qui laisse sinon un trou dans le coin que le visiteur regarde en premier.

Où elle apparaît

Les deux lettres fondues seules, sur un carré sombre aux angles arrondis, font l’icône. À seize pixels, un mot entier est une tache ; deux lettres qui se chevauchent restent deux lettres.

Un seul dessin produit tout le reste. L’onglet du navigateur et le signet prennent le SVG ; un écran d’accueil d’iPhone et un lanceur Android prennent des PNG, celui d’Android dessiné plus petit dans son carré pour qu’un lanceur puisse le rogner sans couper les lettres ; favicon.ico existe pour tout ce qui le réclame sans lire la page d’abord — un aperçu de lien, un lecteur de flux, une liste de connecteurs. L’extension de navigateur utilise la même icône dans la barre d’outils et sur sa fiche du Web Store, et un assistant qui ajoute le connecteur reçoit le même fichier.

Rien d’autre n’a changé : aucune couleur du site n’a bougé, et aucune page n’a été redessinée autour.

Autres lectures : enregistrer une page web en Markdown et ce qu’il faut regarder dans un convertisseur de documents en ligne.