Imagem para Base64

Escolha imagem e obtenha Base64 ou data URL—clique na saída para copiar.

Sobre o Imagem para Base64

APIs, templates de e-mail y prototipos às vezes necesitan la imagen como texto. Escolha PNG, JPEG, GIF o WebP y copie Base64 puro ou data URL completa.

Base64 mapea bytes binarios a ASCII seguro. La data URL adiciona data:image/png;base64, para o navegador decodifique en src o background-image sem otra requisição HTTP.

O que você pode fazer

Codificar e copiar

Selecione o arraste y copie el resultado para img, CSS url(), OpenAPI o JSON.

Data URL vs Base64 puro

  1. Data URL: data:image/<tipo>;base64,<payload> — lista para HTML/CSS.
  2. Base64 puro: somente <payload> — quando el API trae content-type aparte.
  3. Mesmos bytes; cambia el envoltorio.

O que é codificado

  1. El arquivo completo (cabeçalhos + datos comprimidos; GIF inclui frames).
  2. Não é converter RGB decimal; es el buffer del arquivo.
  3. Comprimento ≈ 4/3 del tamaño en bytes (+ prefixo en data URL).

Tamanho

~33% mais grande y sem caché HTTP como /img/logo.png. Melhor URL/CDN para hero; Base64 para iconos y fixtures.

Casos de uso

Imagem para Base64 online

Envie PNG/JPEG/GIF/WebP, alterne puro vs data URL y copia. Backend costuma querer puro; HTML estático, data URL.

Data URL en img

data:image/png;base64,… entero en src o url().

CSS inline

Sprites pequeños o placeholders 1×1 en hojas de estilo o email autocontenido.

JSON / OpenAPI

Campo base64 en el cuerpo; indique PNG vs JPEG en metadados.

Perguntas frequentes

Como paso una imagen a Base64?
Escolha arquivo, aguarde la codificación y copia. HTML/CSS → data URL; REST → Base64 puro si el contrato lo dice.
Base64 vs data URL?
Base64 es somente texto codificado. Data URL adiciona esquema y MIME. El navegador inline costuma exigir el prefixo completo.
Formatos?
PNG, JPEG, GIF, WebP. El prefixo MIME corresponde ao el arquivo.
Relación con binario?
Codifica bytes; al decodificar recuperas el mismo arquivo bit a bit.
Por que el texto es mais largo?
Base64 ~4/3 bytes; 300 KB JPEG ≈ 400 KB de texto.
Límite de tamaño?
Codifica no navegador; varios MB pueden ir lentos. Fotos grandes: URL.
Volver de Base64 para imagem?
Use a ferramenta «Base64 para imagem» de la misma sección.
Base64 en producción?
Activos grandes en CDN. Base64 para iconos, demos y tests; vigila peso HTML.

Prefijos data URL

  • PNGdata:image/png;base64,… (transparencia)
  • JPEGdata:image/jpeg;base64,…
  • API sem prefixoCopia somente lo que va tras la coma si el contrato lo pide