Data URI

Data URI (esquema de datos en línea)

Un esquema de URL que incrusta contenido de archivo directamente en HTML, CSS o JavaScript usando cadenas codificadas en Base64 o texto plano, eliminando la necesidad de solicitudes HTTP separadas.

Detalle técnico

Los data URI siguen la sintaxis: data:[][;charset=][;base64],. Ejemplos: data:text/plain;base64,SGVsbG8= ("Hello"), data:image/svg+xml,%3Csvg... (SVG sin codificar). Ventajas: elimina solicitudes HTTP, todo autónomo. Desventajas: expansión del 33 % para Base64, sin caché del navegador (incrustado en HTML/CSS), bloquea el parseo del documento. Son más apropiados para imágenes pequeñas (< 2 KB), iconos SVG y fuentes CSS críticas.

Ejemplo

```javascript
// Encode string to Base64
const encoded = btoa('Hello, World!');  // 'SGVsbG8sIFdvcmxkIQ=='

// Decode Base64 to string
const decoded = atob('SGVsbG8sIFdvcmxkIQ==');  // 'Hello, World!'

// File to Base64 Data URI
const reader = new FileReader();
reader.onload = () => console.log(reader.result);
// → 'data:image/png;base64,iVBORw0KGgo...'
reader.readAsDataURL(file);
```

Formatos relacionados

.css .html

Herramientas relacionadas

H Hash Generator S SERP Preview O OG Tag Debugger H Heading Analyzer P Password Generator K Keyword Density Analyzer R Readability Score U Unix Timestamp Converter X XML Sitemap Generator S Schema.org Generator C Cron Expression Generator L Link Extractor C Canonical Tag Checker C Chmod Calculator R Robots.txt Analyzer S String Escape / Unescape I IP Subnet Calculator S Structured Data Validator C Color Code Converter W Word Count & SEO Grade C CSV ↔ JSON Converter M Meta Length Checker U URL Slug Generator X XML ↔ JSON Converter K Keyword Density Analyzer S SQL Formatter M Markdown Table Generator H HTTP Status Code Reference M Meta Tags Generator R Robots.txt Generator . .gitignore Generator H HTML Formatter C CSS Unit Converter J JSONPath Evaluator T Text Diff Checker D Data URI Converter L Lorem Ipsum Generator P Path Converter . .htaccess Generator . .env Validator P Placeholder Image Generator

Términos relacionados

Base64 CORS CSP CSV Sensitive Data Exposure URI Data Matrix CDN Cache-Control CSR ARIA