Как уменьшить размер файла JPG, JPEG [инструкция]

Автор: Alexandr, 01.11.2020 Рубрики: Картинки, скрины и фото

szhatie-jpgДоброго дня!

Многие JPG файлы занимают достаточно много места, нередко по нескольку десятков мегабайт (например, качественные фотографии или сканы).

И в ряде случаев, приходится сталкиваться с одной весьма интересной задачей - уменьшения размера файла (скажем, для его загрузки на различные Интернет-сервисы, где есть ограничения на размер, или для записи коллекции фото на различные накопители).

Вообще, (если смотреть глобально) чтобы уменьшить вес JPG, можно прибегнуть к нескольким способам:

  1. уменьшить размер по ширине и высоте (у каждой картинки он измеряется в пикселях, например, 800x600). Разумеется, при этой операции качество картинки снижается;
  2.  обрезание краев. Если у вас есть неровные края на фото (скажем), или часть картинки можно обрезать как не информативную — то за счет этого также можно существенно уменьшить вес файла (это операцию часто называют кадрированием);
  3. снижение качества. При сохранении JPG файла можно указать желаемое качество: если ползунок передвинуть к минимуму — то размер файла может стать существенно меньше! Отмечу, что в некоторых случаях можно на 10-30% уменьшить вес файла, при том, что на "глаз" никаких ухудшений на картинке видно не будет!
  4. комбинированный способ. Когда фото/скан подвергается обработке сразу всеми вышеперечисленными методами.

Собственно, в этой статье рассмотрю инструменты (программы и сервисы), которые помогут вам выполнить эту задачу. Получится своего рода мини-инструкция. 👌

И так, к делу...

*

Инструменты для уменьшения размера файла JPG

Paint

Для запуска Paint: нажмите сочетание Win+R, в окно "Выполнить" введите команду mspaint, нажмите OK.

Одна из самых известных программ для работы с графическими файлами (т.к. встроена почти во все версии Windows).

Если вы достаточно редко обрабатываете фото, картинки и граф. фалы — в принципе, возможностей Paint вам должно хватить (хотя, конечно, в функциональности ему далеко до др. инструментов).

Для примера я взял обычную фотографию с природы и открыл ее в Paint (размер около 2,2 МБ, см. скриншот ниже).

Исходное фото (открыто в Paint)

Исходное фото (открыто в Paint)

 

Уменьшение ширины/высоты фото

И так, это первое, что можно сделать, и что существенно влияет на вес файла. Обратите внимание, исходное фото в разрешении 2048 на 1333 пикселей, см. скрин выше (это выше HD формата).

В Paint чтобы уменьшить размер граф. файла - щелкните по инструменту "Изображение/Изменить размер". См. пример. 👇

Изменение щирины, высоты фото

Изменение ширины, высоты фото

 

Далее можно в процентах или пикселях указать новый размер файла. В моем примере ниже указан размер в 800 на 520 пикселей.

Новые размеры в пикселях

Новые размеры в пикселях

Обратите внимание, что после изменения ширины и высоты картинки, чтобы увидеть, как изменился размер — необходимо ее сохранить (я это сделаю в следующем шаге).

 

Подрезка краев (выделение области для сохранения)

Нередко на фото есть ненужные элементы (особенно по краям, которые очень желательно бы удалить: это и улучшит качество фото, да и уменьшит его вес).

В Paint для этого есть инструмент "Выделить" (см. пример ниже).

Изображение - выделить

Изображение - выделить

 

Важный момент: вам нужно выделить ту область, которая останется! См. рамку в примере ниже: все, что находится за ее пределами, будут удалено!

Рамка

Рамка

 

После выделения нажмите по "Изображение/Обрезать". Всё "лишнее" будет удалено с картинки.

Обрезка ненужной области

Обрезка ненужной области

 

Далее вам останется только пересохранить фото: "Файл / Сохранить как / Изображение в формате JPEG".

Сохранение в JPEG

Сохранение в JPEG

 

Итоги

Обратите внимание, что размер исходного фото был 2,2 МБ, а стал всего лишь 34 КБ! Т.е. даже с помощью таких простых действий можно существенно экономить место - на 100-ни процентов! (там, где это требуется и оправдано).

Было 2,2 МБ, стало - 34 Кб

Было 2,2 МБ, стало - 34 Кб

По поводу Paint:

  1. Плюсы: уже встроен в Windows; очень простой и надежный инструмент.
  2. Минусы: низкая функциональность, ничего кроме подрезки, обрезки и изменения ширины/высоты, в сущности, сделать нельзя.

 

*

Фото-МАСТЕР [изм.-е размера фото + улучшения]

Офиц. сайт: https://photo-master.com/

Фото открыть в программе ФотоМастер

Фото открыто в программе Фото-МАСТЕР (в качестве примера)

Специализированная и очень мощная программа для обработки фото, картинок. Позволяет легко и быстро не только изменить размер JPG, но и наложить различные интересные эффекты: изменить яркость, убрать "красные" глаза, добавить резкости и т.д.

Причем, эта программа ориентирована на работу с начинающими пользователями: т.е. все действия выполняются максимально просто (в отличие от др. граф. редакторов).

 

Изменение ширины и высоты

Для изменения размера открытого фото в "Фото-МАСТЕР" достаточно щелкнуть по инструменту "Файл/Изменить размер и сохранить" (см. скрин ниже 👇).

Файл - изменить размер и сохранить

Файл - изменить размер и сохранить

 

Далее можно сразу же указать новый размер в пикселях (кстати, в программе есть предустановки для соц. сетей, различных типов мониторов и пр.), и нажать "Сохранить" (также на качество и размер фото влияет интерполяция).

В общем-то, вот так просто и быстро!

Новые размеры фото

Новые размеры фото

 

Что касается полученного веса файла — то он примерно раз в 8-9 был уменьшен (что, согласитесь, довольно неплохо, учитывая, что мы совсем не подрезали края).

Было - стало (редактирование в ФотоМАСТЕР)

Было - стало (редактирование в Фото-МАСТЕР)

 

Подрезка краев

Эта операция также достаточно проста в "Фото-МАСТЕРЕ". Для начала щелкните по вкладке "Инструменты", а затем в меню справа выберите "Кадрирование".

Инструменты - кадрирование

Инструменты - кадрирование

 

Далее выделите область, которая будет оставлена и нажмите кнопку "Применить" (всё, что было за пределом рамки — будет удалено!).

Выделение области - применить

Выделение области - применить

 

Эффекты

Фото-МАСТЕР очень хорош еще и тем, что кроме кадрирования и изменения ширины/высоты изображения, можно существенно улучшить его цветопередачу, добавить интересных эффектов, чтобы фото заиграло новыми красками.

Все эффекты собраны в разделе "Эффекты": достаточно в меню справа выбрать один из вариантов, как он тут же будет применен к фото. В превью вы увидите, как изменится фото: удобно в том плане, что можно сразу же заценить подойдет ли такой эффект, еще до сохранения.

Кроме этого, рекомендую использовать вкладку "Улучшения", в ней также есть множество полезных фишек...

Выбор эффектов

Выбор эффектов

 

Например, после 20-30 сек. экспериментов с фото, удалось существенно улучшить его яркость и цветопередачу. Обратите внимание на скрин ниже: что было "до" и что стало с фото "после" применения эффектов. Разница, на мой взгляд, на лицо!

До применения эффектов и после

До применения эффектов и после

 

Итоги:

  1. Фото-МАСТЕР — очень простой и эффективный инструмент (с ним быстро разберутся даже те люди, которые только-только начали знакомится с ПК);
  2. размер файла можно уменьшить в десятки раз!
  3. в программе есть инструменты для улучшения фото: можно прибавить яркость, улучшить фон, добавить надписи, да и вообще - оживить фото, чтобы оно заиграло новыми красками!

 

*

Photoshop

Официальный сайт: https://www.adobe.com/

Photoshop (лого программы)

Photoshop (лого программы)

Профессиональный и один из самых мощных графических редакторов. Позволяет выполнить практически "любые" редактирования и манипуляции с фото/картинками.

Правда, стоит отметить, что работа с этой программой достаточно "сложна" (особенно для начинающих). Даже выполнение каких-то простых функций — требуется некоторая сноровка. Ниже я рассмотрю несколько инструментов в Photoshop для решения нашей текущей задачи (т.е. снижения веса JPG).

 

Изменение ширины, высоты картинки

И так, для изменения разрешения картинки в Photoshop выберите инструмент "Image / Image Size" (можно просто нажать сочетание клавиш Alt+Ctrl+I).

Image Size - изменить размер файла

Image Size - изменить размер файла

 

Далее указываете желаемые размеры в пикселях (кстати, можно задать и в сантиметрах или дюймах) и нажимаете OK.

Width, Height - ширина, высота

Width, Height - ширина, высота

 

Подрезка краев

Обратите внимание на инструменты, представленные слева на боковой панельке. Выберите значок обрезки znachok-obrezki.

Далее вы сможете передвинуть рамочку с любого края картинки (после нажатия на клавишу Enter - картинка будет обрезана). Пример представлен ниже.

Подрезка краев

Подрезка краев

 

По поводу сохранения

В Photoshop есть несколько вариантов сохранения картинки. Рекомендую обратить внимание на вариант "Save for Web" (сохранить для сети).

Сохраняем картинку для размещения в сети

Сохраняем картинку для размещения в сети

 

Далее с помощью бокового меню вы можете настраивать параметры, напрямую влияющие на степень сжатия картинки (можете выбрать качество в процентах, кол-во цветов и пр.).

Кстати, в превью вы сразу можете оценить степень сжатия и размер получаемого файла (см. скрин ниже 👇).

Превью с размерами файла в зависимости от степени сжатия

Превьюшки с размерами файла в зависимости от степени сжатия

В общем-то, все довольно удобно - можно подогнать фото под конкретный размер.

Выводы:

  1. Photoshop - самый многофункциональный инструмент для работы с граф. файлами (вместе с тем, достаточно сложный - не каждый начинающий решит разбираться с ним ради каких-то простых действий);
  2. есть множество опций для сжатия* файла (за счет уменьшения качества).

 

*

ACDSee

Сайт разработчика: https://www.acdsee.com/en/index

Альтернативные программы для просмотра фото и картинок (вьюверы)

Один из самых популярных вьюверов! Позволяет просматривать любые медиа-файлы (видео, фото, сканы и пр.), редактировать их, создавать различные коллекции и пр. В общем и целом, очень многофункциональная программа, в том числе и по отношению к нашему вопросу...

И так после того, как вы отрыли какое-нибудь фото, для его изменения - нажмите "Редактор" (см. скрин ниже 👇).

Редактор (начинаем изменять картинку в ACDSee)

Редактор (начинаем изменять картинку в ACDSee)

 

Далее в меню слева будет все самое необходимое для редактирования изображения: изменение размера, кадрирование, вращение, наложение различных эффектов, регулировка яркости и пр.

Изменить размер

Изменить размер (кликабельно)

 

Например, если кликнуть по "Изменение размера" слева появится подменю, с предложение ввести новую ширину/высоту файла.

Задание нужного размера

Задание нужного размера

 

Что касается кадрирования (обрезки краев) — то выполняется аналогично предыдущей операции.

Кадрирование (ACDSee)

Кадрирование (ACDSee)

 

После того, как все изменения с изображением были выполнены, перейдите в меню "Файл/Сохранить как...".

Сохранить как

Сохранить как

 

Далее перед сохранением вы можете настроить параметры качества и вариант сжатия (для этого щелкните по кнопке "Параметры", см. пример ниже 👇).

Настраиваем параметры сохранения

Настройка параметров сохранения

 

Далее выберите степень сжатия (quality) и вариант оптимизации (например, optimize Huffman).

Указываем качество

Указываем качество

 

В общем-то, после этого можно сохранять картинку. После нехитрых манипуляций (описанных выше), мое фото размером в 2,2 МБ стало весить всего лишь 148 КБ.

ACDSee - до обработки, и после

ACDSee - "до" обработки, и "после"

Выводы:

  1. удобно работать с программой: сразу во время просмотра фото, можно выбрать любое из них и сжать до нужного размера;
  2. также в ACDSee есть все самые необходимые инструменты для редактирования и обработки JPG файлов;
  3. программа достаточно дружелюбная к начинающим пользователям;
  4. минус: программа платная (на некоторые версии отсутствует русификатор).

 

*

Онлайн-сервисы

Плюсы: не нужно ничего устанавливать; можно работать с ними с любого устройства; простота работы; позволяют добиваться макс. сжатия без ухудшения качества изображения.

Минусы: необходимо постоянный доступ к интернету; нельзя загружать на сервисы приватные личные фото (если не хотите, чтобы они вдруг оказались где-нибудь...).

*

https://imagecompressor.com/ru/

Простой и удобный сервис для сжатия фото. Достаточно загрузить нужный файл, как буквально за считанные секунды он будет сжат. В меню слева можно вручную отрегулировать качество выходного файла, и сразу же на превью увидеть, как он будет выглядеть. Пример ниже. 👇

Результаты сжатия (imagecompressor.com)

Результаты сжатия (imagecompressor.com)

 

*

https://compressjpeg.com/ru/

Аналогичный сервис. По моим наблюдениям работает чуть быстрее. Можно загружать сразу десятки фото (мультизагрузка)

Результаты сжатия (compressjpeg.com)

Результаты сжатия (compressjpeg.com)

 

*

http://www.resizenow.com/ru

Очень удобный и простой сервис для изменения ширины/высоты JPG картинок/фото. После загрузки файла вам достаточно выбрать новый размер и нажать "Изменить".

Далее появится ссылка на скачивание измененного файлы. Быстро и легко!

Очень удобный сервис изменения размера изображения - resizenow

Очень удобный сервис изменения размера изображения - resizenow

 

*

https://photo-resizer.ru/

Еще один аналогичный сервис: после загрузки фото вы можете указать вручную нужный вам размер в пикселях и скачать готовое изображение.

Сервис очень простой и его удобно использовать даже со смартфона (прим.: кнопки и меню крупные).

Изменение ширины высоты JPG (сайт photo-resizer.ru)

Изменение ширины высоты JPG (сайт photo-resizer.ru)

 

*

https://tinyjpg.com/

Очень популярный зарубежный сервис для сжатия картинок и фото (поддерживает, кстати, еще и PNG формат). Загружать можно одновременно сразу 20 файлов!

После загрузки - сервис автоматически сожмет файлы и представит вам сразу же ссылки на их скачивание. Обращаю внимание, что этот сервис обеспечивает одну из лучших степеней сжатия JPG!

TinyJPG - главная страничка сервиса

TinyJPG - главная страничка сервиса

 

*

https://www.jpegmini.com/

(Обновление 17.10.18: сжимать файлы в онлайн-режиме запретили, предлагая использовать свою спец. утилиту)

Сервис JPEGmini отличается прежде всего тем, что сюда можно загружать даже очень большие фотки (на десятки МБ, многие др. сервисы вообще выдают ошибку при их загрузке).

Степень сжатия достаточно высока (хоть и проигрывает тому же TinyJPG). Кстати, перед загрузкой вы можете посмотреть превью оригинала/сжатого фото, чтобы сразу же оценить, насколько сжатие повлияло на качество изображения.

JPEGmini - результаты сжатия фото

JPEGmini - результаты сжатия фото

 

*

 Дополнения по теме - всегда приветствуются...

Удачной работы!

👋

Первая публикация: 03.10.2018

Корректировка: 01.11.2020

9 комментариев

  1. Андрей:

    И так:

    1) TinyJPG показал ровно тоже самое качество и размер на выходе что и если делать через paint.

    2) imagecompressor и другие онлайн сервисы показали на выходе значительно плохое качество, примерно 40-50% от исходного.

    3) В фотошопе работаю уже 12 лет, там свои заморочки, размер фотошоп всегда плохо оптимизировал, это его не самая сильная сторона.

    4) Сейчас использую личную фото-галерею в соц. сети https://pagelook.ru, загружаю туда фотографии, затем происходит биполярное сжатие (по принципу как в paint), и далее выдает почти идеальное фото с потерей в 5-10%, но при этом размер падает в 2 раза.

    5) После pagelook можно еще прогнать через paint и размер упадет еще в 2 раза, и опять почти с минимальными потерями.

    В конечном итоге 2mb перевел в 500kb, потеряв всего 10% качества.

  2. Валерий:

    Плохо, что Вы не изложили достаточно для нас, чайников, впервые решающими проблему сжатия... (напр. "выделить" рамкой, а как выделить-то? Карандашом?).

    1. Alexandr:

      Доброго времени.
      В заметке вроде бы указано, может быть вы пропустили?
      выделить

  3. Unname:

    А ещё на большинстве компов с виндой стоит Microsoft Office, в составе которого может быть (до 2007 года был по умолчанию) Microsoft Office Picture Manager, который справляется с этим быстрее и качественнее. + может обрабатывать фото хоть сотнями за раз. И запускается просто: клик правой кнопкой по фото - Открыть с помощью... - Microsoft Office Picture Manager. А там уже выбрать изменение размера или сжатие.

    Также у многих есть FastStone Image Viewer, которому тоже доступна такая возможность: клик правой кнопкой по фото - Изменить - Изменить размер.

    Максимально просто - прога вроде Image Resizer.

    Если качество критично, лучше использовать что-то типа Benvista PhotoZoom: она без потерь и уменьшает размер, и даже увеличивает.

    И по статье. Фотошоп для сжатия использовать - примерно как гонять Камаз для перевозки мешка картошки) Пейнт прост, но у него в итоге качество уменьшается несоразмерно размеру.

    1. Alexandr:

      Да, спс за дополнение.

  4. Михаил:

    Отлично!
    Автору респект, век живи - век учись, при помощи обычного Paint оказывается можно все сделать.

  5. Walter:

    Исходный файл - это 100%. Как его можно уменьшить "на 100-ни процентов"?
    Вы арифметику уже изучили?

    1. Alexandr:

      Оговорка :)

Написать комментарий 📎

 

Прикрепить картинку, скрин:

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

  • Интересное
  • Оптимизируем и ускоряем
  • Удаляем вирусы
  • Настраиваем звук
  • Содержание статьи
  •