Convertir JPG a Base64 - Gratis, Instantáneo, en tu Navegador
Conversor de JPG a Base64
Hasta 10 MB. No se sube nada: el archivo no sale de tu dispositivo.
Úsalo en un atributo <img src> o en una url() de CSS.
Sin el prefijo data:, para cargas JSON y APIs.
Tus archivos son privados
Esta conversión se ejecuta por completo dentro de tu navegador. La imagen nunca se sube, así que nada de lo que codifiques aquí llega a nuestro servidor ni a nadie más.
Sobre la conversión de JPG a Base64
Los archivos JPG son fotografías, y las fotografías pesan. Ese solo hecho cambia el cálculo respecto a codificar un icono: una foto de 200 KB se convierte en unos 267 KB de texto que el navegador debe descargar entera, mantener en memoria y descodificar antes de poder mostrar nada. Para la mayoría de sitios es un mal negocio. Hay, sin embargo, tres situaciones en las que es exactamente el acertado.
Cómo convertir JPG a Base64
- 1 Suelta tu archivo .jpg o .jpeg en el área de carga.
- 2 Fíjate en la línea de tamaño que muestra la herramienta: es la cifra que decide si incrustar tiene sentido.
- 3 Copia el data URI para HTML y CSS, o la cadena en bruto si va dentro de JSON.
Para una página web normal, suele ser un error
Una etiqueta de imagen normal permite al navegador descargar la foto en paralelo, guardarla en caché durante meses, saltársela por completo si está bajo el pliegue y cargar una versión más pequeña en el móvil. Incrustar tira esas cuatro ventajas de golpe. Ahora la foto llega dentro del HTML o del CSS, bloquea el primer pintado, no se puede cachear por separado, se descarga incluso para visitantes que nunca llegan a verla, y es idéntica en un monitor 4K y en un móvil básico. Cuanto más grande sea la foto, más te cuesta cada una de esas cosas.
Tres casos en los que sí conviene
Primero, las plantillas de correo: muchos clientes bloquean las imágenes externas por defecto, así que una foto incrustada es la única que aparece de forma fiable. Segundo, los marcadores diminutos: una imagen deliberadamente borrosa de unos pocos cientos de bytes, incrustada para que se vea algo mientras carga la foto real. Tercero, mover una imagen a través de un sistema que sólo acepta texto: una API JSON, la carga de un webhook, una columna de base de datos, una cola de mensajes. En los tres casos la alternativa no es una imagen más rápida, es ninguna imagen.
Reduce la foto antes de codificarla
A Base64 le da igual lo que le entregues: agranda una foto de vacaciones de 3 MB con la misma fidelidad que una miniatura. Haz el trabajo en el orden correcto: recorta al tamaño que vas a mostrar de verdad, baja la calidad JPG hasta que la diferencia deje de notarse, y sólo entonces codifica. Una foto que se va a ver a 400 píxeles de ancho no tiene por qué codificarse a 4000. Si el resultado sigue pesando cientos de kilobytes, es la herramienta diciéndote que enlaces al archivo.