Herramientas de imagen

Borde de imagen

Añade un borde personalizable a tus imágenes con color y grosor a medida a partir de datos en base64.

Ejecutar herramienta

Añade un marco perimetral a cualquier archivo gráfico indicando el grosor y el tono deseado. La utilidad procesa la imagen codificada en base64 y genera una nueva versión expandida con el borde incorporado. Puedes definir el ancho del marco en píxeles (con un valor predeterminado de 10) y el color en formato hexadecimal de seis dígitos (por defecto #000000 para negro), admitiendo el prefijo de almohadilla opcional. Al procesar la petición, el sistema calcula las nuevas dimensiones totales sumando el doble del grosor seleccionado tanto al ancho como al alto original. La imagen resultante conserva el formato de origen siempre que resulte compatible, o se genera como archivo PNG cuando no se detecta el formato previo. La respuesta entrega la cadena base64 de la imagen modificada junto con los datos de las dimensiones iniciales y finales para verificar el ajuste visual.

Instrucciones

  1. Introduce la imagen codificada en formato base64 en el campo correspondiente.
  2. Especifica el grosor deseado para el borde en píxeles o mantén el valor inicial de 10.
  3. Escribe el código de color en formato hexadecimal de seis caracteres, como #FFFFFF o 003366.
  4. Ejecuta la herramienta para generar la imagen con el nuevo marco perimetral.
  5. Copia la cadena base64 obtenida y comprueba las dimensiones originales y finales calculadas.

Ejemplos

  • Añadir un borde negro estándar de 10 píxeles a un icono de 200x200 píxeles, obteniendo una imagen de 220x220 píxeles con el color #000000.
  • Encuadrar una fotografía de 800x600 píxeles con un margen blanco de 25 píxeles usando el código hexadecimal #FFFFFF, generando un resultado de 850x650 píxeles.

Preguntas frecuentes

¿Qué formato de salida tiene la imagen con borde?

La herramienta conserva el formato del archivo original siempre que esté disponible. Si no se detecta, guarda el resultado final en formato PNG.

¿Cómo se debe escribir el código de color?

Utiliza seis caracteres hexadecimales que representen los canales rojo, verde y azul. El símbolo de almohadilla (#) inicial es opcional.

¿Cómo afecta el grosor del borde al tamaño total de la imagen?

El borde se coloca alrededor de todo el perímetro exterior, de modo que tanto el ancho como el alto aumentan en el doble de los píxeles indicados.

¿Qué sucede si no se introduce ninguna imagen?

Es imprescindible aportar una cadena base64 válida. Si el campo queda en blanco o los datos están dañados, la herramienta no podrá procesar el marco.

Insertar esta herramienta

Añade esta herramienta funcional de SmartPlusLab a tu sitio web con el siguiente código.