Recortar imagen en un círculo

Recorta un círculo, un óvalo o un cuadrado redondeado de cualquier foto y descárgalo como PNG con un fondo realmente transparente.

Suelta tus archivos aquí

.jpg, .jpeg, .png, .webp, .avif, .bmp · hasta 100 MB

Elige archivos

Cómo recortar en círculo

1
Suelta tu foto
Añade una imagen o hasta veinte a la vez. JPG, PNG, WebP, AVIF y BMP funcionan, y el archivo se procesa dentro de esta pestaña del navegador.
2
Mueve y ajusta el círculo
El círculo empieza centrado y tan grande como permita la foto. Cambia su centro, su radio, el fondo que queda detrás y el borde que lo rodea.
3
Descarga el PNG transparente
Guarda el resultado a su tamaño natural o con un tamaño de avatar listo para usar. Si son varios archivos, se descargan juntos en un único archivo ZIP.

Por qué el resultado es un PNG

Todo lo que queda fuera del círculo tiene que convertirse en nada, y solo un formato con canal alfa puede guardar esa nada. PNG lo tiene, JPEG no: un JPEG tiene que darle un color a cada píxel, así que la zona fuera del círculo volvería como un cuadrado negro o blanco con un círculo pintado en medio. Por eso la elección de formato solo aparece cuando eliges un fondo uniforme. En ese punto ya no queda transparencia que perder y un JPEG pasa a ser una opción razonable y mucho más ligera.

Un avatar suele tener 400 o 512 píxeles

La mayoría de fotos de perfil se muestran dentro de un marco circular de unos pocos cientos de píxeles de ancho, así que subir una foto de 4000 píxeles solo hace que el navegador la reduzca otra vez al otro lado. La lista de tamaños de salida cubre los tamaños que las plataformas usan en realidad (256, 400, 512 y 1024), y la reducción aquí se hace con un alisado de alta calidad, que suele verse mejor que lo que hace el sitio de destino de forma automática. Combinar un recorte circular con un tamaño fijo es lo que convierte una foto casual en una foto de perfil en un solo paso.

Círculos, óvalos y cuadrados redondeados

Un círculo es lo que esperan la mayoría de marcos de perfil. Un cuadrado redondeado es lo que esperan los iconos de apps y muchos diseños de tarjetas, y su redondeo de esquinas va desde un ángulo apenas suavizado al 1 por ciento hasta un círculo completo al 50 por ciento. En ese punto, la mitad del lado es igual al radio inscrito, así que la figura y un círculo son lo mismo. Un óvalo cubre los casos intermedios, cuando una cara es más alta que ancha y un círculo perfecto cortaría la barbilla.

El borde se suaviza, no tiene escalones

Un círculo recortado con un borde duro deja una escalera visible a lo largo del contorno, que se nota en cuanto el PNG se coloca sobre un fondo de color. Aquí la máscara se aplica con un desenfoque de medio píxel, así que el anillo más exterior de píxeles lleva un valor alfa parcial en lugar de saltar de totalmente opaco a totalmente transparente. En un círculo de 2000 píxeles, ese anillo suave suma en total unos 27 000 píxeles de ancho: invisible como desenfoque, decisivo para que el borde se vea limpio.

La foto no sale de esta pestaña

La decodificación, la máscara y la recodificación se hacen de forma local a través de la API Canvas. No se sube, se pone en cola ni se guarda ninguna copia de tu foto en ningún servidor, y con cerrar la pestaña basta para borrar cualquier rastro.

Preguntas frecuentes

¿Por qué el resultado es un PNG y no un JPG?

Solo PNG puede guardar transparencia. Un JPEG tiene que asignar un color a cada píxel, así que la zona fuera del círculo se rellenaría en lugar de quedar vacía. Si eliges un fondo liso blanco, negro o personalizado, la transparencia deja de hacer falta y la opción JPG se activa.

¿El fondo será realmente transparente?

Sí. Todo lo que está fuera de la forma tiene un valor alfa de cero, que los visores y editores muestran como un tablero de cuadros y las páginas web muestran como lo que haya detrás de la imagen. Algunas apps de chat y editores de documentos antiguos aplanan la transparencia sobre blanco al mostrar el archivo. Eso es cosa suya, no del archivo.

¿Cómo hago una foto de perfil de 400 por 400?

Deja la forma como círculo, pon el tamaño de salida en 400 por 400 y descarga. El círculo se ajusta por defecto al lado más corto de tu foto, así que una foto en vertical u horizontal se recorta primero a su cuadrado central y luego se escala exactamente a 400 píxeles.

¿Puedo añadir un borde alrededor del círculo?

Sí, de hasta 64 píxeles de ancho y en cualquier color. La máscara se reduce en la mitad del grosor del borde para que el anillo quede completamente dentro de la imagen y no lo corte el borde del lienzo, así que un borde de 12 píxeles en un círculo de 1489 píxeles sale como 12 píxeles completos de color sólido.

¿Para qué sirve la forma de cuadrado redondeado?

Los iconos de apps, las miniaturas de tarjetas y algunas plataformas de mensajería usan un cuadrado con esquinas suavizadas en lugar de un círculo. El redondeo de las esquinas se define como porcentaje del lado, así que un 24 por ciento da una forma de icono típica y un 50 por ciento da una figura indistinguible de un círculo.

¿Recortar en círculo hace que se pierda calidad?

Los píxeles dentro del círculo se copian tal cual, así que nada se vuelve a muestrear a menos que también elijas un tamaño de salida. PNG es un formato sin pérdida, así que lo que ves dentro del círculo es exactamente lo que había en la foto original.

¿Cuántas fotos puedo hacer a la vez?

Hasta veinte. En un procesamiento por lotes, el círculo se ajusta al centro de cada foto con su propio tamaño natural, porque un radio que encaja en una imagen quedaría descentrado en la siguiente. Los resultados se descargan juntos en un único archivo ZIP.

¿Esto funciona en un teléfono?

Sí. Toda la herramienta usa APIs del navegador que Chrome y Safari en móviles llevan años soportando, y una foto de teléfono de diez o doce megapíxeles está bien dentro de lo que un dispositivo moderno maneja sin problema.