Como convirto unha imaxe nun data URI Base64 para CSS?

Solta ou pega unha imaxe (Ctrl+V), abre a lapela CSS e preme Copy. Obtés unha regra background-image: url(...) co data URI incluído. As lapelas HTML, Markdown, Raw Base64 e JSON funcionan do mesmo xeito.

Por que a saída en Base64 é preto dun terzo máis grande ca a miña imaxe?

Base64 converte cada 3 bytes en 4 caracteres de texto, así que o texto é ao redor dun 33 % máis grande ca o ficheiro. Por iso os data URI serven para iconas e logotipos pequenos, non para fotos grandes.

Como podo facer máis curta a cadea Base64?

Abre primeiro Shrink e define un Max width ou un Format (WebP, JPEG ou PNG), e baixa a Quality para WebP ou JPEG. Os ficheiros SVG e GIF non se poden reducir así; o SVG ten a súa propia lapela SVG (URL-encoded).

Podo converter unha cadea Base64 de novo en imaxe?

Si. Cambia Direction a Base64 to Image e pega un data URI ou Base64 simple. Recoñece PNG, JPEG, GIF, WebP, SVG, BMP, ICO e AVIF, e despois ofrece a descarga. Se a entrada non é válida, amosa un erro.

Por que falla Copy ou a vista previa aparece cortada cunha imaxe grande?

A vista previa só amosa os primeiros 2000 caracteres, pero Copy e Download dan o valor completo. As cadeas moi grandes poden superar o límite do portapapeis do navegador, así que usa Download ou reduce primeiro a imaxe.

Si. Todas as ferramentas son de uso gratuíto, sen conta nin tarxeta de crédito. O traballo execútase no teu dispositivo en lugar de nos nosos servidores, o que permite que sexa gratuíto.

Súbense os meus ficheiros?

Non. Os ficheiros ábrense e procésanse dentro do teu navegador e non se envían a LibraTool. Algunhas ferramentas descargan primeiro un motor de procesamento ou un modelo de IA no navegador; esa descarga non contén ningún dato teu.

Si. Funciona nos navegadores móbiles actuais en iOS e Android, sen instalar nada. Os ficheiros moi grandes poden ir lentos ou quedar sen memoria nun teléfono; para eses usa un ordenador.

🖼️

Imaxe a Base64 de balde

Converte unha imaxe a un URI de datos Base64 para uso en liña en CSS, HTML ou Markdown. Copia fragmentos listos para usar. Codificado no teu navegador; nunca se carga.

O tamaño do ficheiro depende do teu dispositivoOs ficheiros permanecen privadosNon é necesario iniciar sesiónDe balde para sempre

Funciona sen conexión unha vez cargado

Solta aquí un ficheiro ou fai clic para buscalo

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · procesado no teu dispositivo

ou preme Ctrl+V para pegar desde o portapapeis

Explorar ficheiros

Consello: tamén podes pegar unha imaxe dende o teu portapapeis (Ctrl+V).

Os teus ficheiros nunca saen do teu dispositivo. Todo o procesamento realízase localmente no teu navegador.

Converte unha imaxe nun data URI Base64 que podes pegar directamente en CSS, HTML ou Markdown — sen necesidade de ficheiro separado. Codificado no teu navegador; nunca se sube.

Usos habituais

Incorporar unha Imaxe en CSSIncrustar un pequeno icono ou fondo como URI de datos na súa folla de estilos.
Incrustar unha Imaxe en HTMLIncrustar un logo ou icono directamente en HTML independente.
Converter SVG ou Icono a Base64Converter un pequeno icono nun URI de datos para incrustar.
Incrustar unha Imaxe en MarkdownIncorporar unha pequena imaxe nun ficheiro Markdown con URI de datos.
Obter un URI de Datos de ImaxeProducir un URI de datos sin procesar que poda usar en calquera lugar.

Como funciona

Un URI de datos integra unha imaxe directamente no teu código como texto, polo que se carga sen unha solicitude de ficheiro separado — útil para iconas pequenas e HTML autosuficiente. Isto codifícao no teu navegador.

1
Ti soltas unha imaxe
Lese localmente coa API de FileReader — nunca se carga.
2
Codifícase en Base64
Os bytes da imaxe convértense nun URI de datos: (data:image/...;base64,…) directamente no teu navegador.
3
Ti elixes un fragmento
Copia o URI de datos bruto ou CSS listo (background-image), HTML (<img>) ou Markdown.
4
Pégao no teu código
A imaxe agora viaxa en liña co teu CSS/HTML — ningún ficheiro extra a aloxa.

A imaxe codifícase completamente no teu dispositivo. Ten en conta que Base64 é ~33% maior que o orixinal, polo que os URIs de datos son mellores para imaxes pequenas.

Ferramentas relacionadas

🖼️

Esteganografía de imaxes (ocultar texto en imaxe)

Oculta una mensaxe de texto secreta dentro dun PNG usando esteganografía de bit menos significativo, con cifrado opcional por contrasinal AES-256-GCM. Extráea máis tarde coa mesma ferramenta. Todo se executa no teu navegador.

PróbaoOs ficheiros permanecen locais

🔢

Codificador e decodificador Base64

Codifica texto ou ficheiros en Base64, ou decodifica cadeas Base64 de volta a texto simple. Instantáneo, privado e gratuíto.

Próbao

🔗

Codificador e decodificador de URL

Codificar e decodificar URL e cadeas de consulta. Admite encodeURIComponent, decodeURIComponent e análise de cadeas de consulta.