Las herramientas de desarrollo que usas cada día, todas en un mismo lugar.

Conversores, formateadores, hashes, validadores y las pequeñas utilidades que no dejas de reabrir se quedan juntos en lugar de perderse entre pestañas.

GitHub

/ Herramientas

■

/ Buscador de herramientas

109 herramientas

/ Imagen a Base64

Seleccionar imagen

Tamaño máximo de archivo: 5MB. Formatos admitidos: PNG, JPG, GIF, SVG, WebP

/ Herramienta seleccionada

■

Imagen a Base64 - herramienta de conversión gratuita

Convierte imágenes a data URLs Base64 para incrustarlas en HTML/CSS

■ 01

¿Qué es la codificación Base64 de imágenes?

La codificación Base64 convierte archivos de imagen en cadenas de texto que se pueden incrustar directamente en HTML o CSS. Esto elimina solicitudes HTTP separadas para las imágenes, pero aumenta el tamaño del archivo en aproximadamente un 33%.

■ 02

¿Cómo funciona?

La codificación Base64 convierte los datos binarios de la imagen en texto ASCII agrupando los datos binarios en bloques de 6 bits y asignando cada bloque a un carácter de un conjunto de 64 caracteres (A-Z, a-z, 0-9, +, /). Esta codificación permite que los datos binarios…

■ 03

Casos de ejemplo

Cubre Uso en HTML y Uso en CSS para que puedas comparar entradas y salidas comunes rápidamente.

/ Herramientas relacionadas

/ Código

■

Código fuente de la herramienta seleccionada, mostrado aquí junto a la versión en vivo a la derecha.

/ Código fuente

TypeScript

typescript

// No npm packages needed - pure Node.js/TypeScript

import * as fs from 'fs';
import * as path from 'path';

interface Base64Result {
  dataUrl: string;
  base64: string;
  mimeType: string;
  originalSize: number;