Сжатие или изменение размера изображения: что вам нужно?
Требование загрузки может описывать байты, пиксели или пропорции. Начните с определения того, какой из них мешает принятию вашей фотографии.
Сначала прочтите требование
Ограничение, например 100 КБ, относится к размеру сохраняемого файла. Такое требование, как 600 × 400, относится к его ширине и высоте в пикселях. Требование квадрата описывает пропорции. Это отдельные свойства: квадрат может иметь множество разных размеров в пикселях, а две картинки с одинаковыми размерами могут иметь разные размеры файлов.
Изменение размера, если размеры являются проблемой
Наш исходный образец имеет размер 1200 × 800 пикселей. Если пропорции заблокированы, установка ширины на 600 дает высоту 400. При изменении размера пиксели удаляются при уменьшении изображения. При увеличении используется интерполяция и не восстанавливаются детали, отсутствующие в источнике. Если требуемая форма отличается, сначала обрежьте ее, а не заставляйте несвязанные значения ширины и высоты.
Сжимайте, когда проблема в байтах
Для JPG или WebP настройте качество и сравните фактические выходные байты и визуальные детали. Дополнительное поле целевого размера нашего компрессора при необходимости пытается снизить настройки качества. Он сообщает, когда цель не может быть достигнута; он не меняет ваши размеры бесшумно. Уменьшение размеров может быть лучшим следующим шагом, чем принятие нечитаемых деталей.
Проверьте готовый файл
Попробуйте загрузить синтетическое изображение и насыщенную текстом графику с помощью Image Compressor. Мелкий текст и острые края могут выявить артефакты иначе, чем гладкие цвета. Просмотрите результат в реалистичном размере экрана, подтвердите размеры и байты и сохраните оригинал. Результат с одного изображения и браузера не является гарантией экономии на каждой фотографии.
Попробуйте образцы
Эти оригинальные образцы были созданы для этого сайта. Загрузите копию и попробуйте соответствующий инструмент. Некоторые примеры содержат текст на английском языке, чтобы можно было сравнивать одни и те же входные данные в разных интерфейсах.
sample-landscape.jpg ↓ sample-graphic.jpg ↓Continue with a related tool
Вопросы или исправление? mrkcal@mrkcal.com