Comment convertir les polices et les images (actifs en général) en attributs de données?HTML et CSS: Transformez les polices et les images en chaînes de données
Les actifs se chargeraient-ils plus vite ou plus lentement de cette façon?
Vous devez savoir que DataURI n'est pas supporté par IE avant IE8. En outre, IE8 a une limitation pour au plus 32 Ko de dataURI dans les actifs CSS. Une description plus détaillée de DataURI peut être trouvée au this blog post.
Si vous avez besoin de la mise en œuvre de java, vous pouvez trouver un here:
Cela vous permet de transformer toutes les images dans un uri codé en base64 dans les fichiers css. Pour plus de détails sur la façon d'intégrer cette implémentation dans votre projet, visitez this page:
Divulgation: Je suis affilié au projet wro4j.
Merci, Alex. – Francisc
Vos pages se chargeraient plus lentement car les données doivent être téléchargées avec chaque requête alors qu'un fichier séparé peut être mis en cache. Essayez de garder l'utilisation des données uri pour les petits fichiers seulement.
encodeur uri pour les images: http://www.scalora.org/projects/uriencoder/
vous pouvez utiliser FileSystem API « s readAsDataURL meathod. Mais cela ne fonctionne que pour le chrome pour le moment.
Parlez-vous de [attributs de données] (http://ejohn.org/blog/html-5-data-attributes/) ou voulez-vous dire [données URI] (http://en.wikipedia.org/ wiki/Data_URI_scheme)? – Jerome
Salut, Jérôme. Je veux dire l'URI de données. – Francisc