Imagen a Base64 Gratuito en Línea
Convierte cualquier imagen a cadena Base64 para usar en CSS o HTML.
Who uses the Imagen a Base64?
- Desarrolladores front-end que incrustan pequeños iconos en CSS para eliminar solicitudes HTTP adicionales.
- Desarrolladores de correo electrónico que incrustan imágenes de logotipo en correos HTML que bloquean recursos externos.
- Integradores de API que envían datos de imagen en cuerpos de solicitud JSON que requieren codificación de cadena.
How the Imagen a Base64 works
Sube tu archivo de imagen usando el selector de archivos o arrástralo y suéltalo en el área de la herramienta.
La cadena Base64 se genera al instante en el cuadro de texto de salida.
Haz clic en «Copiar Base64» para copiar el URI de datos completo (data:image/png;base64,...) a tu portapapeles, para usar en atributos src de HTML o fondos CSS.
Si solo necesitas el Base64 sin procesar sin el prefijo del URI de datos, elimina manualmente todo hasta la primera coma incluida antes de usarlo.
Tips & tricks
- El botón Copiar siempre copia el URI de datos completo (con el prefijo «data:image/...;base64,») — no hay un botón separado solo para la cadena Base64 sin procesar.
- Base64 añade aproximadamente un 33 % al tamaño del archivo — esta herramienta es más adecuada para iconos pequeños e imágenes de menos de 10 KB aproximadamente, no para fotos grandes.
- Solo se puede procesar una imagen a la vez — sin conversión por lotes para varios archivos.
- El cuadro de texto de salida muestra el URI de datos completo en texto plano — también puedes seleccionar y copiar manualmente solo una parte si no quieres usar la salida completa del botón Copiar.
Frequently Asked Questions
¿Por qué incrustaría una imagen en Base64 en lugar de usar un archivo de imagen?
Incrustar imágenes en Base64 en HTML o CSS elimina una solicitud HTTP para esa imagen, lo que puede mejorar el rendimiento para iconos pequeños e imágenes críticas visibles sin desplazamiento. Esto es especialmente útil en correos electrónicos HTML donde las imágenes externas pueden bloquearse.
¿Cuánto más grande es una imagen Base64 que el archivo original?
La codificación Base64 añade aproximadamente un 33 % de sobrecarga. Un PNG de 10 KB se convierte en ~13.3 KB en Base64. Para imágenes grandes, esta sobrecarga supera el beneficio de ahorrar una solicitud HTTP — usa Base64 solo para imágenes menores de 10 KB.
¿El botón Copiar copia solo el Base64 sin procesar, o el URI de datos completo?
El botón Copiar Base64 siempre copia el URI de datos completo, incluyendo el prefijo «data:image/...;base64,» — no hay un botón separado solo para la cadena Base64 sin procesar. Si necesitas solo la cadena sin procesar (por ejemplo, para una carga útil de API), cópiala y elimina manualmente todo hasta la primera coma incluida.
¿Cómo uso una imagen Base64 en una etiqueta img HTML?
Usa el URI de datos completo como src: <img src="data:image/png;base64,iVBORw0KGgo..." alt="icon">. El navegador decodifica y muestra la imagen en línea sin solicitud externa.
¿Cómo uso una imagen Base64 en CSS?
Úsala como fondo: background-image: url("data:image/svg+xml;base64,..."). Esto es especialmente efectivo para iconos SVG porque mantiene los estilos autocontenidos.
¿Qué formatos de imagen se pueden convertir a Base64?
Cualquier formato que tu navegador pueda leer como archivo funciona: JPG, PNG, GIF, WebP y otros. El prefijo del URI de datos de salida refleja el tipo MIME real del archivo de origen.
Is my data safe when using the Imagen a Base64?
Completely safe. The Imagen a Base64 processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
What image formats does the Imagen a Base64 support?
The Imagen a Base64 works with common image formats supported by your browser, including JPEG, PNG, WebP, and GIF. SVG support varies by tool. No format conversion plugin or driver is needed.
Does the Imagen a Base64 work with large image files?
Yes. The Imagen a Base64 processes files entirely in your browser using the Canvas API. Very large files (over 20 MB) may take a few extra seconds on older or lower-powered devices. Closing other tabs can free up memory for better performance.