Сжать изображение JPG
Каждый JPEG, который вы загружаете на эту страницу, распаковывается до необработанных пикселей на вашем компьютере и восстанавливается с помощью MozJPEG, кодировщика, разработанного Mozilla для получения меньших файлов из формата JPEG 1992 года, чем это делает стандартный libjpeg. Ничего не загружается. Ползунок качества не такой, как вы знаете из настольного редактора: он работает относительно того, насколько сильно ваш файл был сжат до его поступления, что предотвращает разрушение уже маленького JPEG при втором проходе.
Одна фотография с тремя настройками качества
| Ползунок | Выход | Экономия |
|---|---|---|
| 90 | 347.8 KB | 35% меньше |
| 60 | 212.4 KB | 61% меньше |
| 30 | 131 KB | 76% меньше |
Что означает число качества на этой странице
Введите 75 в большинстве кодировщиков, и вы получите абсолютную силу, идентичную для каждого входа. Здесь число является пропорцией. Перед кодированием инструмент проверяет сжатие, уже заложенное в ваш JPEG, оценивает уровень, использованный его предыдущим кодировщиком, и настраивает ваш ползунок на долю от этого. Файл, экспортированный из Lightroom примерно на 90, сжатый с помощью ползунка на 70, записывается около 63; файл, который сайт уже сжал до 55, выходит около 39 с идентичными настройками ползунка.
Следуют два последствия. Подача выходных данных обратно не приводит к каше, потому что второй проход измеряет первый и настраивает пропорционально ниже его. А идентичные позиции ползунка производят разные файлы из разных источников — экспорт из камеры и загрузка из интернета не начинаются с одного и того же места — поэтому оценивайте каждую попытку по размерам до и после в списке результатов, а не по числу, которое вы установили.
Прогрессивные сканы и цветовая подсэмплирование
Настройки по умолчанию MozJPEG, которые сохраняет этот инструмент, производят прогрессивные JPEG с оптимизированными таблицами Хаффмана. Прогрессивный файл приходит как последовательность все более четких полных проходов, а не как полоса, разворачивающаяся сверху, так что на медленном соединении вся фотография распознается рано. Прогрессивное кодирование также, как правило, уменьшает файл на несколько процентов, что является одной из редких бесплатных побед в сжатом формате.
Второй параметр по умолчанию — это цветовая подсэмплирование, выбираемое автоматически для каждого кодирования. JPEG хранит яркость отдельно от цвета, потому что человеческие глаза различают яркость гораздо более тонко, и при типичных веб-настройках кодировщик сохраняет один цветовой образец для каждого блока пикселей 2 на 2. Фотографии полностью игнорируют это. Насыщенный красный текст, тонкие цветные линии диаграмм и четкие края логотипов — нет, они размазываются — вот почему скриншоты и диаграммы относятся к компрессору PNG, а не сюда.
Потеря поколения и какой размер следует стремиться
Повреждение JPEG является кумулятивным в худшем случае и почти бесплатным в лучшем. Повторное сохранение одного и того же нетронутого изображения при одном и том же настройке стабилизируется после одного или двух проходов, потому что кодировщик продолжает принимать одни и те же решения относительно одних и тех же значений. Редактирование между сохранениями — это то, что вредит: обрезка, выравнивание или коррекция цвета, и следующий кодировщик сталкивается с новыми пикселями и снова тратит свой бюджет — размазывание на фотографии, пересланной через пять чатов, именно это. Скучная привычка побеждает: держите один мастер-файл, сжимайте его каждый раз и рассматривайте каждый сжатый выход как одноразовый.
Для целевого размера прочитайте лестницу в таблице: верхняя часть диапазона ползунка сохраняет две трети оригинальных байтов, нижняя часть — четверть. На веб-странице полноразмерная фотография обычно укладывается в 200 КБ, а изображения в тексте — значительно ниже 100 КБ, оба легко достижимы из источника 4K. Для электронной почты ограничение — это сообщение: Gmail отказывается от всего, что превышает 25 МБ, поэтому партия фотографий, прошедшая через середину диапазона ползунка, легко проходит там, где оригиналы камеры не проходят.
Часто задаваемые вопросы
Почему ползунок здесь ведет себя иначе, чем в Photoshop?
Настольные редакторы рассматривают число как абсолютную силу кодирования. Эта страница рассматривает его как долю от качества, которое уже имеет ваш JPEG, оцененное по самому файлу, поэтому ползунок 80 на чистом экспорте означает нечто иное, чем ползунок 80 на файле, который уже сжал интернет. Список результатов является истинной правдой в любом случае.
Какое качество JPG мне следует использовать для веб-сайта?
Начните с 80 и оцените выходные данные. Фоны и миниатюры терпят 50 или ниже, особенно если вы проверяете их в размере отображения, а не увеличенными до 100%, где мягкость, которую никто никогда не увидит, выглядит тревожно. Таблица выше показывает, что каждый шаг на самом деле купил на одной фотографии 4K.
Являются ли JPEG, записанные здесь, прогрессивными?
Да. Прогрессивный режим MozJPEG и оптимизированное кодирование Хаффмана включены по умолчанию, поэтому файлы отображаются как быстрый размытый проход, который становится четким по мере поступления данных, и они обычно немного меньше, чем базовая кодировка при том же качестве.
Почему красный текст и тонкие линии выглядят размытыми после сжатия?
Цветовая подсэмплирование: JPEG записывает цвет с более низким разрешением, чем яркость, и четкие насыщенные детали именно это повреждают. Это свойство формата, а не проблема ползунка — скриншоты, диаграммы и захваты интерфейса должны быть PNG вместо этого.
Можно ли отменить сжатие JPEG?
Нет. Удаленные детали больше не существуют в файле, и ничего не восстанавливает их — ИИ-апскейлер может придумать правдоподобные замены, что является генерацией, а не восстановлением. Вот почему оригинальный экспорт важнее любого параметра на этой странице.
Есть ли разница между JPG и JPEG?
Совершенно нет. JPEG — это название формата; .jpg сохранился из операционных систем, которые ограничивали расширения тремя буквами. Эта страница читает оба и записывает идентичный выход, независимо от того, какое расширение имел вход.
Следует ли мне изменить размер JPG перед сжатием?
Если он больше, чем когда-либо будет отображаться, да, и сделайте изменение размера в первую очередь. Уменьшение пиксельных размеров удаляет данные, что дает больше, чем любое значение кодировщика, и сжатие перед изменением размера тратит усилия на кодирование деталей, которые затем выбрасываются при изменении размера.
Куда уходят мои изображения, когда я сжимаю их на этой странице?
Никуда. Кодировщик — это WebAssembly, работающий внутри страницы; файл читается, сжимается и предлагается для загрузки без выхода с вашего компьютера. Загрузка страницы загружает код — сжатие изображения не загружает ничего, что подтвердит панель сети браузера.
Другие руководства по сжатию
Сжимайте изображения онлайн — Бесплатный компрессор изображений