Esquinas Redondeadas de Imagen
Original: x
Los sistemas operativos, las tiendas de aplicaciones y los sistemas de diseño de UI prefieren las esquinas redondeadas, íconos de iOS, tarjetas de Material, componentes modernos de Tailwind. Sube cualquier imagen y esta herramienta redondea las cuatro esquinas al radio que establezcas, exporta como PNG con esquinas transparentes y, opcionalmente, aplica un radio diferente por esquina para un aspecto de boleto o burbuja de diálogo.
Cómo redondear las esquinas de una imagen
-
1
Sube una imagen
JPG, PNG o WebP.
-
2
Elige un radio
En píxeles o como un porcentaje del lado más corto.
-
3
Opcional: diferente por esquina
Redondea solo las esquinas superiores (tarjeta), o asimétrico (boleto).
-
4
Elige fondo
Transparente (PNG) o un color sólido si se guarda como JPG.
-
5
Exportar
PNG preserva el alfa redondeado; JPG se aplana al color que elegiste.
Opciones de radio para formas comunes de UI
Presets de radio
| Forma | Radio |
|---|---|
| Tarjeta de UI sutil | 4-8 px |
| Tarjeta de Material Design | 4 px (o 8 px en M3) |
| Ícono de app de iOS | 22.37% del lado (el “squircle”) |
| Ícono de app de macOS | 18.75% del lado |
| Burbuja de historia de Instagram | 12-16 px |
| Avatar redondeado | 50% del lado corto (totalmente circular) |
| Boleto | Asimétrico, redondea solo una o dos esquinas |
| Lado de cola de burbuja de chat | Una esquina pequeña, el resto más grande |
El problema del squircle
Los íconos de iOS no son simples rectángulos redondeados, utilizan un “superelipse” que es matemáticamente más suave en la transición. Los verdaderos squircles están más allá de lo que un border-radius de CSS o una simple máscara alfa pueden renderizar; la herramienta los aproxima con un rectángulo redondeado de alto orden que parece indistinguible en tamaños típicos de íconos.
Comportamiento de transparencia
- La salida PNG es la predeterminada, las esquinas redondeadas se convierten en píxeles transparentes. Útil para íconos de aplicaciones, tarjetas de UI y en cualquier lugar donde necesites componer la imagen sobre un fondo variado.
- La salida JPG no puede ser transparente. Las esquinas redondeadas se llenan con un color que elijas, haciendo que la foto parezca enmarcada.
Diferente radio por esquina
Un aspecto de burbuja de chat: redondea tres esquinas a 12 px y deja una a 0 px (la esquina donde se uniría la “cola”). Un boleto: dos esquinas afiladas y dos redondeadas. Los radios asimétricos son una forma rápida de sugerir que la imagen se une a algo más.
Suavizado
Las curvas de las esquinas se dibujan con un supermuestreo de 4x para que se vean nítidas en tamaños de visualización normales. Impresas o con mucho zoom, el radio sigue siendo visiblemente suave.
Preguntas frecuentes
Apple utiliza un squircle cuya curvatura de esquina es aproximadamente 22.37% del lado del ícono. En un lienzo de 1024 × 1024 eso equivale a aproximadamente 229 px de radio de esquina efectivo, aunque las matemáticas exactas difieren ligeramente de un simple rectángulo redondeado.
Sí. El radio se aplica por esquina independientemente de la relación de aspecto de la imagen. En relaciones extremas (muy anchas o muy altas), establecer el radio al 50% del lado corto produce una forma de cápsula.
No, JPG no soporta transparencia. Exporta como PNG para mantener el alfa redondeado, o elige un color de fondo para el JPG y las esquinas se llenarán con ese color.
Sí. La herramienta solo agrega una máscara alfa y no cambia el tamaño de la imagen. Si deseas combinar el redondeo con el cambio de tamaño, aplica primero el redimensionador.
Herramientas relacionadas
Selector de Color de Material Design
Explora la paleta de colores de Material Design. Copia cualquier tono (50 a A700) como HEX, RGB o HSL con un toque.
Comprimir GIF
Reduce el tamaño de un GIF animado en el navegador: baja dimensiones, conserva menos fotogramas y ajusta la calidad de codificación. Previsualiza el bucle antes de descargar.
Creador de patrones de punto de cruz
Convierte un JPEG, PNG o WebP en un patrón de punto de cruz imprimible de 10–150 puntos, con 2–40 colores propios, símbolos, recuentos exactos y medidas de tela.
Difumina caras en fotos online
Dibuja recuadros sobre caras o datos sensibles para desenfocarlos, pixelarlos o cubrirlos de negro. Todo se procesa en tu navegador y se descarga en JPEG.
Creador de trípticos
Escribe un tríptico privado de seis paneles en el navegador, revisa ambas caras, elige un estilo de color e imprime cada cara desde el cuadro de impresión.
Conversor de JPG a Excel
Aplica OCR local a una tabla en JPG o JPEG y descarga las filas estimadas en XLSX o CSV UTF-8. Los archivos de hasta 20 MB no salen del navegador.
Herramienta disponible en otros idiomas
- Bild med rundade hörn [SV]
- تدوير زوايا الصورة [AR]
- Afgeronde hoeken van de afbeelding [NL]
- Zaokrąglone rogi obrazu [PL]
- Bo tròn góc ảnh [VI]
- รูปภาพมุมที่โค้งมน [TH]
- 画像の角を丸めます [JA]
- Sudut Membulat pada Gambar [ID]
- Coins arrondis d'image [FR]
- Bild mit abgerundeten Ecken [DE]
- Cantinhos Arredondados da Imagem [PT]
- 이미지 모서리 둥글게 [KO]
- Изображение с закруглёнными углами [RU]
- Görüntü Köşelerini Yuvarlatma [TR]
- 图像圆角 [ZH]
- Image Rounded Corners [EN]
- Immagini con angoli arrotondati [IT]