{# canonical_base is the OWNING tenant's origin: all 16 Peasy domains serve the same catalogue, so a page rendered by a non-owner points its canonical at the owner instead of competing with it. Falls back to this site for static/self-owned pages. #}
🍋
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