Recortar imagen en círculo

Usa esta herramienta de recortar imagen en círculo para cortar una foto, un logotipo o una captura en un círculo perfecto o en un óvalo ajustable, y para guardar el resultado como PNG transparente. Arrastra la imagen dentro de la máscara redonda para decidir qué se queda, haz zoom hasta que el sujeto llene el encuadre, añade un anillo si lo quieres y descarga un avatar listo para un perfil, una página de equipo, una portada de pódcast o una presentación.

Todo se ejecuta en tu navegador con el elemento canvas de HTML. La foto se decodifica en local, se enmascara en local y se exporta en local, así que nunca se sube a miniwebtool y no hay cola, ni marca de agua ni límite de subida más allá de la memoria de tu propio dispositivo.

Qué puedes hacer con ella

Funciones principales

• Arrastra para encuadrar, rueda o pellizco para zoom: la máscara permanece fija mientras la foto se mueve detrás, que es la misma interacción que usan los editores de avatar.
• Mostrar el área recortada: un fantasma de los píxeles descartados sigue visible en la vista previa, para que sepas si recortaste una oreja o un hombro.
• Círculo u óvalo: un control deslizante de altura a ancho convierte el círculo en una elipse apaisada o de retrato, y el lienzo de exportación sigue la misma forma.
• Girar y espejo: los pasos de 90 grados corrigen una foto de teléfono de lado, y el espejo vuelve a orientar un selfi al derecho.
• Anillo de borde y borde difuminado: añade un anillo de color en píxeles de salida, o suaviza el contorno para que el avatar se funda con un fondo.
• PNG, WebP o JPG transparente: deja las esquinas vacías para PNG y WebP, o rellénalas con un color elegido para JPG.
• Ajustes preestablecidos de tamaño de avatar: un clic para los tamaños habituales de foto de perfil de 320, 400, 512, 640 y 800 píxeles.
• CSS copiable: el fragmento reproduce el mismo avatar redondo en una página web con border-radius y object-fit.

Cómo recortar una imagen en círculo

1. Carga la foto: arrastra un archivo al área de soltar, elige Seleccionar imagen, o pega una imagen copiada con Ctrl+V.
2. Encuadra el sujeto: arrastra dentro del escenario para mover la foto y usa el control deslizante Zoom, la rueda del ratón o un gesto de pellizco para dimensionarla. Cubrir máscara restablece el recorte más ajustado que cubre la máscara y Encajar foto completa muestra la foto entera dentro de ella.
3. Elige la forma: mantén Círculo, o cambia a Óvalo y define la relación de altura a ancho.
4. Estiliza el borde: configura Anillo y su color, suaviza el contorno con Difuminado y elige Transparente o un Fondo sólido.
5. Comprueba las vistas previas pequeñas: mira las versiones de 128, 64 y 32 píxeles bajo el escenario y acerca más el zoom si el rostro desaparece.
6. Exporta: elige un tamaño y un formato de salida, y pulsa Descargar imagen circular.

Tamaños de foto de perfil que se muestran como círculos

La mayoría de las plataformas aceptan una subida cuadrada y aplican su propia máscara redonda en CSS. Exportar un PNG ya circular sigue siendo útil para sitios web, documentos y diapositivas, y te permite controlar exactamente dónde cae la máscara. Estos son tamaños de subida seguros:

Cómo se dibuja la máscara circular

La foto se pinta en un canvas al tamaño de salida, después el modo de composición del canvas pasa a destination-in y se rellena una elipse encima. Solo sobreviven los píxeles debajo de la elipse; todo lo demás queda totalmente transparente. Cuando Difuminado está por encima de cero, la elipse se rellena con un degradado radial en lugar de un color sólido, de modo que el valor alfa cae de forma gradual y el contorno se desvanece en vez de terminar en una línea dura. Un anillo, si lo añades, se traza después para que la máscara no lo borre.

Como un círculo está inscrito en el cuadrado del que se recorta, el resultado redondo cubre siempre alrededor del 78,5 por ciento del área del cuadrado, y las cuatro esquinas son lo que pierdes. Por eso acercar un poco el zoom suele ser lo correcto para un retrato: la parte superior de la cabeza y los hombros quedan exactamente en las esquinas que se eliminan.

Consejos para un recorte que siga funcionando a 32 píxeles

• Llena el círculo con el rostro. Deja un pequeño margen encima de la cabeza y deja que los hombros se salgan del borde; un plano de cuerpo entero se convierte en un punto ilegible.
• Coloca los ojos un poco por encima del centro. Un rostro centrado exactamente en el medio de un círculo parece que se hunde.
• Prefiere un fondo liso y contrastado. El detalle recargado detrás de la cabeza se convierte en ruido visual cuando se reduce el avatar.
• No amplíes. Si el original mide 200 píxeles de ancho, exportar a 800 píxeles solo lo desenfoca; exporta al tamaño del original encuadrado o por debajo.
• Añade un anillo para interfaces oscuras. Un anillo blanco del uno al dos por ciento evita que una foto oscura se funda con la barra lateral oscura de un chat.

Preguntas frecuentes

¿Se sube mi foto a un servidor?

No. El archivo lo lee tu navegador con la API FileReader, se dibuja en un canvas HTML y se enmascara ahí. No se envía nada a miniwebtool, así que la imagen permanece en tu dispositivo incluso si cierras la pestaña. Eso también significa que la herramienta sigue funcionando con una conexión lenta una vez cargada la página, y no hay cola de subida ni límite de tamaño de archivo más allá de la memoria de tu propio dispositivo.

¿Cómo dejo transparente el área fuera del círculo?

Pon Fondo en Transparente y elige PNG o WebP como formato de salida. Solo esos dos formatos guardan un canal alfa. JPG no tiene transparencia en absoluto, así que las cuatro esquinas alrededor del círculo se rellenan con el color de fondo, y la herramienta pasa el fondo a un color sólido de forma automática cuando seleccionas JPG.

¿Por qué mi avatar redondo sigue viéndose cuadrado después de subirlo?

Algunos sitios aplanan la transparencia sobre un fondo blanco u oscuro al recodificar tu subida, lo que vuelve a hacer visibles las esquinas transparentes. Si ocurre, iguala el color de fondo al del sitio en lugar de usar transparencia, o sube el original cuadrado y deja que el sitio aplique su propia máscara circular, que es lo que la mayoría de las redes sociales hacen con CSS.

¿Qué tamaño debe tener una foto de perfil circular?

512 por 512 píxeles sirve para casi cualquier perfil, porque los sitios reducen una imagen más grande pero nunca añaden detalle a una pequeña. Los tamaños habituales son 400 píxeles para X y LinkedIn, 320 para Instagram, 512 para Discord, 640 para WhatsApp y 800 para YouTube. Usa los ajustes preestablecidos de tamaño en la sección Salida y deja que el sitio haga la reducción.

¿Puedo recortar un óvalo en lugar de un círculo perfecto?

Sí. Cambia la forma a Óvalo y mueve el control deslizante de altura a ancho. Una relación por debajo del 100 por ciento da una elipse apaisada ancha, y una relación por encima del 100 por ciento da una elipse vertical de retrato que encaja con planos de cabeza y hombros. El lienzo de salida cambia de forma con ella, así que un óvalo de 512 píxeles de ancho al 130 por ciento se exporta como 512 por 666 píxeles.

¿Recortar en círculo reduce la calidad de mi foto?

El recorte en sí elimina los píxeles fuera del círculo, pero no recomprime lo que queda cuando exportas PNG, que es sin pérdida. La calidad solo baja si el tamaño de salida es mayor que el área encuadrada del original, porque entonces el navegador tiene que ampliar, o si eliges JPG o WebP, que son con pérdida. Hacer zoom más allá de aproximadamente el 100 por ciento en un original pequeño suele ser la causa de un resultado suave.

¿Qué tipos de archivo puedo abrir y guardar?

Puedes abrir cualquier cosa que tu navegador sepa decodificar como imagen, lo que normalmente cubre JPG, PNG, WebP, GIF, BMP, AVIF y SVG. Los GIF animados se recortan como un solo fotograma fijo. La descarga es un PNG de forma predeterminada, con WebP y JPG disponibles en la lista Formato.