NEQL↗TRAINING / 01 ↗

NEQL / ЖУРНАЛ

Повседневные задачи / 4 минуты / 2 ноября 2026

Как уменьшить фото: пиксели, размер файла и качество

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

Нужно приложить фотографию к письму, поставить картинку в публикацию или подготовить иллюстрацию к карточке товара. Большой исходник не всегда нужен получателю, но простое переименование файла из .png в .jpg ничего не перекодирует. Для новой копии нужно изменить размер изображения или способ его сохранения, а затем проверить результат.

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

В инструменте NEQL выберите JPEG, PNG или WebP с устройства и задайте длинную сторону. Например, у горизонтального кадра 4000 × 3000 при ограничении 1600 получится 1600 × 1200. Пропорции сохранятся, обрезки не будет. Если исходник уже меньше ограничения, инструмент не увеличивает его. Это помогает избежать лишнего масштабирования, которое само по себе не добавляет снятых камерой деталей.

Затем выберите формат. Для JPEG и WebP доступен ползунок качества: он управляет параметром браузерного кодировщика, а не обещает конкретный процент уменьшения файла. Значение 82 не означает, что файл станет на 18% меньше. Для PNG этот параметр не применяется. PNG сохраняет результат кодирования без потерь, но предварительное уменьшение изображения всё равно пересчитывает пиксели и меняет исходник.

У JPEG нет прозрачного фона: наш инструмент подставляет белый. Для иллюстрации с прозрачными областями выберите PNG или WebP и проверьте, принимает ли их площадка. Экспорт здесь статичный, поэтому анимация не сохраняется. Новый файл также может отличаться от исходника метаданными и передачей цвета; исходный мастер стоит оставить отдельно.

Нажмите «Создать изображение» и сравните размеры файлов. Небольшой исходник после нового кодирования иногда становится больше — в таком случае NEQL прямо покажет увеличение. Оцените мелкий текст, границы объектов, волосы и переходы цвета. Предпросмотр удобен для первого сравнения; после сохранения откройте копию в обычном просмотрщике и увеличьте до нужного масштаба.

Если результат не подходит, поменяйте один параметр и создайте копию заново. Уменьшение длинной стороны меняет число пикселей; ползунок JPEG или WebP меняет кодирование при выбранном размере. Сравнивая по одному изменению, проще понять, где теряются нужные вам детали. Сохранение идёт в отдельный файл: исходная фотография не перезаписывается.

Обработка выполняется в вашем браузере через Canvas API. Сам инструмент не отправляет содержимое, имя файла или выбранные параметры на сервер NEQL; внешняя аналитика на его странице выключена. Для этой версии приняты исходники до 20 МиБ, 32 мегапикселей и 16 000 пикселей по стороне. Эти пределы помогают сдерживать расход памяти, но не гарантируют одинаковую скорость на всех устройствах.

Оригинал статьи: https://neql.org/blog/image-size-and-quality