Redondear las esquinas de una imagen

Cómo funciona

Elija las imágenes en el recuadro, ajuste el redondeo de las esquinas con el deslizador y pulse Redondear. El radio se da en porcentaje, porque un valor fijo en píxeles se ve completamente distinto según la resolución: en un icono de aplicación de 1024×1024 píxeles, un 18 % da un radio de 184 píxeles; en un avatar pequeño de 96 píxeles, el mismo 18 % da solo 17 — y ambos se ven igual de suaves. El radio se calcula en cada eje a partir de la longitud de ese eje: en una imagen de tarjeta de 1200×800 píxeles, un 10 % significa un arco de 120 píxeles en horizontal y de 80 en vertical. Si lleva el deslizador al tope, al 50 %, los cuatro arcos se encuentran en el centro: una imagen cuadrada se convierte en un círculo completo y una rectangular en un óvalo completo. Las medidas en píxeles no cambian con ningún ajuste; solo caen los píxeles de las esquinas. Si no quiere color en las esquinas, deje la opción Transparente: la salida baja como PNG aunque el origen sea JPG, porque el JPG no puede transportar transparencia.

Esta herramienta también se busca como redondear esquinas de una imagen, bordes redondeados en una foto, redondear bordes de una imagen, avatar con esquinas redondeadas, border radius imagen.

¿Qué es radio de esquina?

El radio de esquina es el tamaño del arco que se traza en la esquina de un rectángulo: cuanto mayor es el radio, más redonda es la esquina. En diseño web el mismo valor se llama border-radius y se escribe en píxeles o en porcentaje. Aquí se prefiere el porcentaje porque es independiente de la escala: la esquina de cada imagen se redondea en proporción a su propio tamaño, de modo que un avatar pequeño y una portada grande puestos uno junto a otro se ven suavizados por igual. Cuando el radio llega a la mitad del lado, los arcos se unen y la noción de esquina desaparece.

¿Qué es canal alfa?

El canal alfa es el cuarto valor que un píxel lleva junto a su color y dice cuán visible es ese píxel: 255 es totalmente opaco y 0 totalmente vacío. Una esquina redondeada es exactamente eso — el color de los píxeles de la esquina no se borra, su visibilidad se pone a cero. Los pocos píxeles pegados al arco reciben valores intermedios; son ellos los que hacen que el borde se vea liso y no dentado. Si se guarda en un formato sin canal alfa, esa información se pierde y la zona vacía se convierte en un color liso.

¿Qué es máscara de icono de aplicación?

La máscara de icono es la plantilla que el sistema operativo aplica a su icono antes de mostrarlo en pantalla. iOS redondea las esquinas con su propia curva; Android, según la versión y el fabricante, puede aplicar un círculo, un cuadrado o una forma de gota. Por eso las tiendas piden el icono cuadrado, sin esquinas redondeadas: la máscara ya existe en el sistema. Un icono redondeado de antemano, al pasar por la máscara, conserva en la esquina una marca fina nacida de la superposición de las dos curvas. En un sitio web, una presentación o un documento no hay máscara: el redondeo lo pone usted.

¿Qué diferencia hay entre redondear esquinas y recortar en círculo?

Son dos trabajos distintos y sus salidas tienen medidas distintas. Las opciones de círculo y óvalo de la herramienta Recortar imagen cortan primero: de una foto de 4000×3000 píxeles se toma el cuadrado central de 3000×3000, los 1000 píxeles de los lados salen del archivo, y luego el círculo se coloca dentro de ese cuadrado. Esta herramienta no corta nada: el marco sigue en 4000×3000 y solo se quitan los píxeles de las cuatro esquinas. Es decir, si no quiere perder nada de lo que queda cerca del borde, este es su sitio; si quiere encajar la imagen en un marco cuadrado y recortarla en círculo, la herramienta correcta es la de recorte. Al llevar el deslizador al 50 % aquí también obtiene un círculo completo, pero el círculo queda dentro del rectángulo original y, en imágenes no cuadradas, el resultado es un óvalo.

Con esquinas transparentes, la salida tiene que ser PNG

En las esquinas redondeadas no hay color; ahí no queda pintura alguna. Para conservar eso en el archivo hace falta un canal alfa, y solo algunos formatos lo llevan: PNG y WEBP sí, JPG no. Por eso, con Transparente elegido, la herramienta guarda la salida como PNG aunque su origen sea JPG, y cambia también la extensión del archivo.

Que la extensión cambie a la vez es crítico: un archivo con contenido PNG pero con nombre .jpg pasa el control de formato del sistema donde lo suba y luego no se abre o se ve roto. Para evitar ese fallo silencioso, aquí la extensión siempre coincide con el contenido.

Si quiere esquinas de color liso en lugar de vacías, elija Blanco o Negro. Entonces los píxeles de las esquinas se rellenan con el color elegido, el canal alfa deja de hacer falta y, si el origen es JPG, la salida baja también como JPG. Para una imagen que irá a papel blanco es una opción más segura que el PNG transparente: algunos controladores de impresión convierten las zonas transparentes en negro.

¿Qué porcentaje elegir?

El redondeo cambia el tono de una imagen: una esquina poco redondeada se ve seria y sobria, una muy redondeada se ve suave y juguetona. Los rangos siguientes salen de usos reales; son puntos de partida, no reglas.

Hay un detalle importante: en los iconos de aplicación, casi siempre es el propio sistema el que redondea las esquinas. iOS y Android pasan el icono por su propia máscara; si usted también lo redondeó, puede quedar una fina marca de doble corte en la esquina. Deje cuadrado el icono que envía a la tienda de aplicaciones; use esta herramienta para la copia que mostrará en un sitio web, una presentación o un documento.

• 2-5 % — tarjeta sobria, imagen pequeña dentro de una tabla: la esquina se suaviza sin notarse
• 8-15 % — tarjeta web, imagen de producto, portada de blog: el rango más común
• 20-30 % — aspecto de burbuja de chat, diseño juguetón
• 50 % — círculo completo (imagen cuadrada) u óvalo completo (rectangular), para foto de perfil
• Solo arriba — imágenes de tarjeta con un bloque de texto debajo; el borde inferior queda recto para apoyar el texto

¿Qué pasa en el procesamiento por lotes?

Cuando elige varias imágenes, a todas se les aplica el mismo porcentaje, pero el radio en píxeles se calcula en cada archivo a partir de sus propias medidas. Al procesar juntas imágenes de tamaños distintos, eso da justo el resultado deseado: todas se ven igual de redondeadas, sin que en una la esquina desaparezca y en otra apenas se note.

En la línea de resultado figura, para cada archivo, la medida original, el radio calculado y el fondo elegido. Ahí puede comprobar que las medidas no cambiaron.

Preguntas frecuentes

¿Cómo redondeo las esquinas de una foto?

Elija las imágenes en el recuadro, lleve el deslizador de redondeo al porcentaje deseado y pulse Redondear. Si no quiere color en las esquinas, deje el fondo en Transparente; la salida baja como PNG.

¿Se reduce el tamaño de la imagen?

No. Esta herramienta no recorta: el ancho y el alto de la salida son idénticos a los de la entrada. Solo se quitan los píxeles de las esquinas. En la línea de resultado verá que la medida no cambió.

¿Qué pasa si elijo el 50 %?

Los cuatro arcos se encuentran en el centro. En una imagen cuadrada el resultado es un círculo completo; en una rectangular, un óvalo completo. El marco conserva la medida original; la zona fuera del círculo queda transparente, blanca o negra según el fondo elegido.

¿Puedo redondear solo las esquinas de arriba?

Sí. En la elección de esquinas marque Solo arriba o Solo abajo. Las imágenes redondeadas arriba y rectas abajo son habituales en el diseño de tarjetas: el bloque de texto que va debajo se apoya en el borde recto.

¿En qué formato se descarga el resultado?

Con fondo Transparente, la salida es siempre PNG, porque el JPG no transporta transparencia. Con Blanco o Negro, un origen JPG baja como JPG y los demás formatos como PNG. El nombre del archivo recibe el sufijo -yuvarlak.

¿Puedo usarla para el icono de una aplicación?

Para la copia que mostrará en su sitio web o en una presentación, sí. Pero el icono que se envía a la App Store o a Google Play debe ser cuadrado: la tienda lo pasa por su propia máscara, y una esquina ya redondeada puede dejar allí una marca de doble corte.