O que é um URL de Dados?

Um URL de Dados é um esquema usado para incorporar dados inline em documentos, formatado como `data:[mediatype][;base64],data`. É comummente usado para pequenos ícones ou recursos CSS para reduzir dependências externas.

Os meus ficheiros estão seguros?

Sim. A codificação e descodificação ocorrem inteiramente na memória do seu navegador. Nenhum dado de ficheiro é enviado para os nossos servidores ou armazenado permanentemente.

Quando devo evitar Data URLs?

A codificação Base64 aumenta o tamanho do ficheiro em aproximadamente 33% em comparação com ficheiros binários. Ficheiros grandes devem ser mantidos como recursos separados para evitar atrasar o render da página e para permitir o caching do navegador.

Como utilizo o resultado em CSS?

Copie a string gerada e cole-a numa função `url()`, como `background-image: url('data:image/png;base64,...');`. Isto incorpora a imagem diretamente na sua folha de estilos.

Codificadores e Cripto

Conversor de Data URL

Conversor de data URL gratuito. Codifique qualquer arquivo como data URL base64 para incorporação inline, ou decodifique um data URL de volta para arquivo. Baseado no navegador, sem upload.

Runs in your browser

Encode a file

Pick a file

Data URL

Nota do editor

Understanding · Files, smuggled into a string.

Este capítulo aprofundado está disponível apenas em inglês no momento. A ferramenta de conversão acima funciona no seu idioma; o artigo explicativo longo ainda não foi traduzido.

Perguntas frequentes

Quick answers.

›What is a Data URL?

A Data URL is a scheme used to embed data in-line in documents, formatted as `data:[mediatype][;base64],data`. It is commonly used for small icons or CSS assets to reduce external dependencies.

›Are my files secure?

Yes. The encoding and decoding happen entirely within your browser's memory. No file data is sent to our servers or stored permanently.

›When should I avoid Data URLs?

Base64 encoding increases file size by approximately 33% compared to binary files. Large files should be kept as separate assets to avoid slowing down page renders and to allow for browser caching.

›How do I use the output in CSS?

Copy the generated string and paste it into a `url()` function, such as `background-image: url('data:image/png;base64,...');`. This embeds the image directly within your stylesheet.

As pessoas também pesquisam por

Use with

What people reach for next.

Base64 Encode / Decode
Decode the data URL's payload for inspection.

Ferramentas relacionadas

More in this room.

Ver tudo em Codificadores e Cripto