Imagen a Base64

Todas las herramientas

Suelta una imagen aquí o haz clic para elegir un archivo

PNG, JPEG, GIF, WebP, SVG, AVIF — procesado local, nada se sube.

Acerca del conversor de imagen a Base64

La codificación Base64 convierte los datos binarios de una imagen en texto, de modo que la imagen puede incrustarse directamente en HTML, CSS, JSON o Markdown como data URI en lugar de servirse como archivo separado.

Este conversor lee tu archivo localmente con la API FileReader y produce el data URI completo, el contenido Base64 sin procesar y fragmentos CSS y HTML listos para pegar. La imagen nunca sale de tu dispositivo.

Cómo convertir una imagen a Base64

  1. Suelta una imagen en el área de carga o haz clic para elegir un archivo.
  2. Revisa la vista previa y la información de sobrecarga de tamaño.
  3. Copia el data URI, el Base64 sin procesar o el fragmento CSS o HTML que necesites.
  4. Para el sentido inverso, pega un data URI en el campo de decodificación y previsualízalo.

Consejos

  • Base64 añade aproximadamente un 33% al tamaño del archivo — inserta solo imágenes pequeñas como iconos y logos.
  • Las imágenes insertadas no se cachean por separado; se vuelven a descargar con cada página que las incrusta.
  • Comprime o redimensiona la imagen primero: la codificación no reduce nada.
  • Para iconos simples, el SVG en línea suele ganar a un PNG en Base64 tanto en tamaño como en nitidez.

Guías relacionadas

Aprenda el workflow detrás de esta herramienta y qué revisar después.

Comprobaciones antes de insertar imágenes en Base64

Insertar elimina una petición pero agranda la página y bloquea la caché. Confirma que el intercambio vale la pena para cada recurso.

Inserta solo imágenes pequeñas

Base64 añade aproximadamente un 33% de sobrecarga y la cadena infla el HTML o CSS. Inserta iconos y gráficos pequeños, no fotos.

Considera el impacto en la caché

Una imagen insertada se descarga de nuevo con cada documento en lugar de cachearse una vez como archivo separado.

Comprime antes de codificar

Base64 no comprime nada. Optimiza o redimensiona la imagen primero y luego codifica el archivo más pequeño.

Prefiere SVG cuando sea posible

Para iconos simples, el SVG en línea suele ser más pequeño y nítido que una imagen rasterizada en Base64.

Privacidad y uso

Comprobaciones rápidas sin cuenta

Toolinix está pensado para tareas cortas de desarrollo: pegue una muestra segura, revise el resultado, copie lo necesario y continúe.

Sin inicio de sesión

Puede usar las herramientas sin crear una cuenta, suscribirse a un boletín ni guardar un espacio de trabajo.

Local cuando es posible

Los formateadores, generadores, codificadores y utilidades de texto suelen ejecutarse en el navegador. Los diagnósticos de red pueden necesitar una consulta asistida por servidor para comprobar URLs, dominios o IPs públicos.

No pegue secretos

No pegue contraseñas de producción, claves privadas, tokens de acceso, datos de clientes ni datos regulados en herramientas online salvo que su propia política de seguridad lo permita.

Herramientas relacionadas

Estas herramientas también pueden resultarle útiles.

Preguntas frecuentes de imagen a Base64

¿Se sube mi imagen a un servidor?
No. El archivo se lee localmente en tu navegador con la API FileReader y nunca se transmite.
¿Qué formatos se admiten?
Cualquiera que tu navegador pueda abrir como imagen — PNG, JPEG, GIF, WebP, SVG, AVIF y más.
¿Por qué la cadena Base64 es más grande que mi archivo?
Base64 representa cada 3 bytes como 4 caracteres, lo que añade cerca de un 33% de sobrecarga antes de la compresión.
¿Cuándo debería usar un data URI?
Para imágenes pequeñas que cambian poco, donde ahorrar una petición HTTP importa más que la caché — iconos, placeholders o imágenes de correo.