Codifique cualquier imagen como un URI de datos Base64
Suelte una imagen en la herramienta y obtenga instantáneamente la cadena codificada en Base64. Utilice la salida como URI de datos en HTML, CSS o JSON sin alojar la imagen por separado. La herramienta muestra la longitud codificada, el tipo MIME y una vista previa en vivo para que pueda verificar el resultado antes de copiar.
Utilice esta herramienta gratisBrowser tool
Image to Base64
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
como usar
Sube una imagen
Arrastre un archivo JPEG, PNG, WebP, GIF o SVG a la herramienta. La imagen se lee localmente y nunca sale de su dispositivo.
Revisar el resultado
La herramienta muestra la cadena Base64, el URI de datos y una vista previa en vivo de la imagen decodificada para que pueda confirmar que coincide.
Copiar o descargar
Haga clic para copiar la cadena URI de datos o descargarla como un archivo de texto sin formato. Utilice los botones de fragmentos de HTML o CSS para obtener código listo para pegar.
Características
Soporte de múltiples formatos
Codifique archivos JPEG, PNG, WebP, GIF y SVG. El tipo MIME correcto se detecta automáticamente y se incluye en el prefijo del URI de datos.
Copia con un clic
Copie la cadena Base64 sin formato o el URI de datos completo con un solo clic. Un brindis de confirmación le permite saber que el texto está en su portapapeles.
Estadísticas de producción
Vea el tamaño del archivo original, la longitud de la cadena codificada y el porcentaje de sobrecarga de codificación. Esto le ayuda a decidir si vale la pena hacer una compensación por insertar la imagen.
Fragmentos de CSS y HTML
Obtenga fragmentos de código listos para pegar para una etiqueta img HTML y una regla de imagen de fondo CSS. Copie el fragmento y suéltelo directamente en su base de código.
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai EnhancePresupuesto
| Formatos de entrada | JPEG, PNG, WebP, GIF, SVG |
| Producción | Cadena Base64/URI de datos |
| Tamaño máximo de archivo | 10 megas |
| Detección MIME | Automático |
| Formatos de fragmentos | Imagen HTML, fondo CSS |
| Tratamiento | Del lado del cliente (sin carga) |
Related Magic Eraser Tools
Preguntas comunes
¿Cuándo debo utilizar Base64 en lugar de un archivo de imagen normal?
+
La incorporación de Base64 es más útil para imágenes muy pequeñas, como íconos, píxeles de seguimiento de 1x1 o elementos diminutos de la interfaz de usuario en los que guardar una solicitud HTTP adicional es más importante que el aumento de tamaño de aproximadamente 33 % que agrega la codificación Base64.
¿La codificación Base64 reduce la calidad de la imagen?
+
No. Base64 es una codificación sin pérdidas de los datos del archivo binario. La imagen decodificada es byte por byte idéntica a la original. La única desventaja es una mayor carga de texto.
¿Existe un tamaño máximo de archivo que puedo codificar?
+
La herramienta acepta archivos de hasta 10 MB. Las imágenes más grandes producirán cadenas muy largas que pueden resultar poco prácticas para insertarlas en línea. Para imágenes grandes, alojar el archivo y vincularlo con una URL casi siempre es el mejor enfoque.
¿Necesita una imagen fuente más pequeña?
AI Enhance puede comprimir y optimizar imágenes antes de codificarlas. Un archivo fuente más pequeño produce una cadena Base64 más corta, lo que reduce el peso de la página.
Pruébalo gratisMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Diseñe degradados lineales, radiales y cónicos con múltiples paradas de color. Copie el código CSS o descárguelo como una imagen PNG. No es necesario registrarse.
Convierta colores entre formatos con nombre HEX, RGB, HSL, HSB, CMYK y CSS. Vea una vista previa en vivo, copie cualquier valor y exporte una tarjeta de color. No es necesario registrarse.
Convierta códigos de color HEX a valores RGB y viceversa. Vista previa en vivo, copia con un clic y salida de fragmentos de CSS. No es necesario registrarse: funciona en su navegador.
Elija cualquier color de una imagen cargada y obtenga sus códigos HEX, RGB y HSL al instante. Cree paletas a partir de fotografías para diseño web, marca e ilustración.
Cargue una foto y extraiga de 5 a 10 colores dominantes con códigos HEX, RGB y HSL. Copie muestras, exporte como variables ASE o CSS. No es necesario registrarse.
Genere códigos QR para URL, texto, credenciales WiFi y vCards. Personalice los colores, agregue un logotipo central y descárguelo como PNG o SVG. No es necesario registrarse.