Arquivo para Base64

Converta um arquivo em Base64, data URL e trechos para HTML ou CSS.

Arraste um arquivo aqui ou clique para escolher

PDF, fontes, documentos, imagens e áudio

Data URL completo
Somente Base64
Tag img
CSS url()
01

Data URL completo

FileReader lê os bytes e cria um data URL com o tipo MIME. A saída Base64 contém apenas a parte após a vírgula; as saídas HTML e CSS servem para imagens compatíveis.

02

Somente Base64

Quando uma API pede o conteúdo codificado sem o prefixo data:…;base64,.

03

CSS url()

Não. Uma tag img ou um plano de fundo CSS servem para imagens. PDFs e outros documentos precisam de uma integração adequada.

Detalhes técnicos

Como funciona:

FileReader lê os bytes e cria um data URL com o tipo MIME. A saída Base64 contém apenas a parte após a vírgula; as saídas HTML e CSS servem para imagens compatíveis.

Exemplo:

data:application/pdf;base64,JVBERi0xLjQKJ…

Onde usar:

  • >Data URL completo
  • >Somente Base64
  • >CSS url()

Perguntas frequentes

Funciona com qualquer arquivo?

Sim. Base64 representa qualquer sequência de bytes. Isso não significa que o navegador consiga exibir todos os tipos de arquivo.

Quando uso somente Base64?

Quando uma API pede o conteúdo codificado sem o prefixo data:…;base64,.

Os trechos img e CSS funcionam com PDF?

Não. Uma tag img ou um plano de fundo CSS servem para imagens. PDFs e outros documentos precisam de uma integração adequada.

Meus dados são enviados a um servidor?

Não. O processamento acontece no seu navegador.

Outros idiomas