Base64 para imagem
Base64 to Image
Decodifica uma string Base64 ou data URI de volta numa imagem visível e baixável.
Um data URI que chegou por uma folha de estilos, um payload JSON e um cliente de chat raramente está limpo: tem um invólucro url(), aspas, quebras de linha ou o prefixo data: faltando. Esta ferramenta aceita tudo isso, decodifica e diz quando o cabeçalho mente sobre o tipo.
Cole o data URI
Um invólucro url(…), aspas em volta, quebras de linha soltas e a falta do prefixo data: são todos aceitos — é assim que essas coisas chegam depois de passar por uma folha de estilos, um arquivo JSON e um aplicativo de mensagens.
Como usar
Cole o que você tiver
A string data: inteira, ou só a parte Base64. Invólucros, aspas e quebras de linha soltas são removidos.
Confira o tipo contra o que é afirmado
Os bytes são a autoridade. Se o URI diz image/png e os bytes são um JPEG, a linha diz isso: essa discrepância é o motivo habitual de uma imagem assim não renderizar onde é usada.
Baixe como arquivo
A extensão segue o tipo detectado e não o cabeçalho, então o arquivo que você recebe abre.
Perguntas frequentes
Ele diz que o Base64 está malformado.
Quase sempre é um copiar e colar truncado. Um data URI é uma linha muito longa, e terminais, clientes de chat e visualizadores de log a cortam. Copie do arquivo de origem e não de uma visualização renderizada.
O tamanho aparece como desconhecido.
As dimensões vêm de decodificar a imagem, e o SVG em particular não passa por esse caminho em todos os motores. A imagem ainda é pré-visualizada e baixada corretamente.
A minha imagem é enviada para algum lugar?
Não. A decodificação é `atob` e um Blob, os dois nesta aba. Nada é publicado, o que importa aqui porque um data URI colado costuma ser algo tirado de um documento privado.
Pode receber de
Imagem para Base64 / data URI
Image to Base64 / Data URI
Codifica uma imagem como string Base64 ou como data URI pronto para colar em CSS, HTML ou JSON.
Empacotador de sprite sheet
Sprite Sheet Packer
Junta muitas imagens num único atlas e gera junto o mapa de quadros em CSS ou JSON.
Imagem placeholder
Placeholder Image
Gera um placeholder liso ou degradê em qualquer tamanho, com as dimensões desenhadas nele.
Otimizador de SVG
SVG Optimiser
Remove sobras de editor, achata transformações e arredonda a precisão dos caminhos, mostrando a diferença renderizada.
Em seguida
Estas aceitam o que esta ferramenta produz, então o resultado pode ir direto.
Visualizador de EXIF
EXIF Viewer
Mostra os metadados de câmera, lente, data e GPS embutidos numa foto — as coordenadas como números, não num mapa, porque desenhar um enviaria a localização a um servidor de mapas.
Conversor de formato de imagem
Image Format Converter
Converte entre PNG, JPEG, WebP, AVIF, GIF, BMP e TIFF, um arquivo ou uma pasta inteira de uma vez.
Imagem para Base64 / data URI
Image to Base64 / Data URI
Codifica uma imagem como string Base64 ou como data URI pronto para colar em CSS, HTML ou JSON.
Remover fundo de imagem
Background Remover
Recorta um fundo liso ou de cor única em OKLab e devolve um PNG transparente, com um pincel para corrigir as bordas.
Remover EXIF
EXIF Remover
Remove metadados de câmera, GPS e edição das fotos sem tocar nos pixels.
Gerador de favicon
Favicon Generator
Produz o conjunto completo de favicons — ICO, PNGs, ícone Apple touch, manifesto web — mais o HTML para colar.