Codificador de imágenes
Convierte una imagen compatible en Base64, comprueba su vista previa y copia una Data URL lista para HTML o CSS.
Todavía no has seleccionado una imagen.
Incrustar imágenes pequeñas puede reducir solicitudes, pero las imágenes grandes aumentan el HTML o CSS y dificultan la caché. Úsalo con criterio.
Base64 representa los bytes de una imagen mediante caracteres de texto. La opción Data URL añade el tipo MIME y el prefijo necesario para utilizar el resultado directamente en atributos HTML o reglas CSS. La opción de Base64 puro resulta más adecuada cuando una API o un formato de datos solicita únicamente la cadena codificada.
Incrustar un icono pequeño puede evitar una solicitud de red adicional, pero la codificación aumenta aproximadamente un tercio el tamaño del contenido y dificulta almacenar la imagen en caché de forma independiente. Para fotografías, capturas o recursos reutilizados en muchas páginas suele ser mejor conservar un archivo optimizado y referenciarlo por URL. Base64 no comprime la imagen ni mejora su calidad.
url(...) en el navegador objetivo.Una cadena incompleta puede seguir pareciendo Base64 válido y, aun así, producir una imagen dañada. Puedes comprobar el recorrido inverso con Base64 a imagen antes de integrar el dato.
El portal excluye SVG porque ese formato puede contener scripts, enlaces u otros elementos activos. Los formatos admitidos se procesan localmente, aunque la aplicación de destino también debe permitir Data URLs y el tipo de imagen elegido. Algunas políticas de seguridad de contenido —CSP— bloquean recursos data:; en ese caso necesitarás ajustar la política bajo tu control o usar un archivo convencional. No compartas capturas que contengan credenciales, documentos o información personal solo porque estén codificadas: Base64 es reversible y no equivale a cifrado.
Fecha de verificación: .
Situación ficticia: un equipo necesita transportar un PNG pequeño como Data URL sin cambiar sus bytes.
Objetivo y decisiones: detectar el formato por firma real, rechazar una discrepancia MIME, esperar una vista previa válida y comprobar la ida y vuelta Base64 byte por byte.
Procedimiento: carga el caso IB-01, conviértelo y compara el SHA-256 mostrado con el manifiesto. También puedes descargar la imagen fuente y la Data URL de referencia.
Entrada de prueba y Resultado comprobado: el PNG, la Data URL y su hash quedan disponibles conforme a la metodología.
Firma PNG, 16 × 12 píxeles, cantidad de bytes, hash y reconstrucción idéntica.
La vista previa debe mostrar la imagen; la aplicación de destino debe aceptar Data URLs.
Límites: Base64 no cifra ni comprime. La transformación ocurre localmente; la página puede cargar AdSense y recursos generales externos, y las métricas generales solo registran {tool, action}, nunca la imagen ni la cadena.
