# Gerador de Data URI Converte arquivos em Data URIs (Base64 ou porcentagem-codificada) para incorporar imagens, fontes e recursos diretamente em HTML, CSS ou Markdown > Página canônica: https://elysiatools.com/pt/tools/data-uri-generator - **Categoria:** Development - **Palavras-chave:** data uri, base64, inline, incorporar, imagem, fonte, css, html, data url ## Visão geral O Gerador de Data URI permite converter arquivos locais, como imagens, fontes e documentos, em strings de dados formatadas em Base64 ou codificação de URL. Com essa ferramenta, você pode incorporar recursos diretamente em seus arquivos HTML, CSS ou Markdown, eliminando a necessidade de requisições HTTP adicionais e simplificando a distribuição de páginas web. ## Entradas - **Arquivo** (file) - **Codificação** (select) - **Formato de saída** (select) - **Tipo MIME** (text): Auto-detected (e.g. image/png). Override only if needed. ## Quando usar - Ao criar e-mails em HTML que precisam exibir imagens de forma confiável sem depender de servidores externos de hospedagem. - Ao otimizar o carregamento de páginas web embutindo pequenos ícones, logotipos ou fontes diretamente nas folhas de estilo CSS. - Ao criar documentos Markdown autônomos que requerem imagens incorporadas sem links quebrados. ## Como funciona - Selecione ou arraste o arquivo que deseja converter, respeitando o limite de tamanho de até 10 MB. - Escolha o tipo de codificação desejado, como Base64, URL-codificado ou texto bruto. - Defina o formato de saída apropriado para o seu projeto, seja Data URI puro, tag HTML, CSS ou Markdown. - Copie o código gerado instantaneamente para colar diretamente no seu código-fonte. ## Casos de uso - Incorporação de fontes personalizadas (WOFF/WOFF2) diretamente em arquivos CSS para evitar atrasos na renderização de texto. - Inclusão de logotipos em formato SVG ou PNG em assinaturas de e-mail HTML para garantir que apareçam offline. - Criação de protótipos rápidos de páginas web contendo pequenos ícones gráficos sem gerenciar múltiplos arquivos de imagem. ## Perguntas frequentes ### O que é um Data URI? É um esquema de URI que permite incluir dados de arquivos diretamente em documentos como HTML e CSS, codificados geralmente em Base64. ### Quais formatos de saída posso gerar? Você pode gerar a string Data URI pura, uma tag de imagem HTML, uma regra de fundo CSS ou um link de imagem em Markdown. ### Existe um limite de tamanho para os arquivos? Sim, o limite máximo para conversão de arquivos nesta ferramenta é de 10 MB. ### Posso alterar o tipo MIME detectado automaticamente? Sim, você pode usar o campo de tipo MIME personalizado para substituir a detecção automática pelo formato que desejar. ### Quando devo usar a codificação URL em vez de Base64? A codificação URL é ideal para arquivos SVG baseados em texto, pois gera códigos menores e mais legíveis que o Base64. ## Ferramentas relacionadas - [Sequência de Imagens para Vídeo](https://elysiatools.com/pt/tools/image-sequence-to-video): Converter imagens enviadas ou um ZIP de quadros em vídeo, com ordenação natural por nome - [Folha de Contato PDF](https://elysiatools.com/pt/tools/pdf-photo-contact-sheet): Gera folha de contato com miniaturas, nomes e EXIF - [Folha de Storyboard PDF](https://elysiatools.com/pt/tools/pdf-storyboard-sheet): Gera folhas de storyboard com miniatura e area de descricao - [Ferramenta de Opacidade de Marca d'Água](https://elysiatools.com/pt/tools/image-watermark-opacity): Adicione marcas d'água com opacidade personalizada às imagens, suportando marcas d'água de texto e imagem com controles avançados de opacidade - [Conversão de Imagens em Lote](https://elysiatools.com/pt/tools/batch-convert): Converter múltiplas imagens para diferentes formatos com configurações de qualidade - [Conversor de profundidade de imagem para PNG](https://elysiatools.com/pt/tools/image-to-bit-depth-png): Converte imagens para profundidades PNG monocromáticas, indexadas, cinza, RGB ou RGBA exatas com verificação. - [Fragmentos de Cabeçalho/Rodapé PDF](https://elysiatools.com/pt/tools/pdf-header-footer-snippets): Converte HTML para PDF com logo, título e data - [De paleta de imagem para design tokens](https://elysiatools.com/pt/tools/image-to-design-tokens): Extrai cores dominantes da imagem por k-means e exporta como variáveis CSS / SCSS / config Tailwind / tokens JSON, com nomes e escala de tons ## Exemplos - [Exemplos de Processamento de Imagens Web TypeScript](https://elysiatools.com/pt/samples/web-image-processing-typescript): Exemplos de processamento de imagens Web TypeScript incluindo leitura/salvamento, redimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Web Rust](https://elysiatools.com/pt/samples/web-image-processing-rust): Exemplos de processamento de imagem Web Rust incluindo leitura/gravação, redimensionamento e conversão de formato - [Exemplos PDF](https://elysiatools.com/pt/samples/pdf-samples): Exemplos PDF gerados por ferramentas de 2026-02-01 a 2026-02-10 - [Exemplos de Comunicação em Tempo Real WebRTC](https://elysiatools.com/pt/samples/webrtc-samples): Exemplos completos WebRTC para comunicação áudio/vídeo P2P, canais de dados, compartilhamento de tela e servidor de sinalização ## Conteúdo relacionado - [Ferramentas de codificacao e conversao de audio](https://elysiatools.com/pt/hubs/audio-convert): Compare conversao de formatos de audio, ajustes de bitrate, conversao de taxa de amostragem, troca de codec e exportacao em um unico hub. - [Ferramentas de conversao de formatos de imagem e exportacao animada](https://elysiatools.com/pt/hubs/image-convert): Compare conversores de imagem para JPG, PNG, GIF, AVIF, WebP, TIFF, ICO, base64 e saidas voltadas para animacao em um unico hub. - [Ferramentas de intercambio JSON e traducao de formatos](https://elysiatools.com/pt/hubs/json-convert): Compare ferramentas de conversao JSON para CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN e outros formatos estruturados em um unico hub. - [Ferramentas de conversão de caixa, codificação e normalização de texto](https://elysiatools.com/pt/hubs/text-convert): Compare conversão de caixa de texto, conversão de largura de caracteres, conversão de codificação, tratamento de quoted-printable e normalização de texto em um único hub.