🖼️Imagen ↔ Base64
Cargando...
Codificar imágenes como Base64 te permite incrustarlas directamente en HTML, CSS o JSON como texto plano sin necesidad de un archivo separado. Suelta o pega una imagen y esta herramienta generará instantáneamente una Data URL, cadena Base64 bruta, etiqueta img de HTML, valor de fondo CSS y sintaxis de imagen Markdown.
Cómo usar
- 1Subir una imagen
Arrastra y suelta un archivo de imagen, haz clic para buscar o pega una captura de pantalla desde el portapapeles (Ctrl+V).
- 2Verificar la vista previa
Revisa la vista previa de la imagen junto con el nombre del archivo, tipo, tamaño, dimensiones y el tamaño en Base64.
- 3Copiar el formato que necesites
Haz clic en el botón de copiar junto a Data URL, Base64, etiqueta img HTML, fondo CSS o Markdown.
Consejos
- 💡Más adecuado para iconos y logotipos pequeños. Las imágenes grandes producen cadenas Base64 extensas que pueden afectar el rendimiento.
- 💡Copia el valor de fondo CSS y pégalo directamente en un estilo en línea o archivo CSS.
- 💡Todo el procesamiento ocurre en tu navegador; tus imágenes nunca se suben a un servidor.
- 💡Usa la pestaña 'Base64 → Imagen' para lo inverso: pega una cadena Base64 o Data URL para previsualizarla y descargarla como archivo de imagen.