Inspecciona un payload de IA: JSON, Base64, imágenes y audio
Sigue los campos anidados hasta los bytes decodificados y las vistas previas locales.
Distingue transporte y contenido
JSON describe la estructura. Base64 representa datos binarios como texto; no cifra ni comprime. Una URL de datos añade el tipo de medio y un prefijo como data:image/png;base64, antes del contenido.
Para n bytes, Base64 con relleno ocupa 4 × ceil(n / 3) caracteres. Un archivo de 3 MiB se convierte en 4 MiB antes de añadir JSON y prefijos. Eso mide el tamaño de la solicitud, no los tokens de medios facturados.
Study guide & lesson outline
LEARNING CONTRACTUnderstand → implement → investigate
Goal: explain the mechanism in this lesson, reproduce one example and test a failure case. Reading alone does not mark mastery.
- Understand: state assumptions, shapes/units and a counterexample.
- Implement: reproduce a numerical example and inspect boundaries.
- Investigate: compare one alternative under a matched budget.
Inspecciona una muestra válida
Carga el ejemplo con imagen y audio. Expande messages y content, compara tamaños y localiza la URL de imagen e input_audio.data. La muestra contiene un PNG generado y un tono WAV de medio segundo; solo suena al reproducirlo.
El inspector decodifica campos reconocidos, comprueba firmas y usa URL Blob locales para previsualizar formatos compatibles. El JSON ilustrativo contiene un marcador: usa el ejemplo integrado para obtener medios válidos. El tamaño del padre ya incluye sus hijos.
{
"messages": [{
"role": "user",
"content": [
{"type": "text", "text": "Describe this image."},
{"type": "image_url", "image_url": {
"url": "data:image/png;base64,<base64-data>"
}}
]
}]
}Depura discrepancias con seguridad
El MIME declarado puede no coincidir con los bytes. Decodificar Base64 tampoco demuestra que el archivo sea válido. Si falla la reproducción, comprueba el formato y el códec reales, no solo la etiqueta.
Las URL externas no se descargan automáticamente. No se ejecutan HTML, SVG ni archivos desconocidos. La vista previa depende del navegador y no valida el esquema de la API. Verifica los campos del proveedor y usa su consumo real para facturar.
