Crear un favicon con emoji
¿Aún no tienes logo? Un emoji o una inicial en negrita sobre una forma de color da un favicon claro que se distingue incluso a 16 px. Escribe uno o dos caracteres, elige cuadrado, redondeado o círculo y los colores, y obtienes el mismo juego completo que con una imagen: favicon.ico, PNG en varios tamaños, Apple touch icon y web manifest. El emoji se dibuja con la fuente de emojis de tu dispositivo, así que queda tal como lo ves en tu pantalla.
A tamaño real
En una pestaña del navegador
Pega esto en el <head> de tus páginas:
Sube los archivos a la carpeta raíz de tu web, junto a la página de inicio. Si los pones en otro sitio, cambia las rutas.
Cómo funciona
- Escribe un emoji o una o dos letras en el campo.
- Elige la forma, el color de fondo y el del texto. La vista previa pequeña cambia mientras escribes.
- Revisa la vista previa de la pestaña, descarga el ZIP y pega el HTML en el <head>.
Preguntas frecuentes
¿Por qué el emoji se ve distinto en otro ordenador?
Cada sistema tiene su propio diseño de emojis: Apple, Google, Microsoft y Samsung los dibujan de forma diferente. El favicon es una imagen del emoji tal como lo dibuja tu dispositivo, así que luego todos los visitantes ven exactamente esa imagen, usen el sistema que usen.
¿Puedo usar emojis de Apple o Microsoft en mi favicon?
Sus diseños de emojis tienen derechos de autor y sus licencias no cubren con claridad el uso como logo de una web. En una página personal rara vez es un problema. Para una empresa, crea el icono en un dispositivo con emojis de licencia libre, como Noto Emoji de Google (Android y la mayoría de sistemas Linux), o usa letras.
¿Puedo escribir una palabra entera?
No, el campo admite dos caracteres como máximo. A 16 px una tercera letra ya no se lee, por eso casi todos los favicons de texto usan una inicial o un monograma de dos letras.
¿Hay versión SVG de los favicons con emoji?
No. Un SVG con un emoji se dibujaría con la fuente de emojis de cada visitante y podría verse distinto en cada dispositivo, así que en este modo solo se generan PNG e ICO. Si quieres un favicon SVG, suelta un logo SVG en el modo Imagen.
¿Se sube algo?
No. Los caracteres se dibujan en un lienzo de tu navegador y los archivos también se crean ahí. No se envía nada a ningún servidor.