Все секреты компьютера для новичка и профессионала

Сжимаем изображения в Photoshop без потери качества

Сжимаем изображения в Photoshop без потери качества

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

Почему именно Photoshop?

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

С чего начать?

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

Если фото у Вас много, рекомендую их разложить по папкам согласно тематике. Потом Вам проще будет ориентироваться, что и куда сохраняется. Иначе, возможна путаница.

Обратите внимание на формат. Если Вы сохранили объекты редактирования с интернета или скопировали из фотоаппарата, то чаще всего они будут иметь расширение "jpeg/jpg". Но может быть и "gif" или "png". Для последнего типа характерна прозрачность заднего фона, что делает такие изображения уникальными. Если хотите при сжатии оставить эти свойства, то лучше подобные объекты помещать в отдельное место (папку). Далее Вы узнаете почему.


Процесс пошел!

Переходим к инструкции, как сжать фото без потери качества фотошопе. Она очень простая!

Все описанные ниже шаги актуальны для версии CC 2014 - 2015
  • Запускаем редактор Adobe Photoshop. Лучше использовать свежую версию, хотя описанный ниже функционал присутствует даже в "старых" редакциях софта.
  • Открываем нужный объект обработки (или несколько) используя соответствующий пункт в меню "Файл" или просто нажимаем на клавиатуре Ctrl + O :

Процесс открытия файла в Photoshop

Стоит отметить, что изначально исходник занимал на диске 442 Кб!

  • Теперь снова идем в "Файл" и там кликаем по варианту "Сохранить для Вэб...":

выбираем сохранение для Веб

  • Откроется новое окно с множеством настроек. Но не стоит паниковать, сейчас разберемся. Справа сверху можно выбрать из выпадающего списка формат сохранения (по умолчанию - jpeg) и указать качество от 0 до 100, используя "бегунок". Есть возможность указать предустановленные настройки сжатия: минимальное, среднее и т.д.

Параметры сжатия Jpeg картинки в Фотошопе

  • Под зоной предварительного просмотра можно видеть новый размер элемента. В данном случае он уменьшился до 232 Кб. Но и это не предел. Вы можете менять качество (уменьшать) до тех пор, пока не начнете замечать цифровые артефакты - неровности краев, волны, кубики. Также, Вы вправе изменить разрешение элемента, указав другую ширину и высоту. Возможно, Вам не нужен такой большой "лев". Это позволит еще больше минимизировать вес.

Теперь Вы знаете, как сжать размер фото в фотошопе. Но позвольте рассказать немного об особенностях формата "png".


Инструкция для PNG

  • Допустим, Вы сохранили исходник, который размещена на прозрачном фоне.

Рыжий кот в Photoshop

  • Если попытаться сохранить её вышеуказанным способом, то фон будет залит сплошным белым цветом:

Фон за котом становится белым

  • Необходимо сверху изменить тип на PNG-8 или PNG-24:

Указываем формат PNG

  • Если выбран первый вариант (8), то чуть правее будет доступен выбор количества цветов (от 2 до 256). Вы можете пробовать менять эти значения и смотреть на изображение. Стоит отметить, что это решение оптимально, если Ваш исходник не слишком насыщен и разнообразен в плане цветности, и Вас особо не беспокоит ровность краев.
  • Для лучшего качества следует выбирать режим 24, который не имеет особых настроек. Да и сильно сжать не получиться. Поэтому, лучше немного поиграться с PNG-8.

Предлагаю посмотреть следующее видео, которое более подробно покажет, как уменьшить фото в Фотошопе без потери качества:


Уточнение для Photoshop версии CC 2016 и выше

После выхода данного обновления в приложение были внесены некоторые изменения, которые касаются не только функциональности, но и пунктов меню. Теперь элемент "Сохранить для Web" находится по пути "Файл" - "Экспортировать".

Вот где спрятался "Сохранить для Web"

Обратите внимание, что выше расположен пункт "Экспортировать как...", клик по которому откроет обновленный интерфейс утилиты сжатия.

Параметры экспорта изображения в Фотошоп СС 2017

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

Информационный портал IT Техник
Вам помогло? Поделитесь с друзьями - помогите и нам!
Поделиться
Отправить
Класснуть
Линкануть
Вотсапнуть
Запинить
Комментарии к статье: 15
Добавить комментарий


Граватар Анна
Анна

супер помогло!

Ответить
Граватар Мотя
Мотя

Общеизвестно,что потеря резкоти при уменьшении происходит из-за несовершенства фотошоповского алгоритма усреднения пикселей. ***А в версиях, начиная с CS3, удалён алгоритм *****

Потеря резкости при уменьшении происходит из-за несовершенства алгоритма усреднения пикселей.

чтобы не подгонять вес под качество, а подгонять качество под вес (например, для галереи) нужно делать так - в окне Save for WEB нажать на клавишу в виде двух стрелочек вправо (над ячейкой Quality и словом Optimized), в выпавшем меню ткнуть в Optimize to file size, ввести желаемый размер и нажать ОК. ФШ сам определит максимальное качество для данного файла при заданном размере.

Ответить
Граватар Max
Max

Круто, а я всегда ставил изображения так как сфоткал или нашел в инете, а тут их еще сжимать можно, фантастика

Ответить
Граватар Лара
Лара

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

Ответить
Граватар Рафаэль
Рафаэль

есть простая хитрость:

пересчитываешь изображение на в два раза большее разрешение - желательно не в фотошопе а в спец пргграммах типа PhotoZoom Pro
сжимаешь его жипегом максимально сильно

в итоге картинка будет смотреться не хуже а размер будет меньше в разы

Ответить
Граватар Ирина
Ирина

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

Ответить
Граватар Елена
Елена

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

Ответить
Граватар Davidfiche
Davidfiche

Вот это круто! Получилось! Большое спасибо! А я еще интересные сервисы для изображений на сайте https://life-v.ru/ нашел

Ответить
Граватар Ника
Ника

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

Ответить
Граватар Мариша
Мариша

Доходчиво и внятно)) спасибо за урок, сейчас правда работаю в основном в онлайн программе photoshop-online, но все равно этот фотошоп ничем не уступит профессиональным)!

Ответить
Граватар Леонид
Леонид

Огромное спасибо за статью! Фотографии ужимаются в десятки раз! Это просто чудо!

Ответить
Граватар Евгений Верещака
Евгений Верещака

Сергей Петров, Спасибо! Вы правы, пора обновляться)

Ответить
Граватар Сергей Петров
Сергей Петров

Евгений Верещака, дело в версии. У меня CC 2015.5. У Вас, видимо, ниже, поэтому меню не содержит такой опции.

Ответить
Граватар Евгений Верещака
Евгений Верещака

Сергей Петров, А подскажите, где конкретно находятся настройки экспорта? Я у себя не нашел. Использую Photoshop CC

Ответить
Граватар Сергей Петров
Сергей Петров

Перед публикацией изображений на своем сайте (а все изображения у меня уникальные) я всегда их "сжимаю". И всегда пользуюсь для этого именно программой Photoshop.

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

Я тоже раньше пользовался опцией "Сохранить для Web". Теперь, в новой версии, есть опция "Экспортировать" - "Настройки экспорта", обеспечивающая более тонкие настройки "сжатия" изображения.

Ответить
Наш Youtube-канал
Канал Telegram

Прямой эфир

Елена
Елена
Отменить подписку
Как можно отменить подписку на сервис YM Rezume, если он списал деньги
Анна
Анна
Как отменить подписку
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Виолетта
Виолетта
Разблокировали?
Почему иногда блокируют номер телефона в Телеграме и как можно снять бан
Виолетта
Виолетта
Здравствуйте, заблокировали номер по непонятной причине просьба разобраться с этим вопросом Номер: +77714708004
Почему иногда блокируют номер телефона в Телеграме и как можно снять бан
Ксю
Ксю
Спасибо тебе, добрый человек, именно это у меня и было!
Телефон издает звук уведомлений, но их нет – что это такое?
надежда
надежда
умничка, спасибо.
Что делать, если на телефоне Андроид вылетает интернет – 14 способов его включения
Александр
Александр
На АлиЭкспресс потеряли посылку, в споре предложили искать через почту России. При регистрации на сайте сняли за услугу 5 рублей. Ни о какой подписке не было и речи. Через 5 дней пришло оповещение что снимут за подписку 399 рублей. Мошенники
Что это за сайт Shtrafoff.net, как отключить его подписку и вернуть деньги
Жания
Жания
У нас дома за яндекс за месяц 3000тг берут, по 1499тг 2раза, это правильно?
Сколько именно стоит подписка на Яндекс Станцию и можно ли получить скидку
Ксения,
Ксения,
Нормально они устроились, списывают когда люди на них не подписывались, у меня тоже списали а я первый раз вижу этот сайт
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Юлия
Юлия
Отписаться от платных услуг
Как отписаться от платных услуг и подписок сервиса А ДЕНЬГИ – инструкция
Ирина
Ирина
Отключить подписку ,я не подписывалась ,а снимают
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Ирина
Ирина
Хочу отключить подписку
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Ирина
Ирина
Отключить подписку
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Ирина
Ирина
Не могу отключить оплату за услугу Tutor Place
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Наталья
Наталья
Звонков не мерино, смс в том же числе.Ребят может у кого-то получилось вернуть средства, и отписаться. Дайте пожалуйста ответ.
Как отписаться от платных услуг и подписок сервиса Деньги7 – инструкция
Наталья
Наталья
Я в шоке заполнив одну заявку получила 50 смс от разных организаций микрозайм. Да еще и за это деньги заплатила. Вот это уловка. 11 вечера а мне все пишут и звонят.Даже сейчас пишу комментарий и всплывают поверх куча реклам. Это люди должны не понятно как пользоваться этим сайтом. И везде мои данные засвечены. Отпишите меня и сотрите нафиг мои данные.
Как отписаться от платных услуг и подписок сервиса Деньги7 – инструкция
Юрий
Юрий
Здравствуйте хочу вернуть деньги которые сняли 488р
Как отписаться от платных подписок и услуг сервиса RusKred и вернуть деньги
Юрий
Юрий
Пожалуйста верните мне деньги и не надо мне ваших кредитов
Как отписаться от платных подписок и услуг сервиса RusKred и вернуть деньги
Ирина
Ирина
Добрый день! Приобрели UPGRADE!! Приставка игровая консоль для телевизора Game Stick M15, игровые приставки серии M15 с играми 8-16-32 бит (Сега, Джуниор, Плейстейшен ), все подключили, все работала отлично. Потом произошёл какой то сбой, и теперь при запуске приставки открывается сразу экран со списком 31 шт игр на китайском языке и все, и выйти с основное меню не можем. Что это может быть?
Как можно подключить консоль Game Stick Lite к телевизору –инструкция
Лариса
Лариса
Добрый день! У меня модель hp650 и, к сожалению, кнопки Numlok там попросту нет, а при нажатии fn+f11 ничего не меняется. Как в таком случае посоветуете исправить ситуацию, чтобы печатать текст как положено?
На ноутбуке вместо букв печатаются цифры: п1чему к2авиатура печатает цифрами
Т.Г.С
Т.Г.С
Хочу отменить подписку
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Маша
Маша
Я не подписывалась но и не могу отписаться верните деньги
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Анна
Анна
здравствуйте, заблокировали номер по непонятной причине, вылетел аккаунт и не могу зайти. номер:+77780853477
Почему иногда блокируют номер телефона в Телеграме и как можно снять бан
Юлия
Юлия
Я не подписывалась на ваши услуги!!!! А деньги снимают!!!!! И отписаться не как!!!!!
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
алексей
алексей
сегодя в1605 с меня сняли 399р -хотя я ниначто не подписывался Э то уже второе подобное происходит во второй раз В первый оператор все решил этот вопрос быстро НО ТЕПЕРЬ там увас кукла с которой не решить ни чего Верните деньги рсмотров-небыло Мой номер 89216312488
Как войти в личный кабинет кинотеатра ИВИ и отключить подписку – инструкция
Альфина
Альфина
Я тоже не подписывалась и так же деньги снимают. И как отписаться не понятно
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Ольга
Ольга
Что это такое? Я не подписывалась. Вчера сняли деньги. О месте и верните деньги!
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Татьяна
Татьяна
Списали деньги без моего спроса! За какую то подписку, требую вернуть деньги обратно!
Как отменить подписку на Igstore Fryazino RUS и почему они списали деньги с карты
Светлана
Светлана
Отписаться от платных услуг А деньги
Как отписаться от платных услуг и подписок сервиса А ДЕНЬГИ – инструкция
Lol
Lol
GOVNO STATYA POLNOE
Как можно отключить подписку на сервис Spybot и почему он списал деньги
Татьяна
Татьяна
Отписаться от платных услуг аденьги
Как отписаться от платных услуг и подписок сервиса А ДЕНЬГИ – инструкция
АльфияГазизовна
АльфияГазизовна
Добрый день. Очень растроилась списали сегодня ночью без моего согласия сняли деньги четыре раза. Два раза по 1999 и два раза по 499. Всего 4996. Прошу помочь вернуть мою пенсию.
Как отменить подписку на ООО «Аб Софт» и почему они списали деньги
Марина
Марина
Отметить подписку и верните деньги
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Ирина
Ирина
Отменить подписку и вернуть деньги я отказалась от подписки
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Верните деньги
Верните деньги
Верните мне мои деньги
Как отписаться от платных услуг сервиса ReallyCash и можно ли вернуть деньги
@safarzoda_s7
@safarzoda_s7
50000
Как накрутить подписчиков в Лайке бесплатно
Анастасия
Анастасия
Отмените подписку 🙏🏽
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Валерий
Валерий
Как приложение арр маркет вообще удалить
Что за приложение App Market, его функционал и стоит ли удалять ПО
Валерий
Валерий
Как удалить этот долбаный про маркет реклама через каждые 5 секунд, его деактевтруеш он сам включается
Что за приложение App Market, его функционал и стоит ли удалять ПО
Валерий
Валерий
Аро маркет деоктевируешь ,отключаешь через несколько секунд сам подключаеться невозможно реклама через каждые 5 секунд за-ли
Что за приложение App Market, его функционал и стоит ли удалять ПО
Дмитрий
Дмитрий
Пожалуйста отключите подписку чатграм
Как отключить подписку сервиса Chatgram.me в Телеграме – инструкция
Альбина
Альбина
Отмените подписку и верните деньги
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Андрей
Андрей
Здравствуйте, заблокировали номер по непонятной причине просьба разобраться с этим вопросом Номер: +79901621251
Почему иногда блокируют номер телефона в Телеграме и как можно снять бан
Лара
Лара
Подам на вас заявление верните деньги
Как отписаться от платных услуг сервиса Bonon и можно ли вернуть деньги
Елена
Елена
Отменить подписку и верните деньги
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Жека
Жека
Сестренка подписалась благодаря вам смог только разобраться спасибо огромное
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Анастасия
Анастасия
Здравствуйте. Asus Vivobook S. Не сработал ни один из способов отключения функциональных клавиш. На кнопке Fn даже написано, что блокировка FN+Esc, но не срабатывает. Подскажите, есть ли еще варианты?
Как на ноутбуке отключить Fn на клавиатуре
Асел
Асел
Где найти личный кабинет???? Почему списываются деньги? Это что за услуга вообще ???!!!!!! ОТМЕНИТЕ ПОДПИСКУ !!!!!!
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Наталья
Наталья
отменить подписку!!!!!!
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Оксана
Оксана
Как вернуть списаные деньги трижды 7 и 8 марта?
Как отменить подписку на ООО «Аб Софт» и почему они списали деньги