Incrustar recursos pequeños rápido
Iconos, SVG y textos cortos pueden ir dentro de la página.
Herramienta gratuita para desarrolladores
Generador de Data URI Recursos inline para HTML y CSS
Generador de Data URI gratuito para frontend. Sube PNG, JPEG, SVG, fuentes o pega texto para crear Data URI en Base64 o codificadas como URL para HTML img src y CSS background-image.
AD
Generador de Data URI resuelve estos problemas
Generador de Data URI gratuito para frontend. Sube PNG, JPEG, SVG, fuentes o pega texto para crear Data URI en Base64 o codificadas como URL para HTML img src y CSS background-image.
Evitar errores MIME
Revisa o edita el MIME antes de copiar.
Mantener archivos privados
Los archivos solo se leen en el navegador.
Generador de Data URI funciones
Generador de Data URI gratuito para frontend. Sube PNG, JPEG, SVG, fuentes o pega texto para crear Data URI en Base64 o codificadas como URL para HTML img src y CSS background-image.
Archivo o texto
Añade PNG, JPEG, SVG, texto y fuentes.
Selección automática
URL para texto/SVG, Base64 para binarios.
MIME editable
Sobrescribe el tipo cuando haga falta.
Tres salidas
Copia Data URI, CSS o HTML.
Vista previa y datos
Comprueba tamaño y resultado.
Flujo local
Genera sin subir archivos.
cómo usar Generador de Data URI
Generador de Data URI gratuito para frontend. Sube PNG, JPEG, SVG, fuentes o pega texto para crear Data URI en Base64 o codificadas como URL para HTML img src y CSS background-image.
01
Añade el recurso
Pega texto o elige un archivo.
- Procesamiento local, sin subida
02
Comprueba MIME
Revisa image/png, image/svg+xml y otros.
- Procesamiento local, sin subida
03
Elige codificación
Usa Auto, Base64 o URL.
- Procesamiento local, sin subida
04
Copia el snippet
Pégalo en HTML o CSS.
- Procesamiento local, sin subida
Generador de Data URI flujos de trabajo
Generador de Data URI gratuito para frontend. Sube PNG, JPEG, SVG, fuentes o pega texto para crear Data URI en Base64 o codificadas como URL para HTML img src y CSS background-image.
Generador de Data URI casos de uso
Generador de Data URI gratuito para frontend. Sube PNG, JPEG, SVG, fuentes o pega texto para crear Data URI en Base64 o codificadas como URL para HTML img src y CSS background-image.
Iconos SVG inline
Iconos, SVG y textos cortos pueden ir dentro de la página.
Prototipos de un archivo
Pégalo en HTML o CSS.
Ejemplos de documentación
Comprueba tamaño y resultado.
Generador de Data URI FAQ
Generador de Data URI gratuito para frontend. Sube PNG, JPEG, SVG, fuentes o pega texto para crear Data URI en Base64 o codificadas como URL para HTML img src y CSS background-image.
¿Se suben mis archivos?
No, todo se procesa localmente en el navegador.
¿Cuándo usar Base64?
Para imágenes, fuentes y binarios.
¿Cuándo usar URL?
Para SVG, CSS, JSON y texto.
¿Sirve para archivos grandes?
No, es mejor para recursos pequeños.
empieza a usar Generador de Data URI
Generador de Data URI gratuito para frontend. Sube PNG, JPEG, SVG, fuentes o pega texto para crear Data URI en Base64 o codificadas como URL para HTML img src y CSS background-image.
Generador de Data URI gratuito en el navegador.