Как уменьшить размер файла изображения до лимита загрузки
OptimizeYourImage Team
Автор
Опубликовано
Время чтения
6 мин чтения
Чтобы уменьшить размер изображения для загрузки, сначала проверьте, какие форматы и размеры в пикселях принимает форма. Затем сожмите копию, скачайте её и проверьте размер файла. Если он всё ещё слишком велик, снизьте качество или уменьшите размеры изображения в рамках требований формы и попробуйте снова.
Даже файл, который укладывается в лимит 200 КБ или 2 МБ, должен оставаться читаемым и иметь допустимый формат. Перед отправкой проверяйте эти требования отдельно.
Уточните требования формы загрузки
Прежде чем менять изображение, запишите требования:
- Максимальный размер файла и то, относится ли лимит к каждому файлу или ко всему комплекту.
- Допустимые типы файлов, например JPEG или PNG.
- Требуемую ширину и высоту в пикселях, включая минимальные значения.
- Ограничения на обрезку, редактирование и сжатие.
Для фотографий на документы и официальных документов следуйте инструкциям принимающей организации. Если редактирование запрещено, сначала уточните, какие изменения допустимы, и только потом применяйте общий порядок сжатия.
Сохраните оригинал в надёжном месте. Дайте экспортированному файлу другое имя, чтобы различать версии при загрузке.
Выберите допустимый выходной формат
Для фотографии попробуйте JPEG, если форма его принимает. JPEG использует сжатие с потерями, поэтому проверьте результат на видимые искажения. PNG поддерживает прозрачность и полезен, когда важна точность воспроизведения; JPEG прозрачность не поддерживает.[2]
Если форма явно принимает WebP или AVIF, можно использовать и их. Возможность открыть формат в браузере не означает, что форма загрузки его примет. Сначала проверьте список допустимых форматов.
Подробнее читайте в руководстве по JPEG, PNG, WebP и AVIF.
Уменьшите размер файла с помощью OptimizeYourImage
Откройте оптимизатор изображений. В нём есть режимы Быстрая оптимизация и Расширенные настройки. Быстрый режим создаёт WebP с качеством 80; выбирайте расширенные настройки, если нужен определённый выходной формат.[1]
- Выберите Расширенные настройки, затем Выбрать изображения и добавьте изображение.
- В поле Формат вывода выберите тип файла, который принимает форма назначения.
- Настройте Качество сжатия. Начните со значения, результат которого вы сможете оценить, а не рассчитывайте, что конкретная настройка обязательно обеспечит нужный размер.
- При первой попытке оставьте поля Макс. ширина (px) и Макс. высота (px) пустыми, если нужно сохранить исходные размеры.
- Нажмите Оптимизировать, затем воспользуйтесь кнопкой скачивания рядом с обработанным изображением.[8]
Для загрузки фотографии скачивайте само изображение, а не ZIP-архив.
Проверенные настройки OYI позволяют менять качество и размеры изображения, но поля для задания целевого размера в КБ или МБ в них нет. Сравнивайте каждый скачанный результат с вашим лимитом.[8]
Значение качества не является процентом уменьшения размера файла. Настройка 80 не означает, что файл станет на 80% меньше, и не гарантирует определённый размер в КБ. Качество кодирования в браузере — это параметр кодировщика, а не заданный размер выходного файла.[9]
Если файл всё ещё слишком большой
Снизьте качество и проверьте результат
Вернитесь к настройкам, снизьте Качество сжатия и снова нажмите Оптимизировать. Скачайте новый результат, прежде чем проверять его размер. Меняйте по одной настройке, чтобы оценить, оправдан ли компромисс.
Откройте скачанное изображение в удобном для просмотра масштабе. На фотографии проверьте лица и участки с мелкими деталями. На снимке документа прочитайте самый мелкий текст и убедитесь, что все необходимые части остаются видны. Не используйте экспорт, который укладывается в лимит, но уже непригоден для отправки.
Если изображение уже заметно испорчено, вернитесь к оригиналу и пересмотрите размеры или формат, вместо того чтобы многократно сжимать испорченный экспорт.
Уменьшите размеры изображения, если форма это допускает
Если форма допускает изображение меньшего размера, задайте максимальную ширину или высоту в пикселях и снова выполните оптимизацию. OYI уменьшает изображение пропорционально, вписывая его в заданные границы и не увеличивая оригинал.[10]
Ориентируйтесь на требования формы назначения. Не уменьшайте изображение ниже минимальных размеров и не считайте, что два максимальных значения автоматически обрежут его точно до нужной формы. Если требуется точная обрезка, подготовьте её отдельно, только если правила это допускают.
После изменения размеров снова проверьте текст или основной объект. Сохраните самую крупную версию, которая соответствует и лимиту файла, и требованиям к размерам изображения.
Проверьте скачанный файл перед загрузкой
Откройте сведения или свойства файла на своём устройстве и проверьте сохранённый экспорт. Проверяйте только что скачанный файл, а не лежащий рядом оригинал.
Перед отправкой:
- Убедитесь, что тип файла допустим.
- Проверьте размер и оставьте небольшой запас до указанного максимума, вместо того чтобы стремиться ровно к границе.
- Убедитесь, что размеры в пикселях соответствуют правилам формы.
- Откройте изображение и проверьте его целиком, включая мелкий текст и края.
- Выберите этот экспортированный файл в форме и проверьте предварительный просмотр, если он доступен.
Для условного лимита 200 КБ цель — читаемое изображение в допустимом формате размером менее 200 КБ. Файл не обязан занимать ровно 200 КБ. Это пример порядка действий, а не обещание определённого размера результата OYI.
Если файл меньшего размера отклонён, прочитайте сообщение об ошибке, прежде чем снова снижать качество. Ещё раз проверьте формат и размеры и убедитесь, что выбрали последний экспорт. Изменение размера файла не устранит несоответствие другому требованию.
Частые вопросы
Можно ли уменьшить файл изображения до размера менее 2 МБ без изменения размеров в пикселях?
Попробуйте допустимый формат и более низкое качество, сохранив исходные размеры изображения. Осмотрите экспорт и проверьте размер файла. Уложится ли он в лимит, зависит от изображения и приемлемого для вас результата; конкретная настройка ничего не гарантирует.[9]
Всегда ли стоит использовать WebP, потому что файл меньше?
Используйте его только тогда, когда получатель принимает этот формат. Если форма требует JPEG, выбирайте JPEG, даже если экспорт в WebP получается меньше.
Что делать, если изображение становится нечитаемым раньше, чем укладывается в лимит?
Перестаньте снижать качество. Вернитесь к оригиналу, проверьте, разрешено ли изменение размеров, и изучите инструкции принимающей организации. Если допустимые изменения не дают пригодного файла, запросите у этой организации разрешённый альтернативный способ отправки.
Источники
- [1] Оптимизатор изображений OptimizeYourImage
- [2] Руководство MDN по типам и форматам файлов изображений
- [8] Расширенные настройки OYI, публичный JavaScript приложения
- [9] MDN: HTMLCanvasElement.toBlob()
- [10] Обработка изображений и пропорциональное изменение размеров OYI, публичный JavaScript приложения
Попробуйте на своём изображении
Примените полученные знания с помощью инструмента в браузере.