Imagen a Base64

Un conversor de imagen a Base64 codifica un archivo de imagen como texto: el URI de datos (data:image/png;base64,iVBORw0…) que incrusta la imagen directamente dentro de HTML, CSS, JSON o JavaScript en lugar de hacer referencia a un archivo separado. La imagen se convierte en parte del código.

El intercambio es solicitudes versus bytes: una imagen en línea guarda una solicitud HTTP (una vez significativa, menos bajo HTTP/2+) pero cuesta ~33% de gastos generales de tamaño (impuesto de codificación Base64) y pierde almacenamiento en caché independiente. El punto óptimo es pequeño: iconos, logotipos pequeños e imágenes de marcador de posición en unos pocos KB en línea; las fotos no.

Sube la imagen y copia su URI de datos Base64.

Donde la inserción gana su lugar: pequeños íconos y decoraciones en CSS (una hoja de estilo, cero solicitudes adicionales: el uso clásico), HTML de archivo único autónomo (plantillas de correo electrónico donde se bloquean las imágenes vinculadas, documentos fuera de línea, demostraciones de código en sandboxes), imágenes dentro de cargas útiles JSON (API y configuraciones que deben contener una imagen en texto) y creación rápida de prototipos sin alojamiento de activos. El caso del correo electrónico es destacado: las imágenes incrustadas se muestran sin el mensaje "¿cargar imágenes?" puerta, aunque la disciplina de tamaño importa doblemente allí.

La regla de juicio: menos de ~5 KB, en línea libremente; 5–20 KB, considere; más allá, aloje el archivo: la sobrecarga del 33 % más la pérdida de almacenamiento en caché superan la solicitud guardada. Y tenga en cuenta que los URI de datos aumentan visiblemente el archivo que los contiene: una hoja de estilo que tiene diez íconos en línea los usa en su tamaño. Los archivos se convierten y se devuelven, no se almacenan.