Перейти к содержимому

Конвертер файлов

Конвертер WOFF в WOFF2

Конвертируйте WOFF в WOFF2 онлайн бесплатно

.woff.woff2
  1. Загрузить
  2. Выбрать формат
  3. Скачать

Загрузка файлов

Перетащите файлы сюда

или

Файлы WOFF. До 5 МБ, до 20 файлов за раз. Изображение можно вставить из буфера обмена: Ctrl+V.

Загруженные файлы и результаты конвертации удаляются с сервера через час. Предельный размер файла — 5 МБ, срок хранения — час.

Зачем переводить WOFF в WOFF2

WOFF и WOFF2 — две веб-упаковки одного и того же шрифта, разница только в сжатии: WOFF использует Deflate, WOFF2 — Brotli с предварительной перестройкой таблиц. Перепаковка уменьшает файл ещё на 20–30 %, не меняя в рисунке шрифта ровным счётом ничего. Это самый дешёвый способ ускорить появление текста на странице.

Внутри происходит следующее: шрифт распаковывается из старого контейнера и сжимается заново, а сами таблицы — контуры, метрики, кернинг, хинтинг — остаются нетронутыми. Выигрыш заметнее всего на больших гарнитурах с кириллицей и на семьях из нескольких начертаний: там экономия суммируется и превращается в ощутимые сотни килобайт. Внешний вид текста при этом не меняется, поэтому пересобирать макеты и проверять вёрстку после замены не нужно.

Стоит ли оставлять старый WOFF рядом — вопрос аудитории. WOFF2 поддерживают все актуальные браузеры начиная с 2016 года, включая мобильные, так что для подавляющего большинства сайтов второй формат уже не нужен. Смысл он сохраняет только при заметной доле Internet Explorer 11 или очень старых Android. Если решите оставить оба источника в правиле @font-face, ставьте WOFF2 первым: браузер берёт первый формат, который умеет читать, и порядок здесь определяет, какой файл будет скачан.

Практическая деталь: файлы WOFF часто попадают к разработчику готовыми — из архива темы, со стороннего сайта или из чужого проекта. Перед публикацией убедитесь, что у вас есть право размещать эту гарнитуру: смена контейнера прав не добавляет, а веб-лицензия на коммерческие шрифты покупается отдельно. Если шрифт брался с Google Fonts, конвертировать ничего не нужно — там уже отдаются готовые файлы WOFF2.

Как конвертировать WOFF в WOFF2

  1. Шаг 1

    Загрузите файлы WOFF

    Отправьте все начертания семейства разом — предел размера действует на каждый файл отдельно.

  2. Шаг 2

    Запустите конвертацию

    Перепаковка занимает секунды и не требует настроек: содержимое шрифта не меняется, меняется только сжатие.

  3. Шаг 3

    Обновите правила @font-face

    Замените источники на новые файлы. Если оставляете WOFF для старых браузеров, укажите WOFF2 первым в списке источников.

  4. Шаг 4

    Проверьте загрузку в браузере

    Откройте панель разработчика на вкладке сети и убедитесь, что скачивается именно файл woff2, а старый вариант больше не запрашивается.

Что обычно спрашивают

Насколько меньше станет файл?

Обычно на 20–30 %. Оба формата уже сжаты, поэтому выигрыш скромнее, чем при перепаковке из TTF, но при нескольких начертаниях он всё равно заметен на скорости загрузки.

Изменится ли внешний вид шрифта?

Нет. Контуры, метрики, кернинг и хинтинг переносятся без изменений — меняется только алгоритм сжатия контейнера. Вёрстка после замены останется прежней.

Стоит ли оставлять WOFF рядом с WOFF2?

Только если среди посетителей есть Internet Explorer 11 или очень старые мобильные браузеры. Во всех остальных случаях достаточно одного WOFF2 — это меньше файлов и проще поддержка.

В каком порядке перечислять источники в CSS?

Сначала WOFF2, затем WOFF. Браузер выбирает первый формат, который поддерживает, и при обратном порядке современные браузеры скачают устаревший и более тяжёлый файл.

Можно ли конвертировать шрифт из чужой темы или архива?

Технически да, юридически — зависит от лицензии. Размещение шрифта на сайте считается его распространением, а конвертация формата никаких прав не даёт. Если происхождение файла неизвестно, безопаснее взять свободную гарнитуру.

Чем различаются WOFF и WOFF2

.woff

Что такое WOFF

Веб-упаковка обычного шрифта: те же таблицы TrueType или OpenType, сжатые для передачи по сети.

Характеристики формата WOFF
Полное названиеWeb Open Font Format
РазработчикW3C
Год появления2010
Расширение.woff
MIME-типыfont/woff, application/font-woff, application/x-font-woff
СодержимоеДвоичное
Сжатиеzlib (Deflate)
Выигрыш в размереОколо 40% против TTF и OTF
СодержимоеТаблицы TrueType или CFF без изменений
МетаданныеБлок с данными о лицензии
ПоддержкаВсе браузеры, включая устаревшие
Чем открытьБраузер через @font-face, FontForge, Glyphs, FontLab, fontTools (Python)
СпецификацияОписание формата
Всё о формате WOFF
.woff2

Что такое WOFF2

Современный веб-формат шрифтов: сжатие Brotli даёт самый лёгкий файл при неизменном качестве.

Характеристики формата WOFF2
Полное названиеWeb Open Font Format 2
РазработчикW3C
Год появления2018
Расширение.woff2
MIME-типыfont/woff2, application/font-woff2
СодержимоеДвоичное
СжатиеBrotli с предобработкой таблиц
Выигрыш в размереНа 20–30% меньше WOFF
СодержимоеТаблицы OpenType без потери качества
СтандартРекомендация W3C, 2018 год
ПоддержкаВсе актуальные браузеры
Чем открытьБраузер через @font-face, FontForge, Glyphs, FontLab, fontTools (Python)
СпецификацияОписание формата
Всё о формате WOFF2
Обратное направлениеWOFF2 в WOFF
.woff2.woff
Все конвертеры WOFF
Все конвертеры WOFF2