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

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

4.3 Оценок: 19 (Ваша: )

Современные камеры снимают в ультра-высоком качестве. Фотографии при этом действительно выглядят безукоризненно, однако их вес может достигать десятков (!) мегабайт. Такие файлы попросту неудобны для использования – они громоздкие, медленно открываются и долго загружаются в Интернет даже на высоких скоростях.

Интересно, что почти 80% из этих мегабайт можно попросту выбросить без ущерба для снимка! Главное – знать, какой инструмент для этого использовать. Читайте статью и вы узнаете, как уменьшить размер фото, сохранив безупречное качество.

Программа ФотоМАСТЕР уменьшила размер фото почти в 100 раз!

Изменения размера в пикселях

Мы разберем три варианта, как можно поменять значения для ширины и высоты снимка. Учтите, что при этом поменяется и вес изображения. Поэтому, если вас беспокоит как размер, так и вес, то выбранным способом можно решить сразу две проблемы.

Итак запускаем фотошоп. Далее открываем там нужное нам изображение. Есть два варианта, как это сделать: просто перетащить мышкой файл в окошко фотошопа, или переходите на вкладку «Файл» — «Открыть» (комбинация клавиш Ctrl+O ) и выбирайте снимок через Проводник.

Через вкладку Изображение

Теперь начнем изменять размер самого фото в Фотошоп. Для этого или перейдите на вкладку «Image» ( «Изображение» ) – «Image Size» ( «Размер изображения» ), или воспользуйтесь комбинацией клавиш Alt+Ctrl+I .

Откроется окно для изменения размера (1). В нем нужно указать подходящее значение для ширины и высоты в пикселях: «Width» (2) и «Height» (3) соответственно. Замочек напротив этих полей (4) означает, что пропорции будут сохранены (меняете значение высоты и автоматически оно изменяется для ширины). Если вам это не подходит, тогда уберите галочку в поле «Сохранение пропорций» ( «Constrain Proportions» ) (5). Также обращайте внимание на самое верхнее поле (6), в нем указывается размер фотографии. Когда все будет готово, сохраняйте изменения кнопкой «ОК» (7).

Что получилось в итоге: размер изменился с 2448х3264 до 1000х1333, а вес стал 3,81 МБ вместо 22,9 МБ.

Через Свободное трансформирование

Теперь давайте применим к снимку «Свободное трансформирование>» или «Free Transform» . Находится нужный нам пункт на вкладке «Edit» ( «Редактирование» ). Ему соответствует сочетание клавиш Ctrl+T .

В режиме трансформирования вокруг снимка появляется рамка. Берите за верхний или нижний угол и изменяйте размер. Чтобы сохранить при этом пропорции, нажмите и удерживайте клавишу Shift . Рядом с курсором будет небольшое окно, где можно смотреть, как изменяются значения высоты и ширины.

Поскольку в таком режиме лист остается в неизменном виде, то картинку нужно обрезать. Поэтому переходите к следующему пункту.

Как у меня изменились значения (после обрезки): с 2448х3264 до 1000х1333, а размер стал 3,81 МБ. То есть, все также, как и в предыдущем способе.

Обрезка картинки

Если вам не нужна фотография целиком, а только какой-то ее фрагмент, то лучше воспользоваться обрезкой. Находится он на «Панели инструментов» и называется «Рамка» ( «Crop Tool» ). Кликайте по инструменту и выделяйте нужную область на фото. При этом в углу в окне можно смотреть, как изменяются значения.

Если вам нужны определенные значения для высоты и ширины, то выделите область и укажите точные числа в верхних полях. После этого можете перемещать изображение мышкой, чтобы в рамке осталась нужная его часть. Когда закончите, нажмите «Enter» .

Как преобразовать дюймы в пиксели

Пиксели являются стандартной единицей измерения для экранов. На веб-сайтах и ​​цифровых платформах требования к размерам будут перечислены в пикселях, поскольку мониторы и телефоны отображаются в пикселях. Итак, если вы готовите изображения для использования в Интернете, вам необходимо установить единицы измерения в пикселях. С другой стороны, требования к печати будут в дюймах или сантиметрах, в зависимости от системы или страны происхождения.

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

Чтобы преобразовать пиксели в дюймы, разделите размеры в пикселях на разрешение. Например, изображение размером 1000 x 500 пикселей с разрешением 72 DPI имеет высоту 13,89 x 6,95 дюйма.

Чтобы найти разрешение или DPI изображения, вам нужно знать ширину в пикселях и дюймах. Разделите размеры в пикселях на размеры в дюймах. Например, изображение шириной 1000 пикселей и шириной 13,89 дюйма имеет разрешение 72 DPI.

Чтобы преобразовать дюймы в пиксели, умножьте ширину изображения в дюймах на разрешение или DPI. Например, 13,89 дюйма при 72 пикселях на дюйм имеют ширину 1000 пикселей.

Используйте таблицу ниже для преобразования дюймов в пиксели и обратно.

Качество

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

Я думаю, тут важно понять принцип, и он не такой сложный, как может показаться на первый взгляд, но небольшая практика нужна. Давайте будем двигать ползунок, который отвечает за качество.

Как мы видели, размеры 800px и 700px совсем не отличаются по тому, как они выглядят на сайте. Поэтому, я предлагаю двигать качество на размере 600px.

Это вполне себе нормальная картинка для блога, и если вам нужно сделать ее еще меньше по весу, то лучше проводить эксперименты с этим размером.

Качество 80% у нас уже было, поэтому давайте уменьшим до 70%, и посмотрим что у нас получится. В программе это будет выглядеть вот так:

Смотрим сколько у нас теперь весит картинка? Только 71Кб! Это очень хороший результат для сжатия изображения. И что же мы будем видеть на сайте с такими параметрами? А вот что!

Тут уже на любителя, и кто как видит. Для меня, это не очень хорошая фотка, а для вас — смотрите сами. Давайте я еще уменьшу на 10% качество, раз уже мы двигаемся в эту сторону и посмотрим что будет происходить. Ставим параметр 60% на 600px. Окно программы будет вот такое:

Как видим, весить она стала всего 57Кб. Да, теперь не будет больших скачков в весе фотографии, и все будет уменьшаться по маленьким параметрам. Ну а в записи с такими параметрами мы увидим вот такую фотографию:

Тут важно показать направление для экспериментов и подбора нужных значений. И я его показал. А дальше можно делать все что вам захочется.

Можно же еще немного кадрировать саму картинку, чуть-чуть подрезать сверху и снизу, что я и сделал у себя в статье про самые дорогие мотоциклы в мире. Да, это тоже хороший вариант сделать уменьшение изображения, в том числе и по весу.

Изменение размера изображений без потери качества с помощью Photoshop Smart Objects

Узнайте, как масштабировать и изменять размеры изображений в Photoshop, не теряя при этом качество, используя умные объекты! Вы узнаете разницу между изменением размера обычного изображения и изменением размера смарт-объекта и почему смарт-объекты всегда выглядят лучше.

Умные объекты предлагают много преимуществ, но одно из самых больших заключается в том, что они позволяют нам изменять размер изображения без разрушения . Обычно, когда мы масштабируем изображение, чтобы уменьшить его, Photoshop уменьшает его, выбрасывая пиксели. И как только эти пиксели исчезнут, их уже не вернуть. Это называется деструктивным редактированием, поскольку оно вносит постоянные изменения в исходное изображение. В этом случае мы потеряли пиксели.

Позже, если мы попытаемся увеличить изображение или даже вернуться к его первоначальному размеру, результат будет выглядеть не так хорошо. Это потому, что, отбрасывая пиксели, мы потеряли детали на изображении, и Photoshop не может волшебным образом воссоздать детали, которых больше нет. Все, что он может сделать, это взять оставшиеся детали и сделать их больше. И в зависимости от того, насколько больше вы его сделаете, вы можете получить блочный или размытый беспорядок.

Но умные объекты в фотошопе разные. Смарт-объект — это контейнер, в котором находится изображение, защищающее изображение от вреда. Все, что мы делаем со смарт-объектом, делается для самого смарт-объекта, а не для изображения. Если мы масштабируем смарт-объект, чтобы сделать его меньше, похоже, что мы масштабировали изображение. Но все, что мы действительно сделали, — это масштабировали умный объект. Изображение внутри него всегда остается в своем первоначальном размере со всеми его пикселями и деталями нетронутыми. Это означает, что если нам нужно снова увеличить изображение, мы можем сделать это без потери качества. Фактически, независимо от того, сколько раз мы изменяем размеры смарт-объекта, изображение всегда выглядит четким и резким. Посмотрим, как это работает. Я буду использовать

Ускорение изображения до исходного размера

Наконец, давайте закончим, посмотрим, что произойдет, когда мы увеличим обе версии изображения до их первоначального размера. Я начну с пиксельной версии слева, выбрав ее на панели «Слои»:

Затем я вернусь в меню « Правка» и выберу « Свободное преобразование» :

Дескрипторы Free Transform появляются вокруг пиксельной версии слева. А на панели параметров Photoshop снова сбросил значения ширины и высоты на 100%:

Поскольку мы знаем, что они на самом деле имеют 50% от их первоначального размера, мне нужно удвоить их размер, установив оба значения на 200% :

Я нажму Enter (Win) / Return (Mac) на моей клавиатуре один раз, чтобы принять новые значения, а затем снова, чтобы закрыть из Free Transform. И вот как выглядит пиксельная версия после уменьшения ширины и высоты до 10%, затем до 50%, а теперь и до 100%. Как мы видим, результат выглядит очень мягким, и большая часть оригинальных деталей отсутствует:

Масштабирование смарт-объекта до его первоначального размера

Далее я нажму на смарт-объект на панели «Слои», чтобы выбрать его:

Затем я в последний раз вернусь в меню « Правка» и выберу « Свободное преобразование» :

Ручки Free Transform появляются вокруг смарт-объекта справа. Но на панели параметров обратите внимание, что опять же, Photoshop все еще помнит, что мы просматриваем смарт-объект с его шириной и высотой, установленными на 50%:

Чтобы восстановить исходный размер смарт-объекта, все, что мне нужно сделать, это изменить ширину и высоту с 50% до 100% :

Я нажму Enter (Win) / Return (Mac) один раз, чтобы принять изменения, а затем снова, чтобы закрыть Free Transform, и вот результат. В то время как пиксельная версия слева явно потеряла качество изображения, смарт-объект справа выглядит как новый. Опять же, это потому, что мы изменяли размеры самого смарт-объекта, а не его содержимого, поэтому изображение внутри него никогда не изменялось:

Выход за рамки оригинального размера (и почему вы должны избегать его)

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

Выходя за пределы 100%, вы просите Photoshop создать детали, которых нет, как с пиксельным изображением. И результат будет одинаковым, будь то смарт-объект или нет. Фотошоп просто возьмет исходные пиксели и увеличит их, и результат будет выглядеть не так хорошо. Итак, чтобы извлечь выгоду из смарт-объектов, убедитесь, что вы не выходите за рамки исходного размера вашего изображения.

И там у нас это есть! Вот как можно масштабировать и изменять размеры изображений без потери качества с помощью смарт-объектов в Photoshop! Узнайте больше о смарт-объектах, узнайте, как создавать смарт-объекты, как редактировать смарт-объекты, как копировать смарт-объекты, как объединять слои в смарт-объекты или как работать с редактируемыми смарт-фильтрами ! И не забывайте, что все наши учебники по Photoshop теперь доступны для скачивания в формате PDF!

Уменьшаем размер картинок в онлайн-сервисах

Если лень устанавливать программы, на этот случай имеются онлайн-сервисы для уменьшения размера картинок. Они просты по функционалу: сжимают через точечное сжатие или изменяют пропорции фото.

Optimizilla

Это эффективный онлайн-сервис для уменьшения веса фотографии. Нужно открыть и следовать нативным указаниям. Удобен, потому что понятен. Когда загружаете сайт, уже знаете куда кликать дальше, потому что всё написано. Можно загрузить до 20 изображений и с помощью ползунка регулировать качество, а вместе с этим и вес каждой картинки. Благодаря компрессии можно уменьшать вес фотографии до 50% от изначального размера без заметной потери качества. Как пользоваться программой:

1. Перейти на официальный сайт программы Optimizilla.
2. Найти кнопку «Загрузить», кликнуть на неё и выбрать картинку.
3. Подождать пока программа уменьшит фото.
4. Слева будет исходный файл, а справа готовый к вашей работе или пересылке;
5. Выбрать качество и нажать «Скачать все».

В этой программе файлы до 1 Мб уменьшаются быстро. Для изображений побольше можно следить за процентом интерполяции на значке картинки. Если нажать «Скачать все», скачается архив переработанных фото.

Image Optimizer

Сайт нативный, что означает: когда вы заходите на сайт, уже всё написано куда кликать и что делать дальше. Поддерживает сжатие четырех форматов: JPG, GIF, PNG и TIFF. Это одна из первых программ для уменьшения картинок. Можно сделать фото легче на 30% и не потерять качество. Официальная версия платная. Незарегистрированный пользователь сможет ею пользоваться лишь первых 30 дней. Далее придется оплачивать от 7 долларов в месяц.

У программы предусмотрен плагин, который работает на WordPress. Если сайт на этой платформе, инструмент прекрасно подойдет для оптимизации загрузки картинок и страницы.

Работать с программой легко, в три действия.

1. Скачивают плагин Image Optimazer с официального сайта.
2. Если эта программа предлагает зарегистрироваться — нужно зарегистрироваться.
3. Выбрать уровень сжатия: нормальное, агрессивное или ультра;

Если хочется пользоваться бесплатно, придётся экономить на обработке фото. Ведь доступно лишь 25 Мб в месяц.

Compressor.io

Этот онлайн-сервис выжимает максимум, чтобы картинка была легкой по весу и оперативно загружалась. Сайт готов сделать всё за вас, стоит только загрузить картинку, нажав на соответствующую кнопку. Всё просто и понятно. Зафиксированы случаи, когда при уменьшении веса изображения на 82%, его качество не менялось. Также имеется функция выгрузить готовую фотографию на компьютер или на облачные диски.

Есть минусы: файлы загружаются по одному, их максимальный вес не должен превышать 10 Мб. Качество фотографий улучшается после работы по уменьшению веса. Они становятся похожи на кадры, уже обработанные эффектами светотени в профессиональном фотошопе. В ближайшем будущем создатель программы Compressor.io готовится выпустить оффлайн-версию с улучшениями. Поэтапно, как работать с этой программой:

1. Заходят на официальный сайт Compressor.io.
2. Справа вверху, над окном загрузки фото, выбирают тип сжатия.
3. Загружают картинку. Бесплатно сайт может обработать фотографию до 10 Мб;
4. Справа внизу есть кнопка «Скачать все». Кликнуть на нее. Картинка окажется на вашем компьютере и готова к дальнейшему использованию.

TinyPNG

Работа этого сайта основана на выборочном сокращении цветов. Работает лишь с двумя форматами: PNG и JPEG. Система полностью автоматическая, контролировать процесс уменьшения на сайте нельзя. Но создатель обещает, что бережно сожмет фотографии на 85% и больше. Работает по принципу «зайдите и поймете, что нажимать». Как пользоваться Tiny PNG:

• Открыть официальный сайт Tiny PNG.
• Загрузить свою картинку в специальное окно.
• Подождать пока программа обработает фотографию.
• Нажать на кнопочку «Скачать все».

IMGonline

Бесплатный сайт с функциями сжатия и корректировки. Уменьшение картинки до нужного результата настраивается вручную. Нужно лишь написать размер пикселей. Процент сжатия изображения на этом сайте может варьироваться от 1% до 100%. Хотя онлайн-сервис дает рекомендацию: лучшее уменьшение фотографии будет на уровне 75-95%. Сайт сам покажет куда загружать и что нажимать. Для этого следует:

• зайти на официальный сайт программы IMGonline;
• в панели меню выбрать «Сжать», кликнув по подзаголовку;
• загрузить изображение по первому пункту;
• во втором пункте выбрать параметры сжатия;
• нажать «Окей»;
• скачать изображение.

Готово! Картинка будет сжата по вашим параметрам.

Мы рассмотрели 4 способа по уменьшению размеров изображения. Из них два способа: Размер холста и Кадрирование не связаны с потерей качества. Фактически (ширина и высота) картинки становятся меньше, но само содержимое остается прежнего масштаба. Чтобы этого добиться, нужно пожертвовать частью картинки, другими словами, просто обрезать ее до нужного размера. Подробнее как это делать смотрите выше по тексту.

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

О том как вырезать объекты читайте в других статьях. Подробнее остановимся на уменьшении.

В этой ситуации вам также пригодятся знания по использованию команды Свободное трансформирование.

Когда объект вырезан, нужно образовать вокруг него выделенную область. После этого примените трансформирование и по инструкции выше тяните за маркеры в сторону уменьшения данного объекта.

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