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 solo en memoria, así que tu imagen nunca se guarda.
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.