WebTools

Generador de favicons

De una imagen a todo el juego de iconos, con el .ico y el fragmento de HTML.

De una sola imagen sale todo el juego: los iconos PNG de 16, 32, 48, 192 y 512 píxeles, el de 180 que pide iOS y un favicon.ico de verdad con tres tamaños dentro.

La imagen se recorta cuadrada desde el centro y se escala con el filtro de calidad alta del navegador. Con el fragmento de HTML incluido, solo tienes que copiar cuatro líneas en tu <head>.

Cómo se usa

  1. Suelta el logotipo, cuanto más cuadrado mejor.
  2. Si lo quieres con fondo o con margen, ajústalo.
  3. Procesa y descarga el ZIP con todo.

Preguntas frecuentes

¿Qué tamaño debe tener la imagen de partida?
Como mínimo 512 × 512 píxeles, y mejor si es cuadrada. Si es un SVG, conviértelo antes a PNG grande con «SVG a PNG»: así controlas tú la resolución.
¿Todavía hace falta el .ico?
Sí, para navegadores y sitios antiguos que lo piden en la raíz por defecto. Pesa muy poco y te ahorras peticiones fallidas en el registro del servidor.
¿Por qué queda ilegible a 16 píxeles?
Porque un logotipo con detalle fino no sobrevive a dieciséis píxeles. Para ese tamaño suele hacer falta una versión simplificada, a menudo solo la inicial o el símbolo.

Herramientas relacionadas