Categorias

← View All Tools

Conversor de Imagem para Base64

Converte imagens para codificação Base64 com suporte para vários formatos e configurações de qualidade

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/jpeg, image/png, image/webp, image/gif

Fatos principais

Categoria
Design
Tipos de entrada
file, select, checkbox, number
Tipo de saída
text
Cobertura de amostras
4
API disponível
Yes

Visão geral

O Conversor de Imagem para Base64 permite transformar arquivos de imagem em strings de texto codificadas, facilitando a incorporação direta de elementos visuais em códigos HTML, CSS ou JSON sem a necessidade de arquivos externos.

Quando usar

  • •Para incorporar ícones ou pequenas imagens diretamente no seu código CSS ou HTML.
  • •Ao enviar dados de imagem através de APIs que exigem formato de texto (JSON/XML).
  • •Para reduzir requisições HTTP em páginas web, otimizando o carregamento de elementos gráficos leves.

Como funciona

  • •Selecione o arquivo de imagem desejado (JPEG, PNG, WebP ou GIF).
  • •Escolha o formato de saída e ajuste as dimensões, se necessário.
  • •Clique em converter para gerar a string Base64 instantaneamente.
  • •Copie o código gerado com ou sem o prefixo Data URI conforme sua necessidade.

Casos de uso

Desenvolvimento Web: Inserir logotipos ou ícones diretamente no CSS para evitar chamadas extras ao servidor.
E-mail Marketing: Incorporar imagens diretamente no corpo do e-mail para garantir que apareçam sem bloqueios de carregamento.
Armazenamento em Banco de Dados: Salvar pequenas imagens como texto em campos de banco de dados.

Exemplos

1. Incorporação de Ícone no CSS

Desenvolvedor Front-end
Contexto
O desenvolvedor precisa exibir um ícone de menu que não deve depender de um arquivo externo para carregar.
Problema
Evitar requisições HTTP adicionais para um ícone pequeno.
Como usar
Carregue o arquivo PNG do ícone, mantenha a opção 'Incluir Prefixo Data URI' ativa e converta.
Configuração de exemplo
Formato: PNG, Incluir Data URI: Sim
Resultado
Uma string pronta para ser colada na propriedade 'background-image' do CSS.

2. Envio de Imagem via API JSON

Engenheiro de Software
Contexto
Uma API de cadastro de usuários exige que a foto de perfil seja enviada dentro do corpo da requisição JSON.
Problema
Converter a imagem para um formato de texto compatível com JSON.
Como usar
Selecione a imagem, desmarque a opção 'Incluir Prefixo Data URI' para obter apenas o código puro e converta.
Configuração de exemplo
Formato: JPEG, Incluir Data URI: Não
Resultado
Uma string Base64 limpa, pronta para ser inserida no campo 'foto' do objeto JSON.

Testar com amostras

image, png, jpg
Exemplos de Processamento de Imagem Web Python
Exemplos de processamento de imagem Web Python usando PIL/Pillow incluindo leitura, salvamento, redimensionamento e conversão de formato
title token image
image
Exemplos de Processamento de Imagem Windows C++
Exemplos de processamento de imagem Windows C++ incluindo ler/salvar imagens, redimensionamento e conversão de formato usando Windows Imaging Component
title token image
image
Exemplos de Processamento de Imagem Web Rust
Exemplos de processamento de imagem Web Rust incluindo leitura/gravação, redimensionamento e conversão de formato
title token image
image
Processamento de Imagem macOS Objective-C - Exemplos
Exemplos de processamento de imagem macOS Objective-C incluindo leitura/escrita de imagem, redimensionamento de imagem e conversão de formato
title token image
image

Hubs relacionados

Ferramentas de Image para Convert
Explore 100 ferramentas de image para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Image
Explore 40 ferramentas de image para fluxos de utility e encontre utilitários próximos com rapidez.
Ferramentas de Json para Convert
Explore 100 ferramentas de json para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Audio para Convert
Explore 100 ferramentas de audio para fluxos de convert e encontre utilitários próximos com rapidez.

FAQ

O que é uma string Base64?

É uma representação de dados binários em formato de texto ASCII, permitindo que imagens sejam lidas como texto.

Posso redimensionar a imagem antes de converter?

Sim, você pode definir uma largura e altura máxima para otimizar o tamanho da string resultante.

O que é o prefixo Data URI?

É um cabeçalho (ex: data:image/png;base64,...) que informa ao navegador como interpretar a string como um arquivo de imagem.

Quais formatos de imagem são suportados?

A ferramenta suporta os formatos JPEG, PNG, WebP e GIF.

Existe limite de tamanho para o arquivo?

Sim, o limite máximo para upload é de 10 MB por arquivo.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/image-to-base64

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
imageFile file (Upload necessário) Sim -
outputFormat select Sim -
includeDataUri checkbox Não -
maxWidth number Não -
maxHeight number Não -

Os parâmetros de tipo arquivo precisam ser carregados primeiro via POST /upload/image-to-base64 para obter filePath, depois filePath deve ser passado ao campo de arquivo correspondente.

Formato de resposta

{
  "result": "Processed text content",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
Texto: Texto

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-image-to-base64": {
      "name": "image-to-base64",
      "description": "Converte imagens para codificação Base64 com suporte para vários formatos e configurações de qualidade",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-to-base64",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Suporta links de arquivos URL ou codificação Base64 para parâmetros de arquivo.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]