Añadir un borde a una imagen
Añade a cualquier imagen un borde de color, relleno interior, esquinas redondeadas y sombra en tu navegador, con el fondo exterior transparente o de color.
Se ejecuta completamente en tu navegador. Tus datos nunca se suben.
¿Qué es Borde para imágenes?
Esta herramienta enmarca una imagen con un borde sólido de cualquier grosor y color, un relleno interior opcional en otro color, esquinas redondeadas y una sombra suave. La zona fuera del marco puede quedar transparente (útil con esquinas redondeadas y sombras) o rellenarse con un color de fondo.
Cómo usar Borde para imágenes
- Suelta, elige o pega una imagen.
- Ajusta el Grosor del borde y el Color del borde y, si quieres, el Relleno interior con su color.
- Añade un Radio de las esquinas y un Tamaño de la sombra / desplazamiento si quieres.
- Deja Transparente fuera del borde o elige un color de fondo y descarga (PNG conserva la transparencia).
Ejemplo
Imagen de 40×20, borde de 20 px #ff00ff, sin relleno, radio 0
80×60 PNG whose top-left pixel is #FF00FF
Cuándo usar Borde para imágenes
Úsalo para destacar capturas en documentos, añadir un borde blanco «de impresión» a fotos o crear imágenes redondeadas y con sombra para redes sociales y presentaciones. Usa salida PNG si quieres esquinas o sombras transparentes; JPEG las rellena de blanco.
Cómo funciona Borde para imágenes
Se crea un canvas nuevo más grande que la imagen en el doble del borde más el relleno, más espacio para la sombra. Se rellena un rectángulo redondeado con el color del borde (con los ajustes de sombra del canvas si hay sombra), un rectángulo redondeado interior con el color del relleno, y la imagen se dibuja recortada al rectángulo redondeado más interior, de modo que el radio de las esquinas también se aplica a la foto.
Casos de Uso Comunes
- Añadir un marco blanco a fotos para una publicación de Instagram.
- Dar a las capturas de la documentación un borde gris fino.
- Crear imágenes redondeadas al estilo de iconos de app con sombra.
- Añadir un relleno uniforme alrededor de las imágenes de producto.
Nota de Seguridad
Las imágenes se decodifican, procesan y codifican en local en tu navegador con la API Canvas. No se sube nada a ningún servidor.
Preguntas Frecuentes
¿Por qué mis esquinas redondeadas salen blancas?
JPEG no puede guardar transparencia. Elige PNG o WebP como formato de salida para conservar las esquinas y sombras transparentes.
¿Cómo se calcula el tamaño de salida?
Ancho = ancho de la imagen + 2 × (borde + relleno), más espacio extra a cada lado si hay sombra. El alto se calcula igual.
¿Puedo usar un borde semitransparente?
Los campos de color aceptan colores HEX de 6 dígitos, así que los bordes son opacos. Pon el borde a 0 y usa solo el relleno si necesitas un marco que coincida con tu fondo.