Перевести файл
WOFF в WOFF2: перевести онлайн
Загрузите файл — через минуту получите WOFF2
- Загрузить
- Выбрать формат
- Скачать
Загрузка файлов
Положите файл сюда
или
Файлы WOFF. До 5 МБ, до 20 файлов за раз. Изображение можно вставить из буфера обмена: Ctrl+V.
Через час на сервере не останется ни присланного файла, ни того, что из него получилось. Предельный размер файла — 5 МБ, срок хранения — час.
Что даёт перевод WOFF в WOFF2
Файлы WOFF на сайте — наследство: их готовили тогда, когда нынешнего способа упаковки ещё не существовало. Пересобрать их стоит десяти минут работы: каждый файл теряет пятую-третью часть веса, а буквы остаются ровно теми же. Из всех способов ускорить сайт этот, пожалуй, самый безобидный — ни вёрстка, ни макеты не затрагиваются вовсе.
Как перевести WOFF в WOFF2 по шагам
Шаг 1
Соберите все файлы семейства
Найдите в проекте все начертания, которые подключены на сайте: обычное, полужирное, курсивное. Обрабатывать их поштучно смысла нет.
Шаг 2
Отправьте их одним заданием
Перетащите файлы в поле загрузки. Предел размера действует на каждый отдельно, но шрифты в него укладываются с огромным запасом.
Шаг 3
Замените файлы в стилях
Пропишите новые файлы вместо старых. Если оставляете старый вариант для древних браузеров, укажите новый первым в списке — иначе современные браузеры скачают устаревший.
Шаг 4
Проверьте, что скачивается нужный файл
Откройте сайт и загляните в панель разработчика на вкладку сети: там видно, какой именно файл шрифта запрашивает браузер.
Внутри всё устроено незамысловато: шрифт достают из старой обёртки и укладывают заново, экономнее. Сами буквы, их ширина, расстояния между знаками и тонкая настройка не затрагиваются. Выигрыш тем ощутимее, чем крупнее гарнитура и чем больше начертаний подключено: на семействе из четырёх файлов с кириллицей суммарно набегает заметная доля мегабайта на каждого посетителя.
Второй вопрос — выбрасывать ли старые файлы. Новую упаковку понимают браузеры, выпущенные после 2016 года, вместе с телефонными, поэтому обычному сайту хранить два набора незачем. Держать старый есть смысл, только когда в статистике посещений видны программы десятилетней давности. Оставляете оба — поставьте новый файл выше по списку: браузер останавливается на первом знакомом ему варианте, и при обратном порядке скачает устаревший.
Напоследок о происхождении файлов. WOFF нередко достаётся не от словолитни, а из купленной темы оформления или из чужого проекта — и тогда неизвестно, разрешено ли вообще выкладывать эту гарнитуру у себя. Пересборка файла в правах ничего не меняет, поэтому вопрос стоит выяснить до публикации. Шрифты из бесплатной коллекции Google трогать не нужно вовсе: оттуда они и так отдаются в нужном виде.
Что за форматы: WOFF и WOFF2
Что такое WOFF
Веб-упаковка обычного шрифта: те же таблицы TrueType или OpenType, сжатые для передачи по сети.
| Полное название | Web Open Font Format |
|---|---|
| Разработчик | W3C |
| Год появления | 2010 |
| Расширение | .woff |
| Сжатие | zlib (Deflate) |
| Выигрыш в размере | Около 40% против TTF и OTF |
| Содержимое | Таблицы TrueType или CFF без изменений |
| Метаданные | Блок с данными о лицензии |
| Поддержка | Все браузеры, включая устаревшие |
| Чем открыть | Браузер через @font-face, FontForge, Glyphs, FontLab, fontTools (Python) |
Что такое WOFF2
Современный веб-формат шрифтов: сжатие Brotli даёт самый лёгкий файл при неизменном качестве.
| Полное название | Web Open Font Format 2 |
|---|---|
| Разработчик | W3C |
| Год появления | 2018 |
| Расширение | .woff2 |
| Сжатие | Brotli с предобработкой таблиц |
| Выигрыш в размере | На 20–30% меньше WOFF |
| Содержимое | Таблицы OpenType без потери качества |
| Стандарт | Рекомендация W3C, 2018 год |
| Поддержка | Все актуальные браузеры |
| Чем открыть | Браузер через @font-face, FontForge, Glyphs, FontLab, fontTools (Python) |
Частые вопросы
Много ли получится сэкономить?
Пятую-третью часть веса. Оба варианта уже уложены плотно, поэтому прибавка скромнее, чем у шрифта, взятого прямо с компьютера. Зато на семействе из нескольких начертаний она складывается и на скорости открытия страницы видна.
Не поедет ли текст после замены?
Не поедет. Очертания знаков, их ширина, промежутки и тонкая настройка достаются из старой обёртки нетронутыми — иначе устроена лишь укладка. Пересматривать макеты после подмены файлов незачем.
Старый файл выбрасывать или пусть лежит?
Держать его есть резон в единственном случае: если к вам заходят с браузеров десятилетней давности. В остальном достаточно одного файла — чем меньше их в проекте, тем меньше поводов запутаться при подключении.
Нужно ли что-то устанавливать и сколько это занимает?
Устанавливать нечего, всё делается в браузере. Упаковка занимает секунды, настроек здесь нет. Через час загруженные и готовые файлы стираются с сервера автоматически.
Рядом спрашивают и об этом
Обратное направлениеWOFF2 в WOFFЧто ещё можно сделать с файлом WOFF
Все конвертеры WOFFИз чего ещё получается WOFF2
Все конвертеры WOFF2Куда девается ваш файл
- Через час его не остаётся
- И присланный файл, и то, что из него получилось, лежат на сервере час, а потом стираются. Это происходит само, по расписанию. Если ждать не хочется, рядом со ссылкой на готовый файл есть кнопка, которая убирает всё сразу.
- Ссылку нельзя подобрать
- Адрес готового файла состоит из длинного случайного набора символов. Перебрать такие адреса и наткнуться на чужой файл невозможно, а нигде на сайте они не перечисляются. Ссылка работает только тот час, пока файл жив.
- Есть предел по размеру
- Слишком большой файл сервер не примет — сколько именно можно, написано прямо под полем загрузки, и у видео этот предел ниже, чем у фотографий. Ограничение стоит не ради платной подписки: одно тяжёлое задание не должно занимать очередь целиком.