Ferramenta gratuita para desenvolvedores

Gerador de Data URI Recursos inline para HTML e CSS

Gerador de Data URI gratuito para frontend. Envie PNG, JPEG, SVG, fontes ou cole texto para criar Data URIs em Base64 ou codificadas por URL para HTML img src e CSS background-image.

Abrir gerador de Data URI Explorar todas as ferramentas
AD

Gerador de Data URI resolve estes problemas

Gerador de Data URI gratuito para frontend. Envie PNG, JPEG, SVG, fontes ou cole texto para criar Data URIs em Base64 ou codificadas por URL para HTML img src e CSS background-image.

Evitar erros de MIME

Confira ou edite o MIME antes de copiar.

como usar

Gerador de Data URI recursos

Gerador de Data URI gratuito para frontend. Envie PNG, JPEG, SVG, fontes ou cole texto para criar Data URIs em Base64 ou codificadas por URL para HTML img src e CSS background-image.

Arquivo ou texto

Adicione PNG, JPEG, SVG, texto e fontes.

Seleção automática

URL para texto/SVG, Base64 para binários.

MIME editável

Substitua o tipo quando necessário.

Três saídas

Copie Data URI, CSS ou HTML.

Prévia e dados

Confira tamanho e resultado.

Fluxo local

Gere sem upload.

como usar Gerador de Data URI

Gerador de Data URI gratuito para frontend. Envie PNG, JPEG, SVG, fontes ou cole texto para criar Data URIs em Base64 ou codificadas por URL para HTML img src e CSS background-image.

01

Adicione o recurso

Cole texto ou escolha um arquivo.

  • Processamento local, sem upload
02

Confira o MIME

Veja image/png, image/svg+xml e outros.

  • Processamento local, sem upload
03

Escolha a codificação

Use Auto, Base64 ou URL.

  • Processamento local, sem upload
04

Copie o snippet

Cole em HTML ou CSS.

  • Processamento local, sem upload

Gerador de Data URI fluxos de trabalho

Gerador de Data URI gratuito para frontend. Envie PNG, JPEG, SVG, fontes ou cole texto para criar Data URIs em Base64 ou codificadas por URL para HTML img src e CSS background-image.

Adicione o recurso

Cole texto ou escolha um arquivo.

Gerar Data URI
Data URI Generator upload workflow converting PNG SVG text and font files into browser-ready Data URIs

Escolha a codificação

Use Auto, Base64 ou URL.

Escolher codificação
Data URI Generator choosing Base64 or URL encoded output for SVG text and binary resources

Copie o snippet

Cole em HTML ou CSS.

Copiar snippets
Data URI Generator output cards for CSS background-image HTML img src and plain Data URI snippets

Gerador de Data URI casos de uso

Gerador de Data URI gratuito para frontend. Envie PNG, JPEG, SVG, fontes ou cole texto para criar Data URIs em Base64 ou codificadas por URL para HTML img src e CSS background-image.

Ícones SVG inline

Ícones, SVG e textos curtos podem ir direto na página.

Protótipos de arquivo único

Cole em HTML ou CSS.

Exemplos de documentação

Confira tamanho e resultado.

Gerador de Data URI FAQ

Gerador de Data URI gratuito para frontend. Envie PNG, JPEG, SVG, fontes ou cole texto para criar Data URIs em Base64 ou codificadas por URL para HTML img src e CSS background-image.

Os arquivos são enviados?

Não, tudo é processado localmente no navegador.

Quando usar Base64?

Para imagens, fontes e binários.

Quando usar URL?

Para SVG, CSS, JSON e texto.

Serve para arquivos grandes?

Não, é melhor para recursos pequenos.

comece a usar Gerador de Data URI

Gerador de Data URI gratuito para frontend. Envie PNG, JPEG, SVG, fontes ou cole texto para criar Data URIs em Base64 ou codificadas por URL para HTML img src e CSS background-image.

Abrir gerador de Data URI Explorar todas as ferramentas

Gerador de Data URI gratuito no navegador.