Categorías

← View All Tools

Añadir Borde a Imagen

Añadir bordes personalizables a imágenes con varios estilos, colores y anchos

Click to upload file or drag and drop file here

Maximum file size: 20MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

Subir archivo de imagen para añadir borde

Elegir el estilo de borde a añadir

Ancho del borde en píxeles

Color of the border

Opacidad del borde (0.0 a 1.0)

Radio para esquinas redondeadas (0 para esquinas cuadradas)

Color de fondo entre bordes dobles

Elegir formato de salida o mantener original

Calidad de salida para formatos con pérdida (WebP, JPEG)

Datos clave

Categoría
Design
Tipos de entrada
file, select, number, color
Tipo de salida
file
Cobertura de muestras
4
API disponible
Yes

Resumen

Nuestra herramienta de edición te permite añadir bordes profesionales y personalizados a tus imágenes de forma rápida, ofreciendo control total sobre el estilo, el color, el grosor y la redondez de las esquinas.

Cuándo usarlo

  • •Para resaltar fotografías o gráficos en presentaciones y documentos.
  • •Cuando necesitas estandarizar el formato visual de una serie de imágenes para redes sociales.
  • •Para añadir un toque decorativo o un marco elegante a capturas de pantalla y diseños.

Cómo funciona

  • •Sube tu archivo de imagen en formato JPG, PNG, WebP, GIF, BMP o TIFF.
  • •Selecciona el estilo de borde deseado y ajusta el ancho, color y opacidad según tus preferencias.
  • •Define el radio de las esquinas si buscas un acabado redondeado y elige el formato de salida final.
  • •Haz clic en procesar para descargar tu imagen con el nuevo marco aplicado.

Casos de uso

Creación de marcos elegantes para fotografías de productos en tiendas online.
Estandarización de capturas de pantalla para tutoriales técnicos con bordes uniformes.
Añadir bordes decorativos a imágenes de perfil o avatares para redes sociales.

Ejemplos

1. Marco para fotografía de producto

Dueño de tienda online
Contexto
Necesito que todas las fotos de mis productos tengan un marco consistente para mantener una estética limpia en mi catálogo.
Problema
Las imágenes tienen diferentes tamaños y carecen de un borde que las separe del fondo blanco del sitio web.
Cómo usarlo
Subo la imagen del producto, selecciono el estilo 'Sólido', configuro un ancho de 15 píxeles y elijo un color gris claro.
Configuración de ejemplo
borderStyle: solid, borderWidth: 15, borderColor: #D3D3D3
Resultado
La imagen ahora cuenta con un borde profesional que resalta el producto y mejora la presentación visual del catálogo.

2. Capturas de pantalla para blog

Creador de contenido
Contexto
Publico tutoriales de software y quiero que mis capturas de pantalla tengan un aspecto moderno y suave.
Problema
Las capturas de pantalla rectangulares se ven muy rígidas y se confunden con el fondo del artículo.
Cómo usarlo
Subo la captura, aplico un borde sólido fino, configuro un radio de esquina de 20 píxeles y exporto en formato PNG.
Configuración de ejemplo
borderStyle: solid, borderWidth: 2, borderRadius: 20, outputFormat: png
Resultado
La imagen tiene esquinas redondeadas y un contorno sutil que la hace destacar sobre el fondo del blog.

Probar con muestras

image, png, jpg
Ejemplos de Procesamiento de Imágenes Web Python
Ejemplos de procesamiento de imágenes Web Python usando PIL/Pillow incluyendo lectura, guardado, redimensionamiento y conversión de formato
title token image
image
Ejemplos de Procesamiento de Imágenes Windows C++
Ejemplos de procesamiento de imágenes Windows C++ incluyendo leer/guardar imágenes, redimensionamiento y conversión de formato usando Windows Imaging Component
title token image
image
Ejemplos de Procesamiento de Imágenes Web Rust
Ejemplos de procesamiento de imágenes Web Rust incluyendo lectura/escritura, escalado y conversión de formato
title token image
image
Procesamiento de Imágenes macOS Objective-C - Ejemplos
Ejemplos de procesamiento de imágenes macOS Objective-C incluyendo lectura/escritura de imágenes, escalado de imágenes y conversión de formato
title token image
image

Hubs relacionados

Herramientas de Image para Convert
Explora 100 herramientas de image para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Image
Explora 40 herramientas de image para flujos de utility y encuentra utilidades cercanas con rapidez.
Herramientas de Json para Convert
Explora 100 herramientas de json para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Audio para Convert
Explora 100 herramientas de audio para flujos de convert y encuentra utilidades cercanas con rapidez.

Preguntas frecuentes

¿Qué formatos de imagen son compatibles?

Puedes subir imágenes en formato JPEG, PNG, WebP, GIF, BMP y TIFF.

¿Puedo hacer que las esquinas del borde sean redondeadas?

Sí, utiliza la opción 'Radio del Borde' para ajustar la curvatura de las esquinas según tus necesidades.

¿Es posible ajustar la transparencia del borde?

Sí, puedes modificar la opacidad del borde utilizando el control deslizante de 'Opacidad del Borde' (de 0.0 a 1.0).

¿Qué estilos de borde están disponibles?

La herramienta ofrece estilos sólido, doble, gradiente y redondeado.

¿Se pierde calidad al procesar la imagen?

Puedes ajustar la calidad de salida entre 1 y 100 para formatos como JPEG y WebP, permitiéndote equilibrar el peso del archivo y la nitidez.

Documentación de la API

Punto final de la solicitud

POST /es/api/tools/image-add-border

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
imageFile file (Subida requerida) Sí Subir archivo de imagen para añadir borde
borderStyle select Sí Elegir el estilo de borde a añadir
borderWidth number No Ancho del borde en píxeles
borderColor color No Color of the border
borderOpacity number No Opacidad del borde (0.0 a 1.0)
borderRadius number No Radio para esquinas redondeadas (0 para esquinas cuadradas)
backgroundColor color No Color de fondo entre bordes dobles
outputFormat select No Elegir formato de salida o mantener original
quality number No Calidad de salida para formatos con pérdida (WebP, JPEG)

Los parámetros de tipo archivo necesitan ser subidos primero vía POST /upload/image-add-border para obtener filePath, luego pasar filePath al campo de archivo correspondiente.

Formato de respuesta

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Archivo: Archivo

Documentación de MCP

Agregue este herramienta a su configuración de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-image-add-border": {
      "name": "image-add-border",
      "description": "Añadir bordes personalizables a imágenes con varios estilos, colores y anchos",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-add-border",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Puede encadenar múltiples herramientas, por ejemplo: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máximo 20 herramientas.

Soporte para enlaces de archivos URL o codificación Base64 para parámetros de archivo.

Si encuentra algún problema, por favor, póngase en contacto con nosotros en [email protected]