Nouplo

Imagen a base64

Una imagen que puedes pegar en una hoja de estilos.

Arrastra tus archivos aquí

o haz clic para elegirlos desde tu dispositivoFormatos admitidos: JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP, HEIC, HEIF, SVG, ICO

Hasta 3 archivos por operaciónHasta 20 MB por archivo10 operaciones al díaQuita los límites con Pro✓ Funciona sin conexión

Tus archivos se quedan en tu dispositivo

Esta herramienta se ejecuta por completo en tu navegador. No se sube nada, no se guarda nada, e incluso puedes desconectarte de internet antes de empezar.

Cómo funciona

  1. Añade la imagen. PNG, JPEG, GIF, WebP, AVIF, SVG, BMP e ICO funcionan todos.
  2. Elige qué va alrededor: data URI a secas, regla CSS o etiqueta img.
  3. Copia el resultado.
  4. Mira la nota de tamaño. Incrustar ahorra una petición y deja de compensar antes de lo que se piensa.

Preguntas frecuentes

¿Se recodifica o se comprime la imagen?
No. Los bytes del archivo se leen y se codifican tal cual, así que un PNG optimizado sigue optimizado y un GIF animado sigue animado. Una herramienta que recodificara «para ayudar» cambiaría en silencio los colores de un icono.
¿Cuánto crece?
Alrededor de un tercio. El base64 convierte tres bytes en cuatro, más el prefijo. Ese es el precio de ahorrar una petición HTTP.
¿Cuándo compensa de verdad incrustar?
Para algo pequeño que hace falta de inmediato: un icono, un separador de 1×1, un logotipo diminuto en un correo. Pasados un par de kilobytes, los bytes extra en cada carga cuestan más que la petición ahorrada.
¿Puedo incrustar un SVG así?
Puedes, y a menudo no deberías: un SVG es texto y puede ir directo al HTML, donde el CSS puede darle color. El base64 es para cuando tiene que ser una única cadena opaca.
¿Se sube algo?
No. Todo ocurre en tu navegador.

Herramientas relacionadas

⇲ Comprimir imagen Deja tus archivos JPG, PNG y WebP más ligeros para el correo, la web o WhatsApp, directamente en tu navegador. ⇄ Convertir imagen Un único conversor para todos los formatos habituales, incluidos el HEIC del iPhone y el SVG, sin salir del navegador. ◰ Generador de favicon Entra una imagen; salen favicon.ico, apple-touch-icon, iconos del manifiesto y las etiquetas para pegar. ◉ Selector de color de imagen Un clic para un código de color, un botón para la paleta de la imagen.