Crear un icono que se entienda en una pestaña pequeña
Un favicon identifica una web en las pestañas y marcadores. Esta herramienta recorta el centro de la imagen a un cuadrado y lo reduce al tamaño elegido. Funciona mejor con una silueta sencilla que con una fotografía o un logotipo con letras pequeñas.
Abrir Crear favicon →Paso a paso
- Prepara una imagen cuadrada con el símbolo centrado y margen alrededor. Si el sujeto está en un lado, usa primero Recortar imágenes.
- Elige 32 × 32 para probar un icono pequeño. Revisa si todavía se distingue sin depender de texto diminuto.
- Descarga ICO o PNG y súbelo a tu web. Enlázalo desde el head; la guía incluye un ejemplo que puedes adaptar a tu ruta.
Qué revisar antes de descargar
- El ICO generado contiene una sola imagen PNG en el tamaño elegido. No es un paquete con múltiples resoluciones.
- Aumentar un icono pequeño a 256 × 256 no crea detalle nuevo. Conviene comenzar con un original de tamaño suficiente.
- Esta descarga no configura por sí sola los iconos de una PWA ni todos los iconos de inicio de los distintos dispositivos.
Preguntas de esta herramienta
¿PNG o ICO?
PNG es directo para navegadores actuales. ICO puede servir cuando tu plataforma lo pide. Usa el formato y la ruta que permita tu sitio.
¿Por qué se corta mi logo?
La herramienta usa un recorte cuadrado centrado. Prepara un cuadrado con el logo completo antes de generar el icono.
Esta guía describe el funcionamiento de nuestra herramienta: procesamiento local con Canvas, límites de memoria y exportación del navegador. Los ejemplos numéricos ilustran cómo interpretar el resultado; no prometen un ahorro o una calidad determinados.