Imagen Cuadrada

Esquinas redondeadas

Redondea las esquinas de una imagen en este mismo navegador. Las esquinas se recortan en lugar de rellenarse, así que quedan transparentes en PNG y WebP. El archivo no se sube.

En resumen

Rounded Corners de SquareImage.dev enmascara una imagen con un rectángulo redondeado y borra las cuatro esquinas en lugar de rellenarlas, de modo que una exportación en PNG o WebP se mantiene transparente ahí. El control del radio es una proporción del lado corto, no un valor en píxeles: entre el 8 % y el 16 % se lee como la esquina de un icono de aplicación y el 100 % convierte un cuadrado en un círculo. El archivo guardado conserva las dimensiones originales en píxeles y se aplica un mismo radio a las cuatro esquinas. Exportar en JPEG rellena las esquinas de blanco porque JPEG no tiene canal alfa. Es gratuito, no pide cuenta y el enmascarado se ejecuta con Canvas en el dispositivo.

By · Verified

¿Cómo redondeo las esquinas de una imagen?

  1. Añade la imagen: haz clic, arrástrala o pégala.
  2. Ajusta el radio. El control trabaja en porcentaje del lado corto.
  3. Elige el formato: PNG o WebP para esquinas transparentes.
  4. Descarga. Se conservan las dimensiones originales.

¿Por qué el radio está en porcentaje y no en píxeles?

Un porcentaje se ve igual en cualquier tamaño. Un 12 % produce el mismo aspecto en un icono de 512 píxeles que en una exportación de 2048, mientras que un valor fijo en píxeles apenas se nota en la imagen grande.

Como referencia: entre 8 % y 16 % equivale a la esquina de un icono de aplicación y el 100 % convierte un cuadrado en un círculo.

¿Por qué mis esquinas salen blancas en JPEG?

JPEG no tiene canal alfa, así que no puede guardar transparencia: las esquinas recortadas se rellenan de blanco al exportar. Es una limitación del formato, no de la herramienta.

Si quieres que queden transparentes, exporta en PNG o WebP.

¿Se sube mi foto a un servidor?

No. El enmascarado se ejecuta con Canvas en el navegador y el archivo no se envía a nuestro servidor. Se aplica un único radio a las cuatro esquinas.

Preguntas frecuentes

¿Las esquinas quedan realmente transparentes?

En PNG y WebP sí: se borran, no se rellenan. En JPEG aparecen blancas porque el formato no admite transparencia.

¿Cambia el tamaño de la imagen?

No. El archivo guardado conserva las dimensiones originales en píxeles.

¿Puedo redondear solo algunas esquinas?

No. Se aplica el mismo radio a las cuatro.

Todas las herramientas de este sitio dibujan tu foto en un canvas HTML y vuelven a leer el resultado: ese es todo el proceso. Por eso no se sube nada. La documentación del navegador describe así el paso de dibujado:

drawImage() will always use the source element's intrinsic size in CSS pixels when drawing, cropping, and/or scaling.
MDN Web Docs, CanvasRenderingContext2D: drawImage() method

Fuentes

Enlaces verificados el 2026-09-03.