Imagen a Base64

Convierta una imagen localmente en un Base64 de datos URI que puede copiar en HTML, CSS, JSON o archivos de texto.

Subir imagen

Haga clic o arrastre un archivo de imagen aquí para cargarlo.

1 imagen · Máximo 2MB
Salida
0 caracteres

Convierte una imagen pequeña en una de datos URI

Imagen a Base64 lee una imagen en el navegador y devuelve un URI data: completo. Péguelo en HTML, CSS, JSON u otros contextos de texto sin formato cuando un archivo de imagen separado resulte incómodo.

Base64 no es compresión. Por lo general, aumenta los datos codificados en aproximadamente 33%, más el prefijo MIME como data:image/png;base64,. Guárdelo para íconos pequeños, marcadores de posición y fragmentos independientes en lugar de fotografías grandes.

El archivo se lee localmente y se limita a una imagen de hasta 2 MB para un rendimiento predecible. Los URI de datos integrados pueden evitar solicitudes separadas, pero también hacen que HTML/CSS sea más difícil de almacenar en caché y editar.

como usar

  1. Arrastre y suelte un archivo de imagen en el área de carga o haga clic para seleccionar.
  2. Los datos codificados Base64 URI aparecen en el editor de texto a continuación.
  3. Utilice Copiar para copiar el resultado o Guardar para descargarlo como un archivo de texto.

¿Cuándo debería utilizar la imagen Base64?

Image Base64 es útil para activos pequeños que deben viajar dentro de un único archivo de texto HTML, CSS, JSON.

Utilice archivos de imagen normales para recursos más grandes para que los navegadores puedan almacenarlos en caché por separado. Debido a que Base64 expande los datos y mantiene los metadatos de la imagen dentro de los bytes codificados, verifique el tamaño y la privacidad antes de incrustar.

Convertir con Python

La conversión programática lee los bytes de la imagen, los codifica con Base64 y agrega el prefijo URI de datos correcto:

import base64
from PIL import Image

with open('image.png', 'rb') as f:
    encoded = base64.b64encode(f.read())
data_uri = 'data:image/png;base64,' + encoded.decode()

Integración MCP

MCP (Model Context Protocol) permite que agentes de IA y aplicaciones descubran y ejecuten utilidades de Coding.Tools para flujos repetibles de conversión, formato, hash y generación.

Nombre de herramienta MCP: image-to-base64

Endpoint MCP: https://coding.tools/mcp

Llame primero a tools/list. Cada herramienta incluye inputSchema, outputSchema y examples para que un agente de IA o cliente pueda construir argumentos válidos sin adivinar.

Para tools/call, lea result.content[0].text para el valor visible y result.structuredContent para el análisis automático. Los fallos de herramienta devuelven isError: true; los fallos de protocolo devuelven un JSON-RPC error.

Ejemplo de solicitud tools/call:

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"image-to-base64","arguments":{"input":{"url":"https://coding.tools/assets/img/photo2pixel-demo.png"}}}}'

Para image-to-base64, pase una URL de imagen pública como input.url. Para archivos locales privados, use la interfaz web o envíe los bytes del archivo como Base64 con options.mimeType.

La mayoría de las herramientas de texto y datos aceptan una cadena input y options opcionales. Las herramientas de imagen que dependen de las API de imagen del navegador se listan para descubrimiento y devuelven un enlace a la interfaz web cuando necesitan capacidades del navegador.