Cómo añadir un favicon a tu sitio web
Aprende a instalar tus paquetes de favicon en servidores de alojamiento estático o en plataformas CMS personalizadas.
Paso 1: Generar los archivos
Sube tu diseño a nuestra herramienta en la página principal para generar el archivo ZIP. Descomprime el paquete para acceder a los archivos.
Paso 2: Subir los archivos al directorio raíz del servidor
Sube todos los archivos de favicon extraídos (favicon.ico, apple-touch-icon.png, etc.) directamente al directorio raíz público principal de tu sitio web (normalmente public_html o public). Por ejemplo, deberían ser accesibles en tudominio.com/favicon.ico.
Paso 3: Pegar el marcado del encabezado
Pega estos enlaces estándar en el área del encabezado de todos tus archivos de página:
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Empieza a convertir PNG a favicon gratis hoy mismo
Únete a más de 50 000 usuarios que confían en PNGtoFavicon.com para generar favicons de forma precisa, rápida y totalmente gratuita.
¡Empieza a convertir ahora! ¡Es gratis!Descubre más herramientas para favicons
PNGtoFavicon ofrece un conjunto completo de herramientas para todas tus necesidades de favicons.
Texto a favicon
Crea un favicon a partir de letras, iniciales o cualquier texto. Elige fuentes, colores y estilos para generar un favicon único basado en texto para tu marca.
Pruébalo gratis →Emoji a Favicon
Elige entre cientos de emojis para crear al instante un favicon colorido y expresivo. Perfecto para proyectos personales, blogs y prototipos rápidos.
Pruébalo gratis →Verificador de Favicon
Valida la configuración del favicon de tu sitio web. Introduce cualquier URL para comprobar si faltan tamaños, formatos incorrectos o si hay problemas de compatibilidad entre plataformas.
Comprobar ahora →