Capturas de app/web con esquinas y sombra para presentar
Añade esquinas y una sombra suave a capturas de interfaz en una landing o portfolio, simulando un dispositivo real y un look más profesional.
Radio de esquinas 12%
Color del borde
Grosor del borde
Color de la sombra
Opacidad de la sombra
Desenfoque de la sombra
Distancia de la sombra
Color de fondo del lienzo
Camino corto
Camino más corto · esquinas, borde y sombra
Sin instalar software: todo en la página, con actualización en tiempo real.
-
1
Sube la imagen
Haz clic o arrástrala. Admite JPG, PNG, WebP y GIF, hasta 20MB; una imagen por vez.
-
2
Ajusta el radio de las esquinas
Arrastra el control; las cuatro esquinas y la vista previa se actualizan al instante.
-
3
Activa borde o sombra
Activa lo que necesites y configura color, grosor, opacidad y rango; también el color de fondo del lienzo.
-
4
Descarga y guarda
Cuando te guste, descarga: se regenera con los ajustes actuales y se guarda en tu dispositivo.
Si algo falla
¿Se pueden procesar por lotes esquinas, borde y sombra?
No. Esta herramienta está pensada para retoques de una sola imagen: el radio o la intensidad de sombra adecuados suelen depender de las proporciones y el uso concreto — una captura cuadrada y un banner alargado necesitan ratios muy distintos, y aplicar los mismos valores a ambas suele verse raro. Por eso se afina imagen a imagen. Si tienes varias, ábrelas y ajústalas una por una.
¿Esto se hace en mi ordenador o móvil, o se sube a un servidor?
Todo ocurre en el navegador de tu dispositivo. La vista previa usa estilos CSS nativos de borde, esquinas y sombra; al descargar, Canvas redibuja la imagen final con los mismos parámetros. El original no se sube a ningún servidor.
Tras añadir sombra, ¿por qué la imagen exportada es más grande que el original?
La sombra necesita extenderse hacia fuera para verse; si el lienzo fuera del mismo tamaño que el original, se cortaría. Al exportar, el lienzo se amplía según el desenfoque, la distancia y el grosor del borde, y el área extra se rellena con el color de fondo elegido (o queda transparente), para que la sombra se vea completa.
Elegí fondo «transparente», pero el JPG exportado sigue con fondo blanco. ¿Por qué?
JPG no admite canal de transparencia. Si eliges transparente y el original es JPG, esa zona se rellena de blanco: es una limitación del formato, no un error. Para transparencia real, sube PNG o WebP; el resultado la conservará.
¿El radio, el grosor del borde y el rango de sombra son píxeles fijos o proporciones?
Se calculan como proporción del ancho y alto de la imagen, no como píxeles fijos. Así, el mismo valor del control da un efecto visual coherente tanto en alta como en baja resolución, y lo que ves en la vista previa coincide con lo descargado.
¿Se conservan el EXIF y la transparencia original?
El proceso redibuja y recodifica: si el original tiene fondo transparente, las zonas transparentes fuera de las esquinas se mantienen (salvo que elijas un color de fondo opaco). Los metadatos EXIF no se conservan tras recodificar; para verlos o borrarlos, usa la herramienta «Ver / borrar EXIF».
-
El original no llega a nuestros servidores
El renderizado y la exportación ocurren en el navegador; la imagen no pasa por ningún servidor
-
Esquinas, borde y sombra a tu gusto
Usa cada efecto solo o combínalos; cubre la mayoría de retoques de presentación
-
Vista previa en tiempo real
La imagen se actualiza al mover el control; descarga cuando te guste, sin adivinar
-
Sin cuenta, exporta las veces que quieras
Sin registro, sin pago ni límites ocultos de uso
Situaciones
En estos casos suele compensar abrir esta página
No es una lista de funciones, sino «cuándo vale la pena arrastrar una imagen aquí». Si no encaja, cambia de herramienta.
Fotos de producto con borde fino
Un borde fino y una sombra ligera dan más relieve a la foto principal sobre fondo blanco y ayudan a clics y conversión.
Portadas o avatares con esquinas redondeadas
Redondea portadas o fotos de perfil y unifica el estilo con el color de fondo para un perfil más limpio.
Consejos de combinación
Cómo combinar esquinas, borde y sombra para un mejor resultado
Cada escenario pide parámetros distintos: mira esta tabla rápida y luego afina, en lugar de empezar de cero.
| Combinación | Rango recomendado | Ideal para |
|---|---|---|
| Esquinas leves + sombra suave | Esquinas 8%~15%, opacidad de sombra 25%~40%, más desenfoque y menos distancia | Capturas de app/web, efecto de tarjeta flotante |
| Esquinas grandes + sin sombra | Esquinas 25% o más, sombra desactivada | Avatares e iconos, look redondeado y amable |
| Borde fino + sin sombra o sombra ligera | Grosor estrecho, color cercano al fondo o blanco | Fotos de producto, más definición sobre fondo blanco |
| Ángulo recto + sombra marcada | Esquinas 0%, opacidad de sombra 40% o más, más distancia | Gráficos promocionales o elementos de póster con sensación 3D |
Son puntos de partida habituales: el mejor resultado depende de la composición y el color de fondo. Prueba arrastrando los controles en la vista previa hasta encontrar la combinación que encaje con tu imagen.
Notas técnicas
Dos cosas útiles sobre el procesamiento local de esquinas y sombra
-
01
Vista previa y exportación usan los mismos parámetros
Al mover un control, la vista previa usa CSS nativo de esquinas, borde y sombra; al descargar, Canvas redibuja y codifica con las mismas proporciones, para que el archivo coincida con lo que ves. Todo en tu dispositivo, sin pasar por servidores.
-
02
Por qué la imagen exportada es un poco más grande
Con sombra o un borde ancho, el efecto necesita margen alrededor para no cortarse. Al exportar, el lienzo calcula ese margen según desenfoque, distancia y grosor, y rellena el extra con el color elegido o lo deja transparente. Si sombra y borde están apagados (o en 0), el tamaño exportado coincide con el original.
El archivo sigue en tu lado — arrastra uno y prueba
Sin cuenta. Si te gusta, sigue; si no, cambia parámetros y vuelve a intentar.