URI de datos para HTML y CSS
Crea una cadena data:image/...;base64 para el atributo src de un elemento HTML img o una propiedad CSS background-image. Usa Prefijo de imagen para alternar entre una URI de datos y Base64 sin prefijo.
Imagen a Base64
Codifica una imagen en Base64 o copia una URI de datos para HTML y CSS.
Modo de conversión
Más acciones
Tabla de caracteres Base64
Base64 usa 64 caracteres: A-Z, a-z, 0-9, + y /. El símbolo = se usa como relleno.
Haz clic en un valor para copiarlo.
| Índice | Binario | Car. |
|---|---|---|
| 0 | A | |
| 1 | B | |
| 2 | C | |
| 3 | D | |
| 4 | E | |
| 5 | F | |
| 6 | G | |
| 7 | H | |
| 8 | I | |
| 9 | J | |
| 10 | K | |
| 11 | L | |
| 12 | M | |
| 13 | N | |
| 14 | O | |
| 15 | P |
| Índice | Binario | Car. |
|---|---|---|
| 16 | Q | |
| 17 | R | |
| 18 | S | |
| 19 | T | |
| 20 | U | |
| 21 | V | |
| 22 | W | |
| 23 | X | |
| 24 | Y | |
| 25 | Z | |
| 26 | a | |
| 27 | b | |
| 28 | c | |
| 29 | d | |
| 30 | e | |
| 31 | f |
| Índice | Binario | Car. |
|---|---|---|
| 32 | g | |
| 33 | h | |
| 34 | i | |
| 35 | j | |
| 36 | k | |
| 37 | l | |
| 38 | m | |
| 39 | n | |
| 40 | o | |
| 41 | p | |
| 42 | q | |
| 43 | r | |
| 44 | s | |
| 45 | t | |
| 46 | u | |
| 47 | v |
| Índice | Binario | Car. |
|---|---|---|
| 48 | w | |
| 49 | x | |
| 50 | y | |
| 51 | z | |
| 52 | 0 | |
| 53 | 1 | |
| 54 | 2 | |
| 55 | 3 | |
| 56 | 4 | |
| 57 | 5 | |
| 58 | 6 | |
| 59 | 7 | |
| 60 | 8 | |
| 61 | 9 | |
| 62 | + | |
| 63 | / |
Herramientas relacionadas
Tus estadísticas
0
Conversiones
0
Copias
0
Caracteres procesados
Texto
Modo favorito
0
Tamaño medio
100%
Puntuación de uso
Cómo convertir una imagen en Base64
No se ha podido cargar el vídeo. Puedes seguir las instrucciones que aparecen debajo.
El vídeo muestra la interfaz en inglés.
Al abrir la herramienta está seleccionado Codificar imagen. Pulsa Importar o Elegir archivos y elige una imagen. Comprueba que la vista previa muestra el archivo correcto. El original no cambia. El resultado Base64 es texto y puede ocupar más que la imagen.
Opciones de imagen a Base64
Formatos de imagen de entrada
Codifica JPG, PNG, GIF, WebP, AVIF, BMP o ICO. También puedes soltar un SVG. HEIC y HEIF se convierten en JPEG, y de un TIFF se usa la primera imagen como PNG.
Codificar y decodificar
Codifica una imagen importada o recupera una imagen de sus datos Base64. Codificar imagen descarga texto. Decodificar imagen descarga la imagen mostrada si la vista previa se ha cargado correctamente.
Mostrar 3 másMostrar menos
Imágenes del portapapeles
En Codificar imagen, usa Pegar para leer una imagen copiada si el navegador permite acceder al portapapeles.
Importaciones de hasta 50 MiB
Los archivos de imagen tienen un límite de 50 MiB. Los formatos que admite la vista previa y la memoria disponible también determinan qué imágenes se pueden mostrar.
Conversión en el navegador
Convierte una imagen importada en texto Base64. Los formatos de imagen habituales conservan sus bytes originales.
Preguntas frecuentes
¿Cómo convierto una imagen en Base64?
Elige Codificar imagen y añade la imagen. Activa Prefijo de imagen para obtener una URI de datos completa o desactívalo para obtener solo Base64. Copia el resultado o descarga el archivo de texto.
¿Cómo uso una imagen Base64 en HTML o CSS?
Con Prefijo de imagen activado, copia un valor como data:image/png;base64,... en el atributo src de un elemento HTML img o en un valor CSS background-image: url(...).
¿Cómo convierto Base64 en una imagen?
Elige Decodificar imagen e introduce los datos Base64 de la imagen, con o sin prefijo de URI de datos. Si el navegador puede mostrar el formato recuperado, comprueba la vista previa y usa Descargar para guardar la imagen.
¿Qué formatos de imagen puedo importar?
El selector de archivos acepta JPG, PNG, GIF, WebP, AVIF, BMP, TIFF, ICO, HEIC y HEIF. Puedes soltar un SVG en la página. HEIC y HEIF se convierten en JPEG, y la primera imagen de un TIFF en PNG. Los demás formatos compatibles conservan sus bytes originales. El límite es de 50 MiB.
Mostrar 2 másMostrar menos
¿Conviene incrustar imágenes grandes en Base64?
Base64 usa cuatro caracteres por cada tres bytes, más el relleno que haga falta. Los datos grandes crecen aproximadamente un tercio. Además, una imagen incrustada no se puede almacenar en caché como archivo independiente. Usa archivos de imagen normales para imágenes grandes o reutilizadas.
¿Se sube mi imagen a un servidor?
La codificación y decodificación se realizan en el navegador sin enviar la imagen a un servidor de conversión. Los contadores de uso pueden quedar guardados localmente después de cerrar la pestaña.
Detalles técnicos
Codificación de texto UTF-8
TextEncoder convierte el texto en bytes UTF-8 antes de que btoa produzca Base64. La decodificación usa atob y TextDecoder. Los archivos de texto se leen como UTF-8. Las secuencias UTF-8 no válidas se sustituyen por caracteres de reemplazo. Las imágenes siguen un proceso de importación distinto.
Dónde se realiza la conversión
El modo de texto trabaja con bytes UTF-8. Codificar imagen lee los datos de la imagen importada. Decodificar imagen comprueba los datos recuperados con el decodificador de imágenes del navegador.
Mostrar 4 másMostrar menos
Formatos y conversión de imágenes
Codificar imagen conserva los bytes de los formatos de imagen habituales. Para HEIC y HEIF usa la decodificación nativa cuando está disponible, o libheif en caso contrario, y después convierte a JPEG. Para TIFF usa UTIF y convierte la primera imagen en PNG. Decodificar imagen entrega la imagen recuperada al decodificador del navegador.
Procesamiento y memoria
La conversión de texto y la validación Base64 se ejecutan en un worker del navegador. Las entradas y los resultados grandes siguen ocupando memoria. Las vistas previas necesitan memoria adicional para los píxeles decodificados. El texto largo se muestra en una vista previa de solo lectura, pero se puede copiar o descargar el resultado completo.
URI de datos para HTML y CSS
Prefijo de imagen crea una URI de datos, como data:image/png;base64,..., para el atributo src de un elemento HTML img o un valor CSS url(). El resultado con prefijo conserva el alfabeto estándar, el relleno y una sola línea. Desactiva el prefijo para obtener Base64 sin él y usar la opción URL-safe.
Introducir texto e imágenes
Elige el modo antes de introducir datos. Escribe o pega texto, importa un archivo de texto o suelta una imagen en Codificar imagen. Usa Pegar en Codificar imagen para imágenes del portapapeles si el navegador lo permite. Al arrastrar archivos de texto se aceptan TXT, JSON y XML. El selector también ofrece CSV, HTML, CSS y JavaScript.