🍋
Menu
Web

Data URI

Data URI (Esquema de Dados Inline)

Um esquema de URI que permite incorporar dados diretamente no codigo fonte de paginas web como se fossem recursos externos, eliminando a necessidade de pedidos HTTP separados para ficheiros pequenos.

Detalhe técnico

Os Data URIs seguem o formato: data:[][;base64],. Exemplos: data:text/plain;base64,SGVsbG8= ("Hello" em Base64), data:image/svg+xml,%3Csvg...%3E (SVG codificado em URL), data:image/png;base64,iVBOR... (imagem PNG). Os limites de tamanho variam por navegador (IE8: 32KB, navegadores modernos: varias MB). Os Data URIs nao sao cacheados separadamente pelo navegador (fazem parte do documento que os contem). As alternativas: Blob URLs (URL.createObjectURL()) para dados dinamicos em memoria.

Exemplo

```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

Ferramentas relacionadas

Termos relacionados