Компрессор встроенных ресурсов

• Разбивка экономии по ресурсам: наш компрессор встроенных ресурсов показывает таблицу экономии по каждому ресурсу — каждый inline SVG, base64-изображение и блок JSON перечисляется отдельно с исходным размером, сжатым размером и процентом сокращения, чтобы вы точно знали, откуда берётся вес вашего HTML.
• Мгновенное сжатие встроенных ресурсов: сжимайте все inline SVG, base64-изображения и блоки данных JSON одним кликом — компрессор встроенных ресурсов обрабатывает весь HTML-документ и заменяет каждый ресурс его сжатой версией в результате.
• Безопасный онлайн-компрессор встроенных ресурсов: ваш HTML никогда не покидает устройство. Вся минификация SVG, очистка base64 и сжатие JSON происходят локально в браузере — без загрузки на сервер, облачной обработки и с полной приватностью для проприетарных шаблонов и внутренних инструментов.
• Компрессор встроенных ресурсов без установки: сжимайте встроенные ресурсы HTML прямо в браузере без скачивания программ, плагинов и аккаунта. Наш бесплатный компрессор встроенных ресурсов работает в любом современном браузере и любой ОС.

• Оптимизация шаблонов статических сайтов и SSG: генераторы статических сайтов (Next.js, Astro, Hugo) часто встраивают SVG-иконки и структурированные данные JSON-LD прямо в HTML. Используйте компрессор встроенных ресурсов, чтобы уменьшить вес сгенерированных HTML-страниц перед развёртыванием — особенно эффективно на страницах с множеством SVG-иконок.
• Сжатие шаблонов HTML-писем: шаблоны HTML-писем часто встраивают base64-изображения и inline SVG-логотипы, чтобы избежать блокировки внешних изображений. Используйте компрессор встроенных ресурсов для очистки data-URI base64 и минификации SVG — это уменьшает размер письма и улучшает доставляемость.
• Оптимизация SVG в компонентах React и Vue: компоненты React и Vue, импортирующие SVG как inline JSX, часто содержат многословную SVG-разметку с комментариями и пробелами. Используйте компрессор встроенных ресурсов для предварительной обработки SVG-кода перед конвертацией в JSX — это уменьшает размер бандла компонентов.
• Минификация структурированных данных JSON-LD: SEO-оптимизированные страницы встраивают структурированные данные JSON-LD в блоки скриптов. Используйте компрессор встроенных ресурсов для минификации всех блоков JSON-LD в HTML — форматированный блок JSON-LD размером 2 КБ обычно сжимается до менее чем 500 байт без семантических изменений.
• Уменьшение веса HTML для Core Web Vitals: крупные inline SVG-иллюстрации и многословные атрибуты данных JSON увеличивают вес HTML-документа, повышая Time to First Byte (TTFB) и время разбора. Используйте компрессор встроенных ресурсов, чтобы уменьшить HTML-нагрузку и улучшить показатели LCP и FID.
• Оптимизация страниц товаров в электронной коммерции: страницы товаров часто содержат base64-заглушки изображений, inline SVG-иконки и атрибуты данных JSON. Используйте компрессор встроенных ресурсов, чтобы сжать все три типа ресурсов за один проход и уменьшить вес страницы для более быстрой загрузки на мобильных.

Сжатие встроенных ресурсов — это процесс уменьшения размера в байтах ресурсов, встроенных прямо в HTML, — включая inline SVG, изображения в кодировке base64 и блоки данных JSON. В отличие от внешних ресурсов (которые сжимаются отдельно), встроенные ресурсы утяжеляют сам HTML-документ, увеличивая TTFB и время разбора. Наш компрессор встроенных ресурсов находит в HTML все четыре типа встроенных ресурсов, сжимает каждый по отдельности, заменяет их в выходном HTML и показывает таблицу экономии по каждому ресурсу — чтобы вы видели, откуда именно берётся вес вашего HTML и сколько экономит каждое сжатие.

1. 1 Вставьте или загрузите HTML: введите любой HTML-документ, шаблон или компонент. Компрессор встроенных ресурсов ищет inline SVG, data-URI base64, блоки скриптов JSON и атрибуты данных JSON — ваш HTML никогда не покидает браузер.
2. 2 Выберите типы ресурсов для сжатия: укажите, какие типы встроенных ресурсов обрабатывать — SVG, base64-изображения, блоки скриптов JSON и/или атрибуты данных JSON. Каждый тип использует подходящую для его формата стратегию сжатия.
3. 3 Изучите экономию по ресурсам и скачайте: компрессор встроенных ресурсов показывает таблицу по каждому ресурсу с исходным размером, сжатым размером и процентом сокращения для каждого найденного ресурса. Скопируйте или скачайте сжатый HTML напрямую.

• Inline SVG: удаляются XML-комментарии, пустые строки и пробелы между тегами. Убирается объявление XML. Нормализуются самозакрывающиеся теги. Типичное сокращение: 20–50 % для многословных SVG-иконок.
• Base64-изображения: некоторые инструменты вставляют переносы строк каждые 76 символов внутри data-URI base64 (согласно спецификации MIME). Эти пробелы недопустимы в data-URI HTML и добавляют лишние байты. Компрессор встроенных ресурсов удаляет все встроенные пробелы из строк base64.
• Блоки скриптов JSON: блоки JSON и JSON-LD минифицируются через JSON.parse + JSON.stringify — удаляются все пробелы, отступы и пустые строки при точном сохранении структуры данных.
• Атрибуты данных JSON: значения JSON в атрибутах data-* минифицируются тем же подходом JSON.parse + JSON.stringify. Типичное сокращение: 30–60 % для форматированных объектов конфигурации JSON.

Компрессор встроенных ресурсов использует разбор на основе регулярных выражений — он корректно обрабатывает самые распространённые шаблоны встроенных ресурсов, но может не обнаружить ресурсы внутри template literals JavaScript, динамически создаваемого HTML или нестандартных форматов атрибутов. Минификация SVG сохраняет всё семантическое содержимое, но не оптимизирует пути (для этого используйте SVGO). Очистка base64 только удаляет пробелы — она не перекодирует изображения с меньшим качеством. Всегда проверяйте сжатый результат в целевом браузере перед публикацией в продакшене.