Imagen a Base64
Convierte una imagen pequeña en texto que puedes pegar directamente en HTML, CSS o Markdown, para que la página no necesite una petición extra. La imagen no sale de tu navegador.
Se ejecuta en tu navegador: no se sube nada.
Leyendo…
Cargado: ·
Cómo se usa
- Suelta una imagen (PNG, JPEG, WebP, GIF, SVG, AVIF…) en el recuadro.
- Elige lo que necesitas: un data URI, una etiqueta <img>, una regla CSS, Markdown o solo el Base64.
- Copia el resultado. Si se marca como grande, considera usar un archivo de imagen normal.
Preguntas frecuentes
¿Se sube mi imagen?
No. Tu navegador la lee y la codifica.
¿Cuándo conviene un data URI?
Para imágenes muy pequeñas (iconos, logos diminutos, marcadores de posición de menos de unos 10 KB): ahorran una petición y funcionan en correos y páginas de un solo archivo. Para imágenes mayores es mejor un archivo normal.
¿Por qué el texto es tan largo?
Base64 convierte cada 3 bytes en 4 caracteres, así que el texto es un tercio más grande que el archivo. Además no se puede guardar en caché por separado y se repite cada vez que aparece en la página.
¿Funciona con SVG?
Sí. Con SVG a menudo se obtiene un resultado más corto con un data URI codificado como URL, pero Base64 funciona en todas partes.
¿Tengo que cambiar la Content-Security-Policy?
Si tu sitio define una CSP, permite data: en img-src (y en font-src o style-src según el caso) o el navegador bloqueará las imágenes data URI.