Añadir Esquinas Redondeadas Online

Cuando necesitas el redondeo incrustado en el archivo

El border-radius de CSS resuelve las esquinas redondeadas sin problema en una página web en vivo, pero muchos contextos no pueden depender de que un navegador lo represente. Los clientes de correo eliminan o ignoran habitualmente el border-radius, así que una foto de producto o un avatar redondeado en un correo de marketing solo se ve redondeado si el archivo en sí ya lleva las esquinas transparentes. La misma limitación aparece en los PDF, en las vistas de aplicaciones nativas que muestran las imágenes tal cual, en las presentaciones de diapositivas y en las plataformas sociales que representan los archivos subidos sin aplicar la hoja de estilos de tu sitio. El trabajo con iconos de aplicación y favicons es otro caso recurrente. Algunas plataformas enmascaran automáticamente un PNG cuadrado por ti, pero para recursos de vista previa, capturas de marketing de un icono, o superficies que no aplican su propia máscara, redondear tú mismo la imagen de origen mantiene la coherencia visual con la versión enmascarada que realmente ven los usuarios. Los avatares y las fotos de perfil siguen la misma lógica: si estás componiendo un avatar redondeado en un gráfico aplanado más grande (un certificado, una credencial con nombre, una tarjeta exportada como una sola imagen, una miniatura de vídeo), el redondeo tiene que existir en los píxeles de origen antes de aplanar, porque un radio CSS aplicado solo al elemento original no sobrevivirá al quedar incrustado en una exportación estática. Como el procesamiento ocurre por completo en tu navegador, esto también funciona para material que prefieres no enviar a un servidor: capturas de pantalla con información personal, fotografía de producto aún no publicada o recursos de herramientas internas; nada de eso se transmite a ningún sitio para conseguir que las esquinas queden redondeadas.