Image to Base64
Convert images to Base64
Convert images to Base64 Se ejecuta localmente en su navegador
About the
El conversor de imagen a Base64 convierte cualquier archivo de imagen en un URI de datos Base64 que puede pegar directamente en HTML, CSS o JSON. El archivo se lee con el lector de archivos del navegador y se codifica localmente, por lo que nunca se carga, lo que lo hace seguro para logotipos y recursos que preferiría no enviar a un tercero. El recuento de caracteres se muestra junto al resultado porque Base64 aumenta el tamaño en aproximadamente un tercio, y eso importa cuando la cadena termina en línea en una página.
Where people use the
- Incluir un logotipo pequeño para que una plantilla de correo electrónico se muestre sin recursos externos.
- Incrustar un icono en un documento HTML de un solo archivo.
- Poner una imagen en una carga útil JSON que solo acepta texto.
- Evitar una advertencia de contenido mixto en una página publicada a través de HTTPS.
How to use the
- 1
Elige una imagen
Utilice el control de carga para seleccionar cualquier archivo de imagen. Se aceptan formatos comunes como PNG, JPEG, GIF y SVG.
- 2
Espera la codificación
El URI de datos aparece en un área de texto una vez que se ha leído el archivo. Los archivos más grandes tardan un poco más.
- 3
Copia la cadena
Utilice el botón copiar para tomar el URI de datos completo, incluidos los datos: prefijo y el tipo de medio.
- 4
Pégalo donde lo necesites
Úselo como src de una etiqueta de imagen, dentro de un valor de URL() de CSS o como un campo en una carga útil JSON.
Consejos y mejores prácticas
- Mantenga pequeñas las imágenes insertadas; la cadena es aproximadamente un tercio más grande que el archivo.
- Copie todo el URI de datos, incluido el prefijo data:, o el navegador no lo mostrará.
- Para fotografías, aloje el archivo y vincúlelo en lugar de insertarlo.
Preguntas frecuentes
¿La imagen está subida a algún lugar?
No. El archivo se lee y codifica en su navegador, por lo que nunca sale de su dispositivo. Esa es la razón principal para usar esto en lugar de un convertidor en línea que realiza una carga.
¿Por qué la cadena es mucho más larga que el archivo?
Base64 representa tres bytes con cuatro caracteres, por lo que el resultado es aproximadamente un tercio más grande que el archivo original antes de cualquier otra sobrecarga.
¿Debo insertar imágenes en una página?
Sólo los pequeños. La inserción guarda una solicitud pero impide que el archivo se almacene en caché por separado y hace que el HTML sea más grande, por lo que se adapta a íconos y logotipos pequeños, no a fotografías.
¿Puedo ir por el otro lado?
Aquí no. Esta herramienta codifica un archivo de imagen en texto. La decodificación necesita un decodificador Base64 más el tipo de medio original.
¿Existe un límite de tamaño de archivo?
No hay límite de servidores, porque no se sube nada. Las imágenes muy grandes todavía tardarán en codificarse y producir una cadena difícil de manejar.