Субсеттинг шрифтов
Уменьшайте размер файла шрифта онлайн бесплатно, оставляя только те символы Unicode, которые действительно использует ваша страница. Наш инструмент субсеттинга поддерживает файлы TTF, OTF, WOFF и WOFF2 - выберите готовый набор символов или вставьте текст страницы, чтобы автоматически извлечь уникальные символы. Критично для Core Web Vitals. Без регистрации, без загрузки на сервер, 100 % приватно.
Зачем использовать наш инструмент субсеттинга шрифтов?
- Мгновенный субсеттинг шрифтов: наш инструмент анализирует ваш файл шрифта и извлекает только нужные глифы - полностью в браузере. Без ожидания загрузки и очередей сервера. Создавайте субсеты за секунды и сразу видьте точное число глифов и оценку экономии размера.
- Безопасный онлайн-инструмент субсеттинга: ваши файлы шрифтов никогда не покидают устройство при использовании нашего онлайн-инструмента. Обработка на 100 % на стороне клиента означает полную приватность - без загрузки на сервер, без хранения данных шрифтов и без риска нарушения лицензии при загрузке проприетарных шрифтов.
- Онлайн-инструмент субсеттинга без установки: создавайте субсеты шрифтов прямо в браузере без загрузки ПО, настройки Node.js и инструментов командной строки. Наш инструмент работает на любом устройстве с современным браузером - компьютере, планшете или смартфоне.
- Влияние на Core Web Vitals: субсеттинг шрифтов - одна из самых действенных оптимизаций для Core Web Vitals. Уменьшение шрифта с 200 КБ до 20 КБ устраняет задержки, блокирующие рендеринг, улучшает показатели LCP и снижает кумулятивный сдвиг макета, вызванный миганием смены шрифта.
Что такое субсеттинг шрифтов?
Субсеттинг шрифтов - это процесс создания уменьшенной версии файла шрифта, содержащей только действительно нужные глифы (формы отдельных символов). Полный шрифт, такой как Roboto, содержит более 1000 глифов, охватывающих латиницу, кириллицу, греческий и расширенные диапазоны Unicode. Если ваш сайт использует только русский текст, вам нужно менее 100 глифов. Наш инструмент анализирует файл шрифта, определяет по таблице cmap, какие глифы соответствуют запрошенным символам, и создаёт минимальный субсет - уменьшая размер файла на 60-95 % без визуальных изменений отображаемого текста.
Как работает наш инструмент субсеттинга шрифтов
- Загрузите файл шрифта: перетащите или нажмите для выбора. Наш инструмент принимает файлы TTF, OTF, WOFF и WOFF2. Ваш шрифт никогда не покидает браузер - вся обработка на 100 % на стороне клиента.
- Выберите набор символов: выберите готовый вариант (Базовая латиница, Латиница + пунктуация, Латиница расширенная) или вставьте фактический текст страницы, чтобы автоматически извлечь точные уникальные символы вашего сайта. Инструмент показывает точное число глифов и оценку сокращения размера перед скачиванием.
- Скачайте субсет-шрифт: нажмите «Создать субсет», чтобы проанализировать шрифт и получить оценки размера, затем скачайте файл субсета. Используйте его как прямую замену оригинального шрифта в объявлении CSS @font-face.
Что удаляется при субсеттинге шрифтов
- Неиспользуемые глифы: формы символов для языков и письменностей, которые вы не используете: CJK (китайский, японский, корейский), кириллица, арабский, деванагари и сотни других блоков Unicode удаляются из бинарного файла шрифта.
- Неиспользуемые функции OpenType: таблицы лигатур, пары кернинга и альтернативные наборы глифов удалённых символов исключаются, значительно уменьшая размеры таблиц GSUB и GPOS.
- Неиспользуемые метрики глифов: ширина продвижения, боковые поля и данные хинтинга удалённых глифов вырезаются из таблиц hmtx и cvt.
- Избыточные записи имён: расширенные записи таблицы имён шрифта для неиспользуемых языковых локализаций удаляются, сокращая накладные расходы таблицы имён.
Важные замечания о субсеттинге шрифтов
Шрифты WOFF2 используют сжатие Brotli, которое требует серверной декомпрессии для полного субсеттинга - наш браузерный инструмент даёт анализ и оценку размера для файлов WOFF2, но рекомендует сначала конвертировать в TTF для полного субсеттинга. Всегда проверяйте, что субсет-шрифт корректно отображается во всех браузерах, прежде чем развёртывать его в продакшене. Если ваш контент динамический (текст, создаваемый пользователями), используйте более широкий набор символов, чтобы избежать отсутствующих глифов во время выполнения.
Часто задаваемые вопросы
Субсеттинг шрифтов создаёт уменьшенную версию файла шрифта, содержащую только действительно нужные глифы. Вместо загрузки полного шрифта на 200 КБ с более чем 1000 глифами субсет может весить 15-30 КБ и содержать только используемые сайтом символы. Наш инструмент работает полностью в браузере - без загрузки на сервер.
Субсеттинг шрифтов обычно уменьшает размер файла на 60-95 % в зависимости от исходного шрифта и вашего набора символов. Полный шрифт латиница + CJK можно уменьшить с 15 МБ до менее 50 КБ для сайта только на английском. Даже чисто латинские шрифты, такие как Roboto, можно уменьшить со 150 КБ до 20-30 КБ, оставив только используемые символы.
Да, полностью. Наш инструмент субсеттинга обрабатывает всё локально в браузере. Ваши файлы шрифтов никогда не загружаются на сервер, не хранятся и не передаются по сети. Это особенно важно для проприетарных или лицензированных шрифтов, где загрузка на сторонние серверы может нарушить вашу лицензию.
Да. На 100 % бесплатен, без регистрации, премиум-тарифа, водяных знаков и ограничений размера файла. Вы можете создавать субсеты стольких файлов шрифтов, сколько нужно, без ограничений.
Наш инструмент поддерживает файлы TTF (TrueType), OTF (OpenType), WOFF (Web Open Font Format) и WOFF2. TTF и OTF дают наиболее точные результаты субсеттинга. Файлы WOFF2 используют сжатие Brotli, которое требует серверных инструментов для полного субсеттинга - наш инструмент даёт анализ и оценку размера для WOFF2.
Для сайтов только на английском «Латиница + пунктуация» покрывает всё необходимое. Для многоязычных сайтов Западной Европы используйте «Латиница расширенная», чтобы включить акцентированные символы. Для самого точного субсета вставьте фактический текст вашей страницы в сканер - инструмент извлечёт именно уникальные символы, которые использует ваш контент.
Да - если символа нет в субсете, браузер отобразит запасной глиф. Для статичного контента, такого как заголовки и подписи интерфейса, это не проблема. Для пользовательского контента или поисковых полей используйте более широкую настройку, например «Латиница расширенная», или оставьте полный шрифт для этих конкретных элементов.
Используйте субсет-шрифт точно так же, как оригинал, в объявлении @font-face - просто замените URL файла шрифта на путь к файлу субсета. Также можно добавить дескриптор unicode-range, чтобы сообщить браузеру, какие именно символы покрывает субсет, и браузер загрузит шрифт только когда эти символы появятся на странице.
Субсеттинг удаляет неиспользуемые глифы из бинарного файла шрифта, уменьшая число символов, которые шрифт может отобразить. Сжатие шрифтов (например, WOFF2) применяет сжатие Brotli или zlib к оставшимся данным без удаления глифов. Для максимального уменьшения размера следует и создать субсет, и отдавать шрифт в формате WOFF2.