Sobre Imagen a favicon
El conversor de imagen a favicon de Zyff toma una imagen corriente — un JPG de una cámara, una captura en PNG, un WebP, un AVIF o un SVG — y devuelve el juego de iconos cuadrados que quiere un navegador. Lo difícil no es el redimensionado, sino que casi ninguna imagen real es cuadrada, y esta página arranca con el recorte para rellenar sobre un fondo sólido, de modo que una foto 4:3 se convierte en un cuadrado lleno y no en uno con bandas a los lados. Cambia a ajustar dentro para un logotipo que tenga que conservar su forma entera. La conversión corre en los servidores de Zyff en memoria, y tu imagen nunca se conserva.
Cómo convertir una imagen en favicon
Sube tu imagen
De cualquier forma y en PNG, JPG, WebP, AVIF o SVG, hasta 25 MB. No hace falta recortarla en cuadrado primero: para eso está preparada esta página.
Elige recortar o ajustar
El recorte para rellenar viene preajustado y es lo correcto para las fotos: llena el cuadrado desde el centro de la imagen y recorta lo que sobra. Cambia a ajustar dentro para un logotipo escrito o un logotipo ancho, donde perder los extremos sería perder el significado.
Fija el fondo
Una foto recortada no necesita fondo porque llena el cuadrado. Un logotipo ajustado sí, y la transparencia solo la respetan las salidas PNG e ICO: el icono apple-touch siempre se aplana, porque iOS pinta de negro las zonas transparentes de un icono de la pantalla de inicio.
Ajusta el margen y el redondeo
Una foto normalmente no quiere ninguno de los dos. Un logotipo suele querer un pequeño porcentaje de margen para no tocar el borde de una pestaña del navegador, y redondeo solo si tu icono debe leerse como el mosaico de una aplicación.
Descarga y pega las etiquetas
Llévate el zip y copia las etiquetas link generadas en tu head.
Qué hace Imagen a favicon
Entradas no cuadradas resueltas
El recorte para rellenar desde el centro es lo predeterminado aquí, así que una foto horizontal se convierte en un cuadrado lleno y no en uno con bandas. Sin ningún paso previo de recorte.
Lee lo que producen los móviles
Entran JPG, PNG, WebP, AVIF, formatos cercanos al HEIC y SVG. Una foto recién salida de un móvil no necesita ninguna conversión previa.
Honesto con la transparencia
La transparencia se conserva en la salida PNG e ICO y se aplana para apple-touch, porque iOS compone un icono de la pantalla de inicio sobre un mosaico y pinta de negro los píxeles transparentes.
Enfoque para los tamaños pequeños
Se aplica una pasada suave de enfoque a los elementos de 64 px o menos, donde una reducción simple de una fotografía se ablanda antes.
Todas las salidas que necesita el conjunto
El .ico, los tamaños PNG, el apple-touch, los iconos de Android y el enmascarable y el manifiesto, todo a partir de la misma imagen.
At a glance
| Entrada aceptada | PNG, JPG, WebP, AVIF y SVG de hasta 25 MB y 100 megapíxeles |
|---|---|
| Ajuste por defecto | cover — recortar para rellenar, desde el centro |
| Ajuste alternativo | contain — se conserva la imagen entera, rellenada hasta el cuadrado |
| Rango de margen | 0-40% por lado (0-30% para apple-touch) |
| Redondeo de esquinas | 0-50% del lado del lienzo; 50 es un círculo |
| Enfoque aplicado en | elementos de 64 px o menos |
| Render maestro | Cuadrado de 1024 px |
Frequently asked questions
¿Puedo usar una foto como favicon?
Puedes, y el resultado suele ser malo por una razón que no tiene nada que ver con la conversión: un favicon se muestra a 16 o 32 píxeles, y una fotografía a ese tamaño es una mancha de color promedio. Si lo que tienes es una foto, recórtala al único elemento más distintivo — una cara, un objeto, una forma — en vez de encoger el encuadre entero.
¿Qué pasa con mi imagen no cuadrada?
Se recorta a un cuadrado desde el centro y lo que sobra se descarta, porque eso es lo que trae preajustado esta página. Si el motivo está descentrado, recórtala tú primero o cambia el ajuste a contener, que conserva la imagen entera y rellena el eje corto en su lugar.
¿Debo conservar la transparencia?
Consérvala para las salidas PNG e ICO, donde permite que el icono se apoye en una interfaz de navegador clara u oscura sin una caja visible. No se puede conservar para apple-touch: iOS aplana un icono de la pantalla de inicio sobre un mosaico y pinta de negro los píxeles transparentes, así que la respuesta honesta para un logotipo transparente es un fondo blanco de Apple y transparencia en todo lo demás.
¿Convertir un JPG en favicon pierde calidad?
El redimensionado no añade pérdida, pero el JPEG del que partiste ya descartó detalle, y ese daño se ve sobre todo en tamaños pequeños, donde apenas queda detalle que perder. Empieza por la versión más grande y menos comprimida que tengas: una exportación en PNG o el vector original le ganan a un JPG que ha pasado por una aplicación de chat.
Mi logotipo lleva texto. ¿Se leerá?
A 180 px sí, a 32 px pocas veces, a 16 px casi nunca. Usa la marca sin el logotipo escrito para el juego de iconos y guarda el conjunto completo para tu cabecera. Revisa la vista previa de 16 px antes de descargar: es el tamaño que lo decide.
¿Se guarda en algún sitio la foto que subo?
No. La petición se basta a sí misma: el servidor descodifica tu imagen, genera el conjunto, lo devuelve y el búfer que contenía el original desaparece con la petición. No hay cuenta ni galería de trabajos pasados, así que no hay nada que volver a vaciar.