Как уменьшить размер и вес картинки в Фотошопе

Dec 11, 2020 16:11

Приветствую вас мои дорогие друзья! Сегодня хочу вам рассказать о том как можно в фотошопе уменьшить размер и вес картинки, при этом практически не потерять качество изображения. Для этого есть много разных способов, например для самых "ленивых"  просто в поисковике браузера вводите вот такую надпись "Как уменьшить вес картинки онлайн", выбираете то что вам удобно и вуаля всё готово. Но мы изучаем ФШ и я хочу вам показать, как это сделать в вашем фотошопе. Потому что ФШ это не только альбом для рисования, обработки фото он может делать очень многое. Итак мы приступаем.

Предлагаю скачать эти картинки и потренироваться

Рис.1



Рис.2



1.0.Для начало открыть в ФШ картинку Рис.1 , чтобы узнать её размер

Идём : Панель Меню - Изображение - Размер изображения
или нажимаем клавиатурные сокращение ALT+CTRL+I
Клавиатурные сокращение работают в Английской раскладке



Размер картинки

Ширина: 4006 Пикселы
Высота: 5000 Пикселы
Разрешение: 300 Пикселы/дюйм

1.1.К примеру эту картинку нам нужно сделать:
900 на 1290 пикселы при весе не больше 80К

1) Сначала меняем настройку (в низу)нажимаем на стрелку и выбираем Бикубическая,чётче(наилучшая для уменьшения)

2) Меняем Разрешение с 300 на 72 Пикселы/дюйм
(Такое большое разрешение нужно только для печати для интернета достаточно 72)
Остальные настройки оставляем без изменений.



1.2.Что мы видим,"вес" и размер картинки уже уменьшился.

Теперь подгоним размер картинки.Так как размер картинки не сильно отличается от желаемого (деформация будет почти не заметна).

1) Снимаем первые две галочки в настройках, оставляем только на против" Интерполяция".
Блокировка пропала.



2) Затем просто меняем размеры у Ширины и Высоты как у меня на рисунке.Жмём "Ок"



1.3.Так, с размерами всё сделали теперь нужно уменьшить "вес" работы.

Для чего нужно уменьшать "вес" картинки?

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

Наша картинка без анимации, значит сохранить её можно в формате GIF,PNG или JPEG. Я сегодня не буду рассказывать о всех возможностях этих форматов,всю информацию можно найти в интернете. Мы просто сравним как эти форматы влияют на "вес" картинки.

Для сохранения картинки как всегда идём:
Панель Меню - Файл - Сохранить для Web... или ALT+Shift+CTRL+S







1.4.Сравнивая скрины видно что в формате JPEG наименьший 171,3К.

А можно ли ещё сделать меньше вес картинки?

Для этого нам нужно немного уменьшить настройки "Качества", при этом разница почти будет не заметной.Если всё устраивает Жмём "Сохранить..."



Что делать если у нас очень широкая картинка которую нужно подогнать под эти же размеры?

2.0.Открываем в ФШ картинку Рис.2 ,что бы узнать её размер
Идём : Панель Меню - Изображение - Размер изображения или нажимаем клавиатурные сокращение ALT+CTRL+I



2.1.Меняем настройки как я показала в пункте 1.1. Нажимаем "ОК"



2.2.Изменить размер картинки как показано в пункте 1.2. мы не можем (деформация будет очень заметна).

Что бы это избежать нужно просто отрезать лишние при помощи инструмента "Рамка"



Берём инструмент "Рамка" выставляем вот такие настройки, задаём нужный нам размер.



2.3.Обратите внимание всё, что внутри выделенной рамки имеет светлый оттенок после отсечения останется. Всё остальное удалится.

В ФШ CS6 выделенная рамка остаётся неподвижной,а вот документ можно передвигать выбирая нужный участок.



Если всё устраивает нажать Enter или как показано на скрине.



2.3.Обязательно проверяем размер нашего рисунка как в пункте 1.0.
Если размеры получились не точными меняем их как в пункте 1.2.

2.4.Сохраняем картинку как в пункте 1.4. предварительно уменьшив "вес".

Результат урока

Рис.1(изменённая)



Рис.2(измененная)



Благодарю за внимание до следующих встреч!

Irina Hochweis

Группа Я +ТЫ учимся вместе - my.mail.ru/community/japlusti/
Оригинал взят у - strelec-l.livejournal.com/135545.html

изменение размера изображения, сжатие картинок, уроки, adobe photoshop, #adobe photoshop, #уроки, обработка изображений

Previous post Next post
Up