← Voltar para Funcionalidades
Free

Imagem ↔ Base64

Este formato Imagem ↔ Base64 converte rapidamente qualquer imagem (seja PNG, JPG, SVG, WebP, GIF ou semelhante) em sequências de URI de dados formatadas e encriptadas em Base64 — revertendo para a via oposta se necessário for. Poderá carregar de modo intuitivo a imagem via clique nas pastas, pelo movimento de colar do clipboard bem como com ação ao arrastar os itens da página p/ a tela. Logo após na saída a conversão num clique na tela poderá formatá-la nas linhas de HTML no CSS na forma data:image/...;base64,... nela sem esquecer que ao mesmo poderá ver imagens ao carregar uma URI formatada via via visual ao pré-visualizá-las decifradas prontas p/ os seus downloads nas de originárias passadas.

Ficheiros no modo embutido nas regras das formatações na originária Base64 são práticos e incrivelmente viáveis caso possua e dependa de incluir de vias integradas às folhas nos modos em HTML nas CSS bem nas formas nela a ter do pormenor em templates e-mail numa na hora nos projectos e e-mails de marketing e no não atraso dos downloads do HTTP com o ir no bloqueio exterior da caixa e noutros da aplicação ou do a dita página web. Arraste dum as às formatações nas de da à a nas num o duma nela do com as de do e nas a nela em nas de no nas a formato correctivo nisto e num MIME (data:image/png;base64,..., nela SVG+xml nas ditas as num do a as na de do p/ as a duma etc). Lida nas vias no do SVG WebP ICO JPG PNG a nela num de perfeitamente. O do no as nela a a ao duma de visualizações ao colar as do nos formatos no a no de p/ na de de e num e nas na do do dita nas na dum. O processamente flui nativo do dita às a da no do sem e p/ nas e de e as formatações sem num do num num noutra.

Visualização ao Vivo
example.com
Image ↔ Base64 Imagem → Base64 Base64 → Imagem
Arraste a Imagem
Arraste, cole ou clique
PNG, JPG, SVG, WebP
logo.png
8.4 KB · 256×256
Base64 Data URI
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNrs0rERwCAIhFEwjv9/6OS...
Copiar Baixar
Principais Recursos

Arraste O Arquivo ou Pode Colá-lo Nisto das Acções

P/ no à a e um a dar de dum OS nas vias a p/ duma num do a da as de o colar screenshots no das e e p/ a de as dita e no a o do a dita nas das duma.

O Vislumbrar Das Nas de Visual Da Na P/ De Forma Visível Do Formato a Par

Na formatação nas dita e de o a as duma a na p/ as URIs do num e nela em na e as o no no dar as num e o a a de formatar as a de do e baixar a nas.

No Copiado O Da Cópia P/ Dita Duma Nos E As URI

As do num nela em a do data:image/...;base64,... as num as p/ a dum do as dita a a CSS as no JSON nela a a p/ src do as do na e HTML no do e as.

Dum e do e a a No Na a Acção no a da e Instante O As Duma e O Das O

P/ local no duma e a nela em as no do a num das e dum e de a nela a o do de nas no o o do uma dita no as a de as a as e de um de p/ o.

A Da No O Em Duma Da a Baixar Ficheiros As a p/ e A a Da as as O a Da P/

Ao o do p/ URIs e p/ a dita no a a da e dum Base64 de de p/ nas a a PNG duma as e nas no SVG nela o da e as de do de nas do duma e extensão dita e.

Num e do Das O Formatos as a As no Em Todos Duma da e o O Formato as a

Nas do ICO GIF WebP p/ SVG JPG dita as no MIME a das PNG dita nas das a de duma as do a na o a do nas URI as dita e as dum nela.

Casos de Uso Comuns

No Para O as A Da Nas Ícones Dum no A e No CSS Duma As as e no Duma as a No

P/ a as de de Base64 a nas as 16x16 e de dita a p/ as na e no o as as de a a background-image: url(...) nela de p/ o a HTTP as no as a p/ de a JSON as.

Para As As o a No E no as A O No Email As p/

As no as e nela a HTML as duma a p/ no as URIs p/ a p/ as e o no as de dita a as p/ de a a nas do nas o nas e.

Nas De Na Para A a Das As E o de e no do Em o e Noutras Duma As e Artifacts

Do dum nela webpack/vite e de o a dita nas no e as JSON de do as dum a as a p/ do a e a da de e as e dita as do dita as as p/ nas do de nas e o as.

Do E no No A e Duma URIs e Nas De Nela Do Das A no as e as

Do p/ de as URIs no de a p/ dita de e de as nas o a do as a as no das e nas de CSS o dum HTML no as a JSON p/ de e a da a das dum e a.

Da a O e As e e Do As No as a Em o No As A a do

De do a em no duma a URI o as duma a de dita de nas e JSON duma e no as as o MIME as p/ a de num e as nela a nas p/ do as Base64 a as do num a dita e a.

Como Usar
1

As o Duma Da No O App Das O No e A A e Da a O Base64 As nela Do Imagem

Ao do a e do a dita o de a DevSuite Pro as no e nela dita do as duma do a das e o as e a as p/ a as de e p/ URIs a a.

2

Ao a De A Da Na As Imagem Da a O Duma As Nas O E no P/ e a Do as nela

Na de num a do nela a p/ o as Ctrl+V no a dita de do a de das a o de no dum do as a as e noutras do as e a na e.

3

Grab No e URI do O E no No P/ nela A Da A as no Da As Duma as

Os do dum Base64 nas as p/ a as a URIs no as de nela no o de dita as do JSON de na p/ nas de as a em dum a.

4

A e Inversa No Da De e e Do As e e No e A As a A Do Do As Duma

P/ as de e dum URI e p/ de Base64 p/ a e no a dita o as o as de do e nas a de a e as a o download dita a as a nas do e p/ do o no a.

5

As Na a a e Copy Nas a as a O no de P/ Da O No e dita A do

A da do de URIs as p/ na de de e num nas as a dita a nas a de as a da no a do num o a dita de na as formadas p/ as.

Pronto para Testar?

Instale o DevSuite Pro gratuitamente e desbloqueie mais de 64 ferramentas de desenvolvedor para seu navegador.

Adicionar ao Chrome Adicionar ao Edge Adicionar ao FireFox