Archivo a Base64

Convierte un archivo en Base64, data URL y fragmentos para HTML o CSS.

Arrastra un archivo aquí o haz clic para elegirlo

PDF, fuentes, documentos, imágenes y audio

Data URL completo
Solo Base64
Etiqueta img
CSS url()
01

Data URL completo

FileReader lee los bytes y crea un data URL con el tipo MIME. La salida Base64 contiene solo la parte posterior a la coma; las salidas HTML y CSS sirven para imágenes compatibles.

02

Solo Base64

Cuando una API pide el contenido codificado sin el prefijo data:…;base64,.

03

CSS url()

No. Un img o un fondo CSS solo sirven para imágenes. Para PDF u otros documentos, usa un método de integración adecuado.

Detalles técnicos

Cómo funciona:

FileReader lee los bytes y crea un data URL con el tipo MIME. La salida Base64 contiene solo la parte posterior a la coma; las salidas HTML y CSS sirven para imágenes compatibles.

Ejemplo:

data:application/pdf;base64,JVBERi0xLjQKJ…

Usos habituales:

  • >Data URL completo
  • >Solo Base64
  • >CSS url()

Preguntas frecuentes

¿Sirve para cualquier archivo?

Sí. Base64 puede representar cualquier secuencia de bytes. Eso no significa que el navegador pueda mostrar cualquier tipo de archivo.

¿Cuándo uso solo Base64?

Cuando una API pide el contenido codificado sin el prefijo data:…;base64,.

¿Los fragmentos img y CSS funcionan con PDF?

No. Un img o un fondo CSS solo sirven para imágenes. Para PDF u otros documentos, usa un método de integración adecuado.

¿Se envían mis datos a un servidor?

No. El procesamiento se realiza en tu navegador.

Otros idiomas