Extracteur de Data URLs depuis HTML

• Extraction instantanée de Data URLs depuis HTML : extrayez instantanément toutes les URI data: intégrées du HTML. Collez n'importe quel code HTML et notre extracteur de data URLs recherche les URI data: dans img src, link href, url() CSS, source srcset, iframe src, script src, a href et les attributs object data - sans recherche manuelle.
• Traitement HTML sécurisé et privé : toute l'extraction de data URLs depuis HTML se fait entièrement dans votre navigateur. Vos documents HTML, URI extraites et résultats d'analyse ne quittent jamais votre appareil. Aucune donnée téléchargée, aucun suivi, aucune inscription - confidentialité totale.
• Extracteur de Data URLs en ligne - sans installation : utilisez l'extracteur de data URLs directement dans n'importe quel navigateur moderne, sans téléchargement, application ni plugin. Comprend la répartition par type MIME, l'analyse des tailles encodée/décodée et la prise en charge du téléchargement de fichiers individuels.
• Analyse complète et options de téléchargement : notre extracteur de data URLs fournit une répartition par type MIME, une comparaison des tailles encodée et décodée, une taille de fichier d'origine estimée, le contexte HTML environnant de chaque data URL et le téléchargement en un clic de fichiers individuels ou de toutes les data URLs extraites à la fois.

• Extraction d'images intégrées depuis des fichiers HTML : les développeurs web utilisent l'extracteur de data URLs pour extraire les images encodées en base64 des fichiers HTML afin de les optimiser séparément. Trouvez toutes les images intégrées, consultez leurs types MIME et leurs tailles, et téléchargez chaque image individuellement pour la convertir en fichier externe, avec un meilleur cache et des charges HTML plus légères.
• Audit de sécurité des données intégrées dans le HTML : les chercheurs en sécurité utilisent l'extracteur de data URLs pour auditer les documents HTML à la recherche de données intégrées pouvant contenir des informations sensibles. Identifiez toutes les URI data:, inspectez leurs types de contenu et examinez le contexte HTML environnant pour évaluer s'il est approprié d'intégrer des data URLs ou si elles devraient être externalisées.
• Analyse et optimisation d'e-mails HTML : les spécialistes de l'email marketing utilisent l'extracteur de data URLs pour analyser les modèles d'e-mail HTML qui intègrent des images sous forme de data URLs. Consultez la contribution totale en taille encodée de chaque ressource intégrée, comprenez la répartition des types MIME et décidez quelles images intégrer inline et lesquelles héberger en externe pour une meilleure compatibilité avec les clients de messagerie.
• Débogage de charges HTML volumineuses : les développeurs frontend qui déboguent des pages lentes utilisent l'extracteur de data URLs pour identifier les data URLs surdimensionnées qui alourdissent leur HTML. L'outil affiche les tailles encodée et décodée de chaque data URL, ce qui aide à repérer les ressources intégrées qui contribuent le plus au poids de la page.
• Migration des Data URLs vers des ressources externes : lors du refactoring du HTML pour utiliser des fichiers externes au lieu de data URLs intégrées, les développeurs utilisent l'extracteur pour cataloguer toutes les URI data:, leurs types MIME et leurs tailles. Téléchargez chaque ressource individuellement et remplacez l'URI data: par une référence à un fichier externe.
• Analyse de performance et de budget de taille HTML : les ingénieurs en performance utilisent l'extracteur de data URLs pour analyser quelle part de la taille d'un document HTML provient des data URLs intégrées par rapport au balisage réel. La répartition par type MIME et les statistiques totales de taille encodée/décodée aident à respecter les budgets de taille et à identifier les opportunités d'optimisation.

Les Data URLs (aussi appelées URI data:) sont un schéma d'URL défini par la RFC 2397 qui permet d'intégrer des données directement dans des documents HTML plutôt que de référencer des fichiers externes. Une data URL suit le format : data:[<type-MIME>][;base64],<données>. Par exemple, data:image/png;base64,iVBORw0KGgo... intègre une image PNG complète sous forme de chaîne encodée en base64 directement dans le HTML.

Les Data URLs sont couramment utilisées pour de petites images (icônes, sprites), des polices (woff2), des SVG inline et des modèles d'e-mail HTML où les ressources externes peuvent être bloquées. Bien qu'elles éliminent les requêtes HTTP, elles ajoutent environ 33 % de surcharge dues à l'encodage base64 et ne peuvent pas être mises en cache indépendamment par le navigateur. Notre extracteur de Data URLs depuis HTML vous aide à trouver et analyser toutes les URI data: intégrées, à comprendre leur impact sur la taille et à décider de les conserver inline ou de les migrer vers des fichiers externes.

1. 1. Saisissez le HTML : collez votre document HTML (ou tout texte contenant des URI data:) dans le panneau de saisie. L'outil analyse le contenu à la recherche de 14 motifs HTML courants où les data URLs apparaissent généralement : img src (images), link href (icônes, feuilles de style), déclarations url() CSS (arrière-plans, polices), source srcset (images responsives), iframe src (cadres inline), script src (scripts intégrés), a href (liens de téléchargement) et object data (plugins).
2. 2. Extraire et analyser : pour chaque data URL trouvée, l'extracteur analyse le type MIME (image/png, text/html, application/pdf, etc.), le type d'encodage (base64 vs encodage par pourcentage), calcule la taille encodée (la chaîne data URL complète), la taille décodée (les données réelles après décodage) et estime la taille de fichier d'origine (ajustée pour la surcharge base64). Une répartition par type MIME montre la distribution des types de contenu sur toutes les URLs extraites.
3. 3. Examiner et exporter : parcourez les data URLs extraites dans une mise en page en cartes avec des catégories de type MIME codées par couleur. Chaque carte affiche les détails de l'URL, les informations de taille et le contexte HTML environnant. Téléchargez des fichiers individuels avec des extensions détectées automatiquement, téléchargez tous les fichiers à la fois, ou copiez toutes les chaînes de data URL dans votre presse-papiers pour un traitement ultérieur.

• Taille encodée : la longueur totale en octets de la data URL telle qu'elle apparaît dans le HTML, y compris le préfixe data:, la déclaration de type MIME, le marqueur d'encodage (;base64) et les données encodées en base64 ou par pourcentage. C'est la contribution réelle de cette data URL au poids de votre page HTML.
• Taille décodée : la taille binaire réelle des données après décodage base64 ou par pourcentage. Pour les données base64, cela représente environ 75 % de la longueur des données encodées (base64 augmente les données binaires d'environ 33 %). Pour les données encodées par pourcentage, c'est la longueur de la chaîne UTF-8 décodée.
• Taille d'origine estimée : une approximation de la taille que le fichier aurait s'il était stocké comme fichier externe plutôt qu'intégré comme data URL. Cela corrige la surcharge d'encodage base64 (~33 %) plus les métadonnées (type MIME, marqueurs d'encodage). Cela vous aide à estimer l'empreinte réelle des données et les économies liées à l'externalisation des data URLs.
• Répartition par type MIME : la répartition des types de contenu sur toutes les data URLs extraites vous aide à comprendre quels types de données sont intégrés - images, polices, scripts, styles ou autre contenu - et leur contribution relative à la taille totale des données intégrées.

L'extracteur de data URLs est 100 % gratuit et sans inscription. Toute l'analyse HTML est effectuée localement dans votre navigateur - vos documents HTML, les data URLs extraites et les résultats d'analyse ne quittent jamais votre appareil. Il n'y a aucune limite de taille de fichier ni de quota d'utilisation. L'outil analyse 14 motifs de balises HTML différents, fournit une répartition par type MIME, une analyse des tailles encodée/décodée, des capacités de téléchargement individuelles et par lots, et fonctionne entièrement hors ligne après le premier chargement. Utilisez-le autant de fois que nécessaire pour analyser des documents HTML contenant des data URLs intégrées.