Ir al contenido principal
Bethemesh

Imagen redonda y esquinas redondeadas

Crea una foto de perfil redonda, una miniatura con esquinas redondeadas o una imagen con marco: ajusta el redondeo y el borde, y descarga un PNG transparente.

  • Exportar
Automatizar

Integrar este widget

Personaliza el aspecto, comprueba la vista previa y copia el código.

Vista previa

Tipo de código de integración

Código para copiar

Se adapta a tu página y Bethemesh ajusta su tamaño automáticamente.

Imagen
Ninguna imagen cargada

Suelta una imagen aquí

Añade una imagen PNG, JPEG o WebP. El archivo permanece en tu dispositivo y las ediciones se realizan localmente en el navegador.

¿Necesitas más opciones?

Reúne varias herramientas de edición en un mismo espacio, con tu archivo abierto y sus cambios en curso.

Abrir el editor completo

¿Te ha resultado útil esta herramienta?

¿Cómo funciona esta herramienta?

Una foto del equipo en miniatura redonda, un avatar, una captura de pantalla con las esquinas suavizadas para una presentación: estas formas se crean en unos segundos. La herramienta recorta la imagen en círculo o redondea sus esquinas, añade si hace falta un borde del color que quieras y vuelve transparente todo lo que queda fuera de la forma.

Con la forma «Círculo», la herramienta conserva el mayor cuadrado centrado de la imagen y dibuja un disco dentro de él. Así, una foto de 1200 × 800 px da un círculo de 800 px de diámetro. Para elegir tú la parte que se conserva, recorta primero la imagen en un cuadrado centrado en la cara o el logo y después aplica el círculo.

Con la forma «Esquinas redondeadas», la imagen mantiene sus dimensiones y solo se suavizan los ángulos. El redondeo se expresa en porcentaje del lado más corto: del 5 al 10 % da una esquina discreta, el 25 % un aspecto de tarjeta o de botón, y el 50 % convierte un cuadrado en círculo y un rectángulo en una píldora.

El borde se dibuja dentro de la forma: la imagen no se agranda, lo que evita sorpresas en la maquetación. Su grosor también se ajusta en porcentaje del lado más corto, para mantener la misma proporción visual sea cual sea el tamaño de la imagen.

Alrededor de la forma, las esquinas recortadas son transparentes por defecto y la imagen se guarda en PNG, o en WebP si lo prefieres. Si quieres un fondo sólido, por ejemplo para un documento impreso, desactiva la transparencia y elige un color: es también lo que ocurre automáticamente en JPEG, un formato sin transparencia.

Cómo utilizar esta herramienta

  1. Sube la imagen

    Foto, logo o captura en PNG, JPEG o WebP.

  2. Recorta si es necesario

    Para un círculo, encuadra un cuadrado centrado en el motivo con la pestaña Recortar.

  3. Elige la forma y el borde

    Círculo o esquinas redondeadas, redondeo, grosor y color del borde: la vista previa sigue cada ajuste.

  4. Aplica y descarga

    Mantén el fondo transparente para obtener un PNG o elige un color de fondo.

Las medidas que se utilizan

Para una imagen de anchura A y altura H, con c = min(A, H):

Diámetro del círculo

D = c

Se conserva el mayor cuadrado centrado.

Radio de las esquinas redondeadas

r = redondeo % × c

Limitado al 50 %: por encima, los redondeos se juntarían.

Grosor del borde

e = borde % × c

Se dibuja dentro de la forma.

c
lado menor de la imagen, en píxeles
p_r
redondeo elegido, en fracción (25 % = 0,25)
p_b
borde elegido, en fracción (5 % = 0,05)

Casos de uso

Fotos de perfil

Preparar un avatar redondo para una firma de correo, una web de equipo o un foro que no lo redondea por sí mismo.

Presentaciones y documentos

Suavizar las esquinas de capturas de pantalla y fotos para un acabado más cuidado en una presentación.

Webs e interfaces

Crear miniaturas, tarjetas o botones con esquinas redondeadas listos para integrar.

Redes sociales y marcas

Enmarcar un logo con un borde en los colores de la marca para una publicación o una insignia.

Ejemplos

Avatar redondo

Se conserva el cuadrado central; el fino borde blanco hace resaltar la cara sobre un fondo oscuro.

Entrada

Retrato de 1200 × 1600 px, forma círculo, borde blanco del 3 %

Resultado

PNG redondo de 1200 px

Captura de pantalla para una presentación

Un redondeo ligero da a la captura el aspecto de una ventana de aplicación.

Entrada

Captura de 1920 × 1080 px, esquinas redondeadas 4 %

Resultado

Mismas dimensiones, esquinas suavizadas

Miniatura de producto

El fondo sólido evita las esquinas transparentes si la miniatura se imprime o se envía en JPEG.

Entrada

Foto cuadrada, esquinas redondeadas 20 %, fondo transparente desactivado, fondo #F5F5F5

Resultado

Tarjeta con esquinas redondeadas sobre fondo gris claro

Botón en forma de píldora

Con la mitad del lado corto como radio, los dos extremos del rectángulo se convierten en semicírculos.

Entrada

Franja de 1200 × 300 px, esquinas redondeadas 50 %

Resultado

Franja con extremos totalmente redondos

Consejos y buenas prácticas

  • En un retrato, deja algo de espacio sobre la cabeza en el cuadrado recortado: el círculo se come más las esquinas.
  • Mantén la transparencia y el formato PNG si la imagen irá sobre un fondo de color: las esquinas recortadas tomarán el color del soporte.
  • Un borde claro sobre fondo oscuro, u oscuro sobre fondo claro, suele bastar para que una foto redonda destaque.
  • En una interfaz, unifica el redondeo de todas las miniaturas con el mismo porcentaje.
  • Si una plataforma ya muestra la foto de perfil en círculo, basta con un archivo cuadrado: no hace falta redondearla tú.

Fuentes y referencias

Preguntas frecuentes

¿Cómo hago redonda una foto?

Sube la foto, abre la pestaña Marco, elige la forma «Círculo», ajusta un borde si lo necesitas, aplica y descarga el PNG. Para elegir la parte que se conserva, recorta antes un cuadrado centrado en el motivo.

¿Por qué las esquinas de mi imagen son transparentes?

Fuera de la forma, la imagen está vacía por defecto, y el PNG permite guardar ese vacío como transparencia. Así la imagen se coloca limpiamente sobre cualquier fondo. Desactiva la transparencia para rellenar las esquinas con un color.

¿Qué valor de redondeo elegir?

Alrededor del 5 % para una esquina discreta, del 15 al 25 % para un efecto tarjeta y el 50 % para obtener un círculo a partir de un cuadrado o una píldora a partir de un rectángulo. El porcentaje se refiere al lado más corto de la imagen.

¿El borde agranda la imagen?

No. Se dibuja dentro de la forma, de modo que las dimensiones siguen siendo las de la imagen original, o las del cuadrado en el caso de un círculo.

¿Qué tamaño debe tener una foto de perfil redonda?

Las plataformas suelen recomendar un cuadrado de 320 a 800 px. Para un uso polivalente, un círculo de 800 a 1000 px se ve nítido en todas partes y se puede reducir después.

¿Puedo obtener un JPEG?

Sí, pero el JPEG no admite transparencia: las esquinas se rellenarán de blanco o del color de fondo elegido. Para conservar esquinas transparentes, exporta en PNG o en WebP.

¿Mi imagen sigue siendo privada?

Sí. El recorte, el redondeo y el borde se calculan en tu navegador; la foto nunca se envía a un servidor.

Herramientas relacionadas

Herramientas similares o complementarias a esta.

Herramientas similares

Ajusta una imagen al tamaño correcto para Instagram, Facebook, LinkedIn, YouTube, X, TikTok o Pinterest con un clic.

Imágenes y diseño gráficoNuevaUsar esta herramienta

Dibuja un marco sobre la imagen, fija una proporción (1:1, 4:5, 16:9…) y descarga la parte recortada.

Imágenes y diseño gráficoDestacadaUsar esta herramienta
GuíaFormatosPrincipiante

PNG, JPEG, WebP o AVIF: ¿qué formato elegir?

Elige el formato de imagen adecuado para una foto, una captura, un recurso transparente o una interfaz, sin sacrificar innecesariamente la calidad ni el rendimiento.

31 de agosto de 202625 min
GuíaBuenas prácticasIntermedio

Imágenes responsive: entender srcset y sizes

Entiende srcset, sizes, los descriptores de anchura y densidad, picture, la dirección artística y cómo el navegador elige la imagen responsive adecuada.

31 de agosto de 202618 min
TutorialBuenas prácticasPrincipiante

¿Cómo comprimir una imagen sin perder calidad?

Reduce el peso de una imagen eligiendo las dimensiones adecuadas, el formato correcto y un nivel de calidad controlado, sin una degradación visible innecesaria.

31 de agosto de 202626 min