Una marca nueva
El nombre ya es un dibujo y no seis caracteres de una tipografía monoespaciada: una T y una p que comparten un mismo trazo vertical. Ese mismo par, por sí solo, es el icono — así que la pestaña, el marcador, la pantalla de inicio del teléfono y el lanzador de Android reciben un icono de verdad en lugar de una letra que el navegador adivinó.
La marca anterior era T>pipe, compuesta en la tipografía monoespaciada que tuviera a mano la máquina, con el signo de mayor que tomado prestado de un intérprete de comandos. No costaba nada y parecía lo que era: una fuente que el navegador resultaba tener, de modo que el nombre adoptaba una forma algo distinta en cada pantalla en la que aparecía.
Qué es la marca
Una T mayúscula y una p minúscula fundidas por el trazo vertical que comparten, y el resto de la palabra — ipe — al lado. La T toma el color del texto que la rodea; la p es cian. Como está dibujada y no compuesta, mantiene la misma forma a cualquier tamaño, en cualquier máquina y en la captura de pantalla que alguien le haga.
Va como SVG dentro de la página y no como archivo de imagen, por las dos cosas que una imagen no puede hacer: tomar el color del texto junto al que se encuentra, y llegar en el mismo aliento que el marcado en lugar de en una petición posterior, que es lo que deja un hueco justo en la esquina que el visitante mira primero.
Dónde aparece
Las dos letras fundidas, solas, sobre un cuadrado oscuro de esquinas redondeadas, son el icono. A dieciséis píxeles una palabra entera es un borrón; dos letras superpuestas siguen siendo dos letras.
Un único dibujo produce todo lo demás. La pestaña del navegador y el marcador toman el SVG; la pantalla de inicio de un iPhone y un lanzador de Android toman PNG, el de Android dibujado más pequeño dentro de su cuadrado para que el lanzador pueda recortarlo sin cortar las letras; favicon.ico existe para lo que lo pide sin leer antes la página — una vista previa de enlace, un lector de fuentes, una lista de conectores. La extensión de navegador usa el mismo icono en la barra de herramientas y en su ficha de la Web Store, y un asistente que añade el conector recibe el mismo archivo.
Nada más ha cambiado: ningún color del sitio se ha movido y ninguna página se ha redibujado alrededor.
Relacionado: guardar una página web como Markdown y qué mirar en un conversor de documentos en línea.