Cómo agregar esquinas redondeadas a imágenes en línea

Actualizado el 21 de marzo de 2026

6 minutos de lectura

Las esquinas redondeadas dan a las imágenes un aspecto moderno y pulido. Desde íconos de aplicaciones y miniaturas de productos hasta capturas de pantalla de presentaciones y boletines informativos por correo electrónico, las imágenes con esquinas redondeadas parecen más accesibles y profesionales que los bordes rectangulares afilados.

¿Por qué redondear las esquinas de las imágenes?

CSS border-radius Puede redondear imágenes en sitios web, pero sólo funciona en navegadores: el archivo de imagen subyacente todavía tiene esquinas nítidas. Cuando compartes esa imagen en un correo electrónico, una presentación o una publicación en las redes sociales, las esquinas vuelven a ser rectángulos nítidos. Al aplicar esquinas redondeadas directamente a los píxeles de la imagen, el efecto persiste en todas partes.

Las esquinas redondeadas también son esenciales para los íconos de aplicaciones. iOS usa una forma específica de rectángulo redondeado (superelipse) y Android usa varias formas redondeadas. Nuestra herramienta le permite marcar el radio exacto que necesita.

Cómo redondear las esquinas de una imagen en 3 pasos

Paso 1: sube tu imagen. Abre el Esquinas de imagen redondas herramienta y arrastre y suelte su foto o haga clic para explorar. Se admiten archivos PNG, JPG y WebP.

Paso 2: ajusta el radio de la esquina. Utilice el control deslizante para establecer el radio de 0% (nítido) a 50% (completamente redondeado). O utilice los botones preestablecidos: Sutil (10%), Medio (20%), Redondo (35%) o Completo (50%). La vista previa se actualiza en tiempo real.

Paso 3: Descargar. Elija PNG para esquinas transparentes (ideal para superponer sobre cualquier fondo) o JPG/WebP con relleno blanco. Haga clic en Descargar y su imagen de esquinas redondeadas estará lista.

Comprender el radio de las esquinas

El radio de la esquina se expresa como un porcentaje del lado más corto de la imagen. Así es como se ve cada ajuste preestablecido en la práctica:

Sutil (10%): Una curva suave que suaviza los bordes nítidos sin cambiar drásticamente la forma de la imagen. Ideal para imágenes de productos y capturas de pantalla.

Medio (20%): El valor predeterminado: un redondeo notable pero equilibrado que funciona bien para la mayoría de los casos de uso, incluidas tarjetas, miniaturas y presentaciones.

Ronda (35%): Una curva prominente que se acerca al aspecto de una ardilla. Ideal para aproximaciones de íconos de aplicaciones y elementos de diseño.

Completo (50%): Redondeo máximo: convierte una imagen cuadrada en un círculo. Para imágenes rectangulares, crea una forma de estadio (píldora) en los lados más cortos.

Casos de uso comunes

Iconos de aplicaciones: Los íconos de aplicaciones de iOS y Android usan rectángulos redondeados. Utilice el ajuste preestablecido Redondo o Completo para que coincida con las pautas de la plataforma.

Imágenes del producto: Las tarjetas de productos de comercio electrónico parecen más modernas con esquinas redondeadas sutiles.

Presentaciones: Las capturas de pantalla y las fotografías con esquinas redondeadas se ven más pulidas en los informes y presentaciones de diapositivas.

Boletines informativos por correo electrónico: Dado que CSS border-radius no se admite de manera consistente en todos los clientes de correo electrónico, incorporar esquinas redondeadas en la imagen garantiza una representación consistente.

Esquinas redondeadas vs radio de borde CSS

CSS border-radius es ideal para páginas web donde usted controla el entorno de renderizado. Pero esta herramienta es mejor cuando necesita el efecto redondeado integrado en el archivo de imagen, para compartirlo, imprimirlo o usarlo en contextos que no admiten CSS.

Privacidad y seguridad

Como todas las herramientas de iFormat, la herramienta de esquinas redondeadas procesa todo lo que hay en su navegador. Sus imágenes nunca salen de su dispositivo: sin carga en el servidor, sin almacenamiento, sin preocupaciones de privacidad.

Elegir el formato de archivo correcto

El formato que elija después de redondear las esquinas depende de dónde se utilizará la imagen. PNG conserva la transparencia en las esquinas: las áreas redondeadas se vuelven transparentes en lugar de llenarse de color. Esto es ideal para colocar imágenes sobre fondos coloreados o texturizados en sitios web, presentaciones y plantillas de correo electrónico. La desventaja es que los archivos son de mayor tamaño en comparación con los JPG.

JPG rellena las esquinas redondeadas con un color sólido (normalmente blanco). Esto está bien cuando la imagen se mostrará sobre un fondo blanco o cuando el tamaño del archivo importa más que la flexibilidad. WebP ofrece lo mejor de ambos mundos (soporte de transparencia con tamaños de archivo significativamente más pequeños que PNG), pero no todas las plataformas aceptan cargas WebP todavía. Para redes sociales y aplicaciones de mensajería, JPG es la opción más segura. Para los sitios web que usted controla, utilice WebP con un respaldo PNG.

Procesamiento por lotes de varias imágenes

Al crear una página de equipo, un portafolio o una cuadrícula de productos donde cada imagen necesita el mismo radio de esquina, la coherencia es fundamental. Procese todas las imágenes con la misma configuración de radio y las mismas dimensiones de salida. Si su equipo tiene ocho miembros, cargue y redondee cada foto al mismo porcentaje para que se vean uniformes cuando se muestren una al lado de la otra. Incluso una pequeña diferencia en el radio de las esquinas se nota cuando las imágenes se colocan en un diseño de cuadrícula.

Cómo agregar esquinas redondeadas en iPhone o Android

La herramienta de esquinas redondeadas iFormat funciona en cualquier navegador móvil, no requiere aplicación. En iPhone, abre Safari y ve a iformat.io/round-corners. Toque Elija archivo, selecciona una foto del carrete de tu cámara, establece el radio con el control deslizante y toca Descargar. El PNG se guarda en su carpeta Descargas en la aplicación Archivos.

En Android, el proceso es idéntico usando Chrome. El archivo descargado aparece en el álbum Descargas de su galería.

PNG vs JPG para imágenes con esquinas redondeadas

La decisión de formato más importante es si necesita esquinas transparentes. PNG proporciona esquinas transparentes: las áreas redondeadas se vuelven transparentes, lo que permite que la imagen se asiente limpiamente sobre cualquier color de fondo en una presentación, correo electrónico o sitio web.

JPG rellena el área de la esquina con blanco porque JPG no admite transparencia. Esto está bien cuando la imagen siempre aparecerá sobre un fondo blanco. JPG produce un tamaño de archivo más pequeño, pero PNG casi siempre es la mejor opción para imágenes con esquinas redondeadas, ya que rara vez sabes todos los fondos que usarás.

Preguntas frecuentes

¿Puedo agregar esquinas redondeadas a una imagen JPG?

Sí. Cargue su JPG, aplique el radio de la esquina y descárguelo como PNG para esquinas transparentes o JPG para esquinas rellenas de blanco. El formato de entrada no restringe la salida.

¿Agregar esquinas redondeadas reducirá la calidad de la imagen?

No. La herramienta aplica la máscara de esquina sin volver a comprimir la imagen. La calidad solo cambia si descarga como JPG; la descarga como PNG conserva la calidad total.

¿Qué radio de esquina coincide con los íconos de las aplicaciones de iOS?

Apple utiliza una forma de superelipse (ardilla) para los íconos de las aplicaciones de iOS. Un radio de alrededor del 22-23% se aproxima al aspecto de iOS para tamaños estándar. Utilice la entrada de radio personalizada para un control preciso.

¿Puedo obtener esquinas redondeadas con fondo de color en lugar de transparente?

Descargue el PNG con transparencia y colóquelo en el color de fondo elegido en cualquier herramienta de diseño: Canva, Google Slides, Figma o PowerPoint lo admiten.

¿Esto funciona en GIF animados?

La herramienta procesa imágenes estáticas (JPG, PNG, WebP) únicamente. Para GIF animados con esquinas redondeadas, se necesita una herramienta de escritorio como GIMP.

Esquinas de imagen redondas gratis

No se requiere carga: se procesa completamente en su navegador.

Pruébalo ahora