Redondear esquinas de imagen y añadir bordes

Suaviza los cantos, recorta en círculo y pon marcos de color con fondo transparente. Varias imágenes a la vez, todo en tu navegador.

Arrastra tus imágenes aquí
o haz clic para elegirlas — JPG, PNG, WEBP. Puedes seleccionar varias a la vez.

Cómo redondear esquinas y añadir bordes

Empieza arrastrando tus imágenes a la zona de subida, o haz clic en ella para abrir el explorador de archivos. Puedes enviar varias fotos a la vez manteniendo pulsado Ctrl (o Cmd en Mac) al seleccionar, y los formatos admitidos son JPG, PNG, WEBP, GIF y BMP. Con más de un archivo cargado, encima de la previsualización aparecen pestañas con el nombre de cada imagen: haz clic para cambiar entre ellas y comprobar cómo quedan tus ajustes en cada foto. Justo debajo de la previsualización se muestran las dimensiones finales del archivo en píxeles, contando ya el borde que añadas.

La primera decisión es la forma. Esquinas redondeadas mantiene la proporción original de la foto y solo suaviza los cantos. Círculo recorta la imagen por el centro en proporción 1:1 y aplica una máscara redonda: es la opción correcta para fotos de perfil y avatares, porque evita el achatamiento que sale cuando un retrato vertical se mete a la fuerza en un círculo. Cuadrado solo recorta por el centro en 1:1, sin redondear. En el modo de esquinas redondeadas, el deslizador de radio controla la curvatura como porcentaje del lado más corto, y los cuatro botones de debajo te permiten desactivar esquinas concretas: haz clic en una y esa esquina vuelve a ser recta.

El grosor del borde se define en píxeles y se dibuja por fuera de la imagen, así que no se recorta nada del contenido original. En cuanto el valor pasa de cero aparecen el selector de color, el campo para escribir el código hexadecimal y una paleta con ocho colores listos. El borde sigue la curvatura que hayas elegido, de modo que en el modo círculo se convierte en un anillo perfecto. La opción de sombra suave añade un ligero realce detrás de la imagen, muy útil para miniaturas que van sobre fondos claros. La casilla de fondo transparente viene marcada por defecto y es la que garantiza que las esquinas recortadas queden realmente caladas.

Por último, elige el formato de descarga. PNG es el valor recomendado porque conserva la transparencia de las esquinas sin perder calidad. WEBP también mantiene la transparencia y genera archivos más pequeños, así que es ideal para usar en una web. JPG no admite transparencia, de modo que al elegirlo las esquinas se rellenan con el color de fondo definido en los controles. Usa el botón de descargar imagen para guardar solo la foto que se ve en pantalla, o descargar todas para recibir el lote completo en un .zip con los mismos ajustes aplicados.

Preguntas frecuentes

¿Mis imágenes se suben a algún servidor?
No. Tanto el recorte como el dibujado del borde ocurren en tu navegador usando Canvas. Ningún archivo se envía por internet.
¿Puedo redondear las esquinas de varias imágenes a la vez?
Sí. Sube todas las imágenes que quieras: el mismo radio, el mismo borde y la misma forma se aplican a todas. Puedes descargarlas de una en una o llevarte el lote completo en un solo archivo .zip.
¿Por qué mis esquinas redondeadas salen blancas o negras al guardar?
Eso pasa cuando el archivo se exporta en JPG, un formato que no admite transparencia: la zona recortada tiene que rellenarse con algo. Para que las esquinas queden realmente caladas, elige PNG o WEBP como formato y deja marcada la casilla de fondo transparente. Si el destino te obliga a usar JPG, pon el color de fondo igual al del sitio o el documento donde vaya la imagen.
¿Qué radio conviene usar en miniaturas y tarjetas de una web?
Las interfaces modernas suelen moverse entre el 8% y el 16% del lado más corto, lo que equivale más o menos a 8-16 px en una miniatura de 100 px. Por encima del 25% la forma empieza a parecer un botón tipo cápsula, y al 50% el rectángulo se convierte en círculo o elipse. Si las tarjetas de tu web ya tienen un radio definido en CSS, aplicar ese mismo valor proporcional en la imagen hace que encajen a la perfección.
¿Cómo hago una foto de perfil redonda con marco?
Elige la forma Círculo: la herramienta recorta la imagen por el centro en proporción 1:1 antes de aplicar la máscara, así que los retratos verticales no salen achatados. Después sube el grosor del borde a algo entre 10 y 30 px y elige el color del marco. Exporta en PNG para que el contorno del círculo siga transparente sobre cualquier fondo: es el formato que esperan LinkedIn, Discord, WhatsApp y casi todos los sistemas de avatar.
¿Puedo redondear solo algunas esquinas?
Sí. En la forma de esquinas redondeadas hay cuatro botones, uno por esquina. Desactiva las que deban quedarse rectas: viene muy bien para imágenes que van pegadas al borde superior de una tarjeta, donde solo hace falta redondear las de abajo, o para banners alineados a un lado de la pantalla.
¿El borde hace la imagen más grande?
Sí. El borde se dibuja por fuera de la foto, así que una imagen de 800×600 px con un borde de 20 px sale como un archivo de 840×640 px. No se recorta nada del área original. Las dimensiones finales aparecen justo debajo de la previsualización.
Continúa con otra herramienta
Artículos relacionados
Ver todos los artículos →