cv.cm
Todas las lecciones

Fotos

Cómo hacer un favicon

Un favicon tiene que leerse a 16 píxeles. Cuadre la marca, elija Cover o Contain y descargue un ICO para pestañas clásicas más un zip PNG para iconos táctiles.

7 min

Resultado de hoy Un favicon.ico (16/32/48) y un zip PNG (con 180/192/512) que aún se lee al tamaño de una pestaña.

Abra favicon con la marca en el disco. Cover llena el cuadrado y puede recortar. Contain deja bandas. El fondo blanco viene activado. Nada se sube.

Abrir Generador de favicon
En esta sentada
  1. Empiece por una marca que se lea minúscula

    Una foto ocupada muere a 16 px. Una letra, una forma simple o un logo de alto contraste. Si el encuadre es ancho, recorte el sujeto antes.

    Cover llena y puede recortar. Contain deja la marca entera y añade bandas.
    Cover llena y puede recortar. Contain deja la marca entera y añade bandas.
  2. Abra favicon en cv.cm

    El trabajo queda en esta pestaña.

    Abrir Generador de favicon
  3. Suelte la imagen

    Si la vista está en blanco, pase HEIC a JPG antes.

  4. Elija Cover o Contain, y el fondo blanco

    Cover llena el cuadrado y puede recortar. Contain deja la marca entera y añade bandas. Deje el fondo blanco para una pestaña clásica. Quítelo si necesita PNG transparente.

  5. Descargue ICO y el zip PNG

    El ICO empaqueta 16, 32 y 48 para pestañas clásicas. El zip también tiene 180, 192 y 512 para Apple touch y PWA. Conserve la marca original.

    El ICO es 16/32/48. El zip PNG añade 180/192/512. Mire el de 16 px.
    El ICO es 16/32/48. El zip PNG añade 180/192/512. Mire el de 16 px.
  6. Abra el PNG de 16 píxeles

    La vista de 256 miente. Si el de 16 px es un borrón, simplifique la marca o pase a Contain. Ponga favicon.ico en la raíz y enlace los PNG en el HTML.

Preguntas frecuentes

¿Puedo hacer un favicon gratis en línea?

Sí. Se dibuja en esta pestaña. Nada se sube.

¿Qué tamaños lleva el ICO?

PNG de 16, 32 y 48 píxeles empaquetados en un favicon.ico.

¿También iconos Apple touch?

El zip PNG incluye 180, 192 y 512. Enlácelos en el HTML para iconos de inicio.

¿Se suben las fotos?

No. Al cerrar la pestaña se pierden.

¿Puedo dejar el fondo transparente?

Sí. Quite el fondo blanco. Contain entonces deja bandas sobre transparencia.