Guía

Cómo crear un favicon

Crear un favicon lleva 60 segundos: parte de un cuadrado, genera un .ico multiresolución y enlázalo en tu HTML <head>. Esta guía recorre cada paso.

Tu imagen de origen debe ser cuadrada y de al menos 512×512. SVG es todavía mejor — escala sin pérdida de calidad.

La configuración mínima viable es un único favicon.ico multiresolución. Las configuraciones modernas añaden un SVG, un apple-touch-icon de 180×180 y un par de PNG de 192×192 + 512×512 para los prompts de instalación PWA.

Cómo funciona

  1. 1

    Prepara una fuente cuadrada

    PNG de 512×512 o SVG con viewBox cuadrado.

  2. 2

    Genera

    Usa nuestro generador de favicons para empaquetar todos los tamaños en un solo .ico.

  3. 3

    Instala

    Coloca favicon.ico en la raíz de tu sitio y enlázalo en <head>.

Pruébalo ahora

Crea tu favicon ahora

Generador de Favicon

Preguntas frecuentes

¿Cuál es la herramienta más fácil para crear un favicon?+

Nuestro generador de favicons: sube la imagen, haz clic en generar, descarga. Sin registro, sin subida a servidores.

¿Qué tamaño debe tener mi imagen de origen?+

512×512 como mínimo. SVG es lo ideal.

¿Necesito un apple-touch-icon?+

Sí, si quieres un icono limpio en la pantalla de inicio de iOS. PNG de 180×180 enlazado con <link rel="apple-touch-icon">.

Herramientas relacionadas

Más guías

Guías

Explorar FetchFavicon

Categorías

Convertidores

Utilidades

Guías

Tutoriales