¿Cómo convierto una imagen en un data URI Base64?

Suelta o carga tu imagen en la caja. La herramienta genera al instante el data URI completo, incluido el prefijo data:image/png;base64, en el cuadro de salida. Pulsa Copiar y pégalo en tu HTML o CSS.

¿El data URI incluye el prefijo que necesito para HTML y CSS?

Sí. La cadena empieza con el prefijo correcto data:image/...;base64, así que puedes pegarla directamente en un atributo src de img o en un valor url() de CSS sin editar nada.

¿Qué formatos de imagen puedo convertir a Base64?

Funciona cualquier imagen estándar del navegador, incluidos PNG, JPG, GIF, WebP y SVG. La salida conserva el formato original, así que se mantienen la transparencia y los vectores.

¿Es seguro convertir imágenes privadas aquí?

Sí. La conversión se ejecuta de forma local en tu navegador, sin subir nada, así que tu imagen nunca sale de tu dispositivo. No se guarda nada en un servidor.

Imagen a Base64 | JotTools

Suelta tu imagen aquí

o Buscar archivos Permanece en tu dispositivo. No se sube nada.

Qué hace la herramienta Imagen a Base64

Esta herramienta convierte cualquier imagen (PNG, JPG, GIF, SVG, WebP) en una cadena de data URI Base64 que puedes pegar directamente en HTML, CSS, JSON o una plantilla de correo. En lugar de enlazar a un archivo .png aparte, toda la imagen vive dentro del código como texto, así tienes un archivo menos que alojar y una petición de red menos que esperar. Es práctica para iconos pequeños, logos en línea, fondos de CSS, favicons y demos rápidas en las que no quieres gestionar archivos de recursos. Quienes desarrollan front-end, programan correos o incrustan un logo en una página estática le sacarán el mayor partido.

Cómo usarlo

Arrastra una imagen a la caja, o haz clic para buscar un archivo en tu dispositivo.
La herramienta lee el archivo y muestra sus dimensiones y tamaño, y luego genera el data URI de forma automática. No hay ajustes extra que tocar.
Lee el resultado en el cuadro “data URI Base64”. La cadena ya incluye el prefijo data:image/...;base64,, así que está lista para usar.
Pulsa Copiar para tomar la cadena completa y pégala en tu <img src="">, en url() de CSS o donde la necesites.

Por qué convertir aquí

La conversión ocurre por completo en tu navegador usando el FileReader integrado, así que tu imagen nunca se sube a ningún sitio. Eso mantiene privados los gráficos privados y hace que el resultado aparezca en el instante en que se carga el archivo. Es gratis, no necesita cuenta y funciona igual en teléfono, tableta o portátil. Como la salida conserva el formato original, un PNG transparente sigue siendo transparente y un SVG sigue siendo un SVG.

Consejos

Las cadenas Base64 ocupan alrededor de un 33 por ciento más que el archivo original, así que es mejor para imágenes pequeñas. Para fotos grandes, un enlace alojado normal suele ser más ligero. ¿Conviertes una carpeta de iconos a la vez? La app de escritorio BulkPro, del mismo equipo, se encarga de los trabajos por lotes. Encuentra más utilidades en la categoría de imagen.

Preguntas frecuentes

¿Cómo convierto una imagen en un data URI Base64?: Suelta o carga tu imagen en la caja. La herramienta genera al instante el data URI completo, incluido el prefijo data:image/png;base64, en el cuadro de salida. Pulsa Copiar y pégalo en tu HTML o CSS.
¿El data URI incluye el prefijo que necesito para HTML y CSS?: Sí. La cadena empieza con el prefijo correcto data:image/...;base64, así que puedes pegarla directamente en un atributo src de img o en un valor url() de CSS sin editar nada.
¿Qué formatos de imagen puedo convertir a Base64?: Funciona cualquier imagen estándar del navegador, incluidos PNG, JPG, GIF, WebP y SVG. La salida conserva el formato original, así que se mantienen la transparencia y los vectores.
¿Es seguro convertir imágenes privadas aquí?: Sí. La conversión se ejecuta de forma local en tu navegador, sin subir nada, así que tu imagen nunca sale de tu dispositivo. No se guarda nada en un servidor.