Cómo recortar una imagen en círculo con fondo transparente
Recorta cualquier imagen en círculo con las esquinas transparentes: hazla cuadrada primero, centra la cara, redondéala y guárdala en PNG o WebP, no en JPG. Además, bordes y tamaños de perfil.
Actualizado el 15 de septiembre de 20266 min de lectura
Para recortar una imagen en círculo, recórtala primero en cuadrado, aplica después una máscara circular y guárdala en PNG o WebP para que las cuatro esquinas sigan siendo transparentes. Si te saltas el cuadrado, obtienes un óvalo o una píldora; si la guardas en JPG, las esquinas vuelven rellenas de un color sólido. Los dos errores son fáciles de evitar cuando sabes por qué ocurren.
Por qué primero el cuadrado
Un círculo es aquello en lo que se convierte un rectángulo redondeado cuando los lados son iguales y el radio de las esquinas llega a la mitad de un lado. Nuestra herramienta de esquinas redondeadas mide su radio respecto al lado más corto de la imagen, así que el preset Círculo —un radio del 50 %— convierte un cuadrado en un círculo perfecto, y una foto 3:2 en una píldora: redondeada en los extremos y recta por arriba y por abajo. La herramienta hace exactamente lo que debe; lo que no era cuadrado era la imagen de partida.
Así que recorta primero. En la herramienta de recorte, elige la proporción 1:1 (Cuadrado) y el recuadro seguirá siendo cuadrado lo arrastres como lo arrastres. La herramienta de recorte guarda en PNG, así que no se pierde nada entre los dos pasos. Los principios generales para encuadrar un recorte están en recortar una imagen a una proporción.
Centra la cara y deja espacio
Un círculo dibujado dentro de un cuadrado elimina las cuatro esquinas: algo más de una quinta parte de la superficie. Lo que estuviera en una esquina desaparece, y lo que quede cerca del borde acaba pegado al contorno.
- Coloca los ojos un poco por encima de la línea central. En un encuadre de cabeza y hombros, eso sitúa la cara en el centro del círculo y deja que los hombros llenen la curva inferior.
- Deja espacio por encima de la cabeza. Una coronilla que toca el borde se ve apretada en tamaño miniatura.
- Recorta un poco más holgado de lo que te parecería natural. Los avatares se muestran pequeños; una cara que llena el círculo de borde a borde se lee como un primer plano, mientras que una con algo de espacio alrededor se lee como un retrato.
- Revisa las esquinas del cuadrado. Una mano, un logotipo o una segunda persona en una esquina quedarán cortados por la mitad.
La cuadrícula de la regla de tercios de la herramienta de recorte ayuda con la colocación. Su recorte automático centrado en la cara es una función Pro; en el plan gratuito colocas tú el recuadro, algo que para un solo retrato lleva segundos.
PNG o WebP, nunca JPG
Una imagen circular sigue siendo un archivo cuadrado. Las cuatro zonas de las esquinas simplemente se marcan como transparentes, de modo que lo que haya detrás de la imagen se ve a través de ellas. Solo los formatos compatibles con transparencia pueden almacenarlo.
| Formato | Esquinas | Úsalo para |
|---|---|---|
| PNG | Transparentes | La opción segura por defecto: ampliamente aceptado y sin pérdida |
| WebP | Transparentes | Sitios web, donde importa que el archivo sea más pequeño |
| JPG | Rellenas de un color sólido | Solo cuando quieres un cuadrado de color detrás del círculo |
La herramienta de esquinas redondeadas empieza en PNG con fondo transparente y te avisa si cambias a JPG mientras el fondo sigue siendo transparente. Si de verdad quieres las esquinas rellenas —un círculo sobre un cuadrado del color de tu marca, por ejemplo—, pon el fondo en Color sólido y elige el color; entonces el JPG sirve. Más sobre cómo elegir entre ellos en PNG vs JPG vs WebP.
Paso a paso
Opcional: quita el fondo
Para un retrato o un producto recortado, pasa primero la imagen por el eliminador de fondos y mantén la salida en PNG, para que el círculo enmarque al sujeto sobre transparencia. Quitar un fondo con limpieza cubre los detalles.
Recorta en cuadrado
Usa la proporción 1:1 en la herramienta de recorte, con el encuadre descrito arriba.
Aplica el preset Círculo
En la herramienta de esquinas redondeadas, elige Círculo. La vista previa aparece sobre un damero, así que puedes ver que las esquinas son de verdad transparentes y no blancas.
Añade un aro si quieres
Activa el borde, fija el grosor y el color, y elige su posición respecto al contorno: Interior, Centrado o Exterior. Un aro exterior necesita espacio: sube el margen, que amplía el lienzo, y la herramienta te avisará si el aro fuera a quedar cortado.
Exporta en PNG
O en WebP para un sitio web. En el plan gratuito, WebP y JPG se exportan con un 92 % de calidad y Pro llega al 100 %; el PNG no tiene pérdida en ambos.
Entra una imagen cuadrada y sale un círculo transparente, con un aro opcional. Todo se ejecuta en tu dispositivo, no en nuestros servidores.
Hacerla circularFotos de perfil: ¿subir el cuadrado o el círculo?
Cuando la plataforma dibuja el círculo por ti, sube el cuadrado. Su propia máscara oculta las esquinas de todos modos, y un cuadrado le da a su vista previa de recorte algo con lo que trabajar; un círculo ya recortado no gana nada ahí. Un círculo hecho de antemano tiene sentido donde nada lo enmascara por ti: la página del equipo en un sitio web, una firma de correo, una diapositiva, una pegatina, un documento impreso.
En cualquier caso, sube más píxeles de los que muestra la plataforma. En el momento de escribir esto, X recomienda 400 × 400 píxeles para la foto de perfil, con un límite de 2 MB, y LinkedIn recomienda 400 × 400 para el logotipo de una página, de hasta 3 MB en PNG o JPEG. Fíjate en ese último detalle: allí no se aceptaría un WebP, una razón más para que el PNG sea la opción por defecto.
El redimensionador de imágenes para redes sociales tiene presets de perfil cuadrados para varias plataformas. Rellena el espacio vacío con un color de fondo en lugar de con transparencia, así que úsalo primero para dimensionar el cuadrado y luego redondea el resultado. Los tamaños de todos los demás espacios están en tamaños de imagen para redes sociales.
Redondear las fotos de todo un equipo
En una página de equipo, el objetivo es la coherencia: el mismo diámetro, el mismo aro y el mismo espacio alrededor de cada cara. La herramienta de esquinas redondeadas trabaja con una imagen cada vez en el plan gratuito; Pro admite hasta 100 de una sola pasada con los mismos ajustes. En cualquier caso, recorta antes a mano a cada persona en cuadrado: el paso de redondeo es uniforme, pero el encuadre de cada cara no, y es el encuadre lo que la gente nota cuando una fila de avatares aparece uno junto a otro.
Preguntas frecuentes
¿Cómo recorto una imagen en círculo?
Recórtala en cuadrado, aplica una máscara circular con un radio de esquina del 50 % y guárdala en PNG. El preset Círculo de la herramienta de esquinas redondeadas hace la máscara con un clic.
¿Por qué mi recorte circular sale ovalado?
Porque la imagen no era cuadrada. Un radio del 50 % sobre un rectángulo da un óvalo o una píldora, según la herramienta. Recorta primero a 1:1 y el mismo ajuste dará un círculo perfecto.
¿Cómo hago una imagen circular con fondo transparente?
Deja el fondo en transparente y exporta en PNG o WebP. El JPG no tiene transparencia, así que rellena las esquinas con un color sólido.
¿Por qué mi imagen redonda tiene las esquinas blancas?
O se guardó en JPG o con un fondo sólido, o la aplicación que la muestra representa la transparencia como blanco. Colócala sobre un fondo oscuro: si las esquinas desaparecen, son transparentes.
¿Qué tamaño debe tener una foto de perfil redonda?
Sube un cuadrado bastante por encima del tamaño al que se muestra: X, por ejemplo, recomienda 400 × 400 píxeles. La plataforma lo reduce; no puede añadir detalle que no existe.
¿Puedo añadir un borde a una imagen circular?
Sí. Activa el borde en la herramienta de esquinas redondeadas y seguirá el círculo. Fija el grosor y el color, y sube el margen si el aro va por fuera del contorno.