Crea el favicon de tu web
El iconito de la pestaña del navegador, a partir de tu logo (PNG, JPG o SVG): favicon.ico, todos los tamaños, iconos de iPhone y Android y el código para pegar.
Preguntas frecuentes
¿Qué lleva el ZIP?
favicon.ico (16, 32 y 48 px), PNG de 16 y 32, apple-touch-icon de 180 (para el iPhone), iconos de Android de 192 y 512, site.webmanifest y un LEEME con el código.
¿Dónde lo pongo?
Sube los archivos a la carpeta principal de tu web y pega el código en el <head>. En WordPress: Apariencia → Personalizar → Identidad del sitio → Icono del sitio (basta con el PNG de 512).
Mi logo es alargado, ¿qué hago?
Elige «Entera» con un poco de margen, o «Recortar al centro» si el símbolo está en medio. A 16 px solo se distingue algo muy sencillo: mejor el símbolo o la inicial que el logo entero.
¿Por qué el de Apple lleva fondo?
Porque el iPhone pone fondo negro a los iconos transparentes. Si no eliges color, se usa blanco.