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
- Data URL: data:image/<tipo>;base64,<payload> — lista para HTML/CSS.
- Base64 puro: somente <payload> — quando el API trae content-type aparte.
- Mesmos bytes; cambia el envoltorio.
O que é codificado
- El arquivo completo (cabeçalhos + datos comprimidos; GIF inclui frames).
- Não é converter RGB decimal; es el buffer del arquivo.
- 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