Imagen a Base64
Convierte una imagen en data URI.
Drop an image here
or
Cómo usar Imagen a Base64
Arrastra una imagen al cargador o haz clic para seleccionarla.
Elige el formato de salida: Base64 en bruto, data URI, regla CSS o etiqueta img.
Copia el fragmento directamente en tu hoja de estilos o en tu marcado.
Preguntas frecuentes
¿Cuándo conviene incrustar una imagen en Base64?
Para recursos pequeños —iconos, logotipos, un degradado— incrustarlos ahorra una petición. Base64 añade un 33% de tamaño, así que deja las fotos como archivos.
¿Qué formatos admite?
PNG, JPG, WEBP, GIF y SVG. El tipo MIME correcto se escribe automáticamente en el data URI para que el navegador lo muestre de inmediato.
¿Se sube mi imagen a algún servidor?
No. Tu navegador lee el archivo con la API FileReader y lo codifica localmente, así que un diseño aún sin publicar se queda en tu dispositivo.
Herramientas relacionadas
¿Buscas otra cosa? Explora todas las herramientas para desarrolladores.