Извлечение Data URL из HTML

• Мгновенное извлечение Data URL из HTML: мгновенно извлекайте все встроенные data:-URI из HTML. Вставьте любой HTML-код, и наш извлекатель data URL найдёт data:-URI в img src, link href, url() CSS, source srcset, iframe src, script src, a href и атрибутах object data — без ручного поиска.
• Безопасная и приватная обработка HTML: всё извлечение data URL из HTML происходит исключительно в вашем браузере. Ваши HTML-документы, извлечённые URI и результаты анализа никогда не покидают устройство. Никаких загрузок данных, никакого отслеживания, никакой регистрации — полная приватность.
• Извлекатель Data URL онлайн без установки: используйте извлекатель data URL прямо в любом современном браузере без загрузок, приложений и плагинов. Включает разбивку по MIME-типам, анализ закодированного и декодированного размера и поддержку скачивания отдельных файлов.
• Комплексный анализ и варианты скачивания: наш извлекатель data URL предоставляет разбивку по MIME-типам, сравнение закодированного и декодированного размера, оценку исходного размера файла, окружающий HTML-контекст для каждого data URL и скачивание в один клик отдельных файлов или всех извлечённых data URL сразу.

• Извлечение встроенных изображений из HTML-файлов: веб-разработчики используют извлекатель data URL, чтобы извлечь изображения в base64 из HTML-файлов для отдельной оптимизации. Найдите все встроенные изображения, посмотрите их MIME-типы и размеры и скачайте каждое изображение отдельно, чтобы преобразовать его во внешний файл — для лучшего кеширования и меньшего объёма HTML.
• Аудит безопасности встроенных данных в HTML: специалисты по безопасности используют извлекатель data URL для аудита HTML-документов на предмет встроенных данных, которые могут содержать конфиденциальную информацию. Определите все data:-URI, изучите их типы содержимого и просмотрите окружающий HTML-контекст, чтобы оценить, уместно ли встраивание data URL или их следует вынести наружу.
• Анализ и оптимизация HTML-писем: специалисты по email-маркетингу используют извлекатель data URL для анализа HTML-шаблонов писем, встраивающих изображения как data URL. Посмотрите общий вклад в закодированный размер от каждого встроенного ресурса, поймите распределение MIME-типов и решите, какие изображения встраивать, а какие размещать внешне для лучшей совместимости с почтовыми клиентами.
• Отладка больших HTML-нагрузок: фронтенд-разработчики, отлаживающие медленно загружающиеся страницы, используют извлекатель data URL, чтобы выявить слишком большие data URL, раздувающие HTML. Инструмент показывает закодированные и декодированные размеры каждого data URL, помогая определить, какие встроенные ресурсы вносят наибольший вклад в вес страницы.
• Миграция Data URL во внешние ресурсы: при рефакторинге HTML для использования внешних файлов вместо встроенных data URL разработчики используют извлекатель, чтобы каталогизировать все data:-URI, их MIME-типы и размеры. Скачайте каждый ресурс отдельно и замените data:-URI ссылкой на внешний файл.
• Анализ производительности и бюджета размера HTML: инженеры по производительности используют извлекатель data URL, чтобы проанализировать, какая часть размера HTML-документа приходится на встроенные data URL по сравнению с самой разметкой. Разбивка по MIME-типам и общая статистика закодированного/декодированного размера помогают соблюдать бюджеты размера и выявлять возможности оптимизации.

Data URLs (также называемые data:-URI) — это схема URL, определённая RFC 2397, позволяющая встраивать данные прямо в HTML-документы вместо ссылок на внешние файлы. Data URL имеет формат: data:[<MIME-тип>][;base64],<данные>. Например, data:image/png;base64,iVBORw0KGgo... встраивает полное PNG-изображение как строку в base64 прямо в HTML.

Data URL часто используются для небольших изображений (иконок, спрайтов), шрифтов (woff2), встроенных SVG и HTML-шаблонов писем, где внешние ресурсы могут блокироваться. Хотя они устраняют HTTP-запросы, они добавляют около 33 % накладных расходов из-за кодирования base64 и не могут кешироваться браузером независимо. Наш извлекатель Data URL из HTML помогает найти и проанализировать все встроенные data:-URI, понять их влияние на размер и решить, оставить их встроенными или перенести во внешние файлы.

1. 1. Введите HTML: вставьте ваш HTML-документ (или любой текст, содержащий data:-URI) в панель ввода. Инструмент сканирует содержимое на 14 распространённых HTML-шаблонов, где обычно встречаются data URL: img src (изображения), link href (иконки, таблицы стилей), объявления url() CSS (фоны, шрифты), source srcset (адаптивные изображения), iframe src (встроенные фреймы), script src (встроенные скрипты), a href (ссылки для скачивания) и object data (плагины).
2. 2. Извлечение и анализ: для каждого найденного data URL извлекатель разбирает MIME-тип (image/png, text/html, application/pdf и т. д.), тип кодирования (base64 или процентное кодирование), вычисляет закодированный размер (полную строку data URL), декодированный размер (фактические данные после декодирования) и оценивает исходный размер файла (с поправкой на накладные расходы base64). Разбивка по MIME-типам показывает распределение типов содержимого по всем извлечённым URL.
3. 3. Просмотр и экспорт: просматривайте извлечённые data URL в виде карточек с цветовой кодировкой категорий MIME-типов. Каждая карточка показывает детали URL, информацию о размере и окружающий HTML-контекст. Скачивайте отдельные файлы с автоматически определёнными расширениями, скачивайте все файлы сразу или копируйте все строки data URL в буфер обмена для дальнейшей обработки.

• Закодированный размер: полная длина data URL в байтах, как она выглядит в HTML, включая префикс data:, объявление MIME-типа, маркер кодирования (;base64) и данные в base64 или процентной кодировке. Это фактический вклад этого data URL в вес вашей HTML-страницы.
• Декодированный размер: фактический бинарный размер данных после декодирования из base64 или процентной кодировки. Для данных в base64 это примерно 75 % длины закодированных данных (base64 увеличивает бинарные данные на ~33 %). Для данных в процентной кодировке это длина декодированной строки UTF-8.
• Оценочный исходный размер: приблизительная оценка того, каким был бы размер файла, если бы он хранился как внешний файл, а не встраивался как data URL. Это корректирует ~33 % накладных расходов кодирования base64 плюс метаданные (MIME-тип, маркеры кодирования). Это помогает оценить фактический объём данных и экономию от вынесения data URL наружу.
• Распределение по MIME-типам: разбивка типов содержимого по всем извлечённым data URL помогает понять, какие типы данных встроены — изображения, шрифты, скрипты, стили или другое содержимое — и их относительный вклад в общий размер встроенных данных.

Извлекатель data URL на 100 % бесплатный и не требует регистрации. Весь анализ HTML выполняется локально в вашем браузере — ваши HTML-документы, извлечённые data URL и результаты анализа никогда не покидают устройство. Нет ограничений на размер файла или использование. Инструмент сканирует 14 различных шаблонов HTML-тегов, предоставляет разбивку по MIME-типам, анализ закодированного/декодированного размера, возможности индивидуального и пакетного скачивания и полностью работает офлайн после первой загрузки. Используйте его столько раз, сколько нужно для анализа HTML-документов со встроенными data URL.