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

Сжимаем изображения в 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

Прямой эфир

Кристиана
Кристиана
Здравствуйте, Балышева Кристина Александровна вы не против познокомиться
Топ-4 лучших пранк-ботов в Телеграме для розыгрыша по телефону бесплатно
Людмила
Людмила
Сегодня 27.03.2024 списались 699 руб, так же и в прошлом месяце, хотя отменили подписку. Номер телефона 89778078032
Как войти в личный кабинет кинотеатра ИВИ и отключить подписку – инструкция
Людмила
Людмила
Второй месяц списываются деньги за ivi, 699 руб каждый месяц, хотя не подписана. Задолбали уже!
Как войти в личный кабинет кинотеатра ИВИ и отключить подписку – инструкция
Татьяна
Татьяна
У меня тоже такое было сначала вроде отключили потом смс приходили но не снимали а потом опять начали снимать и не могу узнать за что снимают 🤦
Что такое файлообменные сети и почему МТС списывает деньги, как отключить
Татьяна
Татьяна
Прошу вернуть деньги так как списали не законно, я не подписывалась
Что это за сайт Shtrafoff.net, как отключить его подписку и вернуть деньги
Натали
Натали
Единственное что мне не нравится, это постоянно на экране появляется сообщение "включите приложение" только его загрузишь. Уже отключила уведомления в настройках, но бесполезно.
Что за приложение Palm Store в телефоне, его функционал и установка
Евгений
Евгений
Установил приложение, но оно не запускается
Что это за приложение Радар.НФ и как им пользоваться – принцип работы
Наталья
Наталья
YANDEX*4816*POCHTA Прошу вернуть деньги в размере 499 рублей, списанные 16.03.24. Прошу отписать меня от платных услуг, на которые я не подписывалась! Деньги сняты без каких-либо оснований!
Что это за сервис YA Pochta, почему списали деньги с карты и как отключить подписку
Владислав
Владислав
Заплатить 1400 руб, далее по рекомендации продавцов Эльдорадо зайти на этот сайт, и ничего не найти, куда бы можно было ввести код из чека. По моему это слишком не красиво.
Как активировать код Эльдорадо на сайте https://s4pk.ru/e – инструкция
Андрей.
Андрей.
Сняли 10 руб. Информации 0.через 3 дня ещё 790 р. Запросили не дал. Пришлось менять карту. Не связывайтесь. Лохотрон, с хорошей рекламой 10 руб.
Как отключить подписку на сервис DomograMRF и почему он списал деньги
Ольга
Ольга
Лимиты и ограничения по карте - покупки в интернете (убрать разрешение). Так сделала теперь все 👍.
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
наталья
наталья
Отписаться должно быть просто:ввел телефон и нажал кнопку..И всё.. Как везде ..А у вас?.вам нравится издеваться над людьми? Позорище!
Как отписаться от платных услуг и подписок сервиса BankLite.ru – инструкция
наталья
наталья
номер телефона не ввести,что за......?Жуки.
Как отписаться от платных услуг и подписок сервиса BankLite.ru – инструкция
Алекс
Алекс
Это приложение легко в использовании,но оно на английском языке. Плеер приложения приложения прост в использовании. Плеер приложения проигрывает также записанную музыку на самом устройстве,а также диктофонные записи,что очень удобно. Возможно это приложение использовать как основное для проигрывания музыки.
Что это за приложение Boomplay, его описание, установка и использование
Ирина
Ирина
Прошу отписать от платных услуг и вернуть деньги.
Как отключить подписку на сервис DomograMRF и почему он списал деньги
Ольга
Ольга
Прошу вернуть деньги в размере 399 рублей. О том что есть подписка и снятие денежных средств не кто не предупреждал. Я не подписывалась на ваш сайт! На каком основании были сняты деньги!?
Что это за сайт Shtrafoff.net, как отключить его подписку и вернуть деньги
Александр
Александр
Верните деньги, на каком основании спасали 2 тысячи рублей?
Как отключить списывание средств PayZaim и можно ли вернуть деньги
Лариса
Лариса
Прошу отписать меня от платных услуг кнопка деньги финансы 89507867024
Как отписаться от платных услуг и подписок сервиса Кнопка Деньги – инструкция
Михаил
Михаил
Списали 790рублей без какой либо подписки. Мошенники. Будьте осторожны.
Как отключить подписку VinHub Moskva RUS, почему списали деньги и как вернуть
Людмила
Людмила
Отключить подписку и вернуть деньги, отписаться от платных услуг
Как отписаться от платных услуг и подписок сервиса А ДЕНЬГИ – инструкция
Infinix SMART 7
Infinix SMART 7
А у меня в шторке эта функция
Что это такое – Cat Controls, как активировать и отключить игру на Android 12
Киря
Киря
Хм, зайдите в раздел "устройства". Это настройки>устройства. И выйти со всех устройств кроме этого. Думаю вас взломали и вот как то так зашли. Советую включить двухэтапную аутентификацию.
Кто видит папку Избранное в Телеграме и для чего она нужна, как что-то добавить
Эдгар
Эдгар
Хорошее руководство. Благодарю!
Как в ОС Windows 10 убрать визуальные эффекты, 4 способа отключить анимацию
Просто_Ксюша
Просто_Ксюша
У меня колонка вообще не работает😭😭😭😭😭
Как включить и правильно настроить колонку Сбер Бум Мини – инструкция
Eva
Eva
Там такого нет
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Хорен
Хорен
Удалитье от меня покупки
Как отключить подписку сервиса Chatgram.me в Телеграме – инструкция
Ирина
Ирина
почему нет связи с оператором? номера 177 и959 не отвечают
Как позвонить оператору сотовой связи Лугаком – инструкция и номера
Ольга
Ольга
Как отключить подписку ???
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Ольга
Ольга
Вообще Оборзели они сами подключают каким-то образом я только сделала новую карту еще ею не пользовалась приходит СМС от них что покупка что вообще Оборзели творят что хотят
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Зарина
Зарина
отключить подписку
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Денис
Денис
На почте сказали как следить за движением заказного письма через интернет. На сайте потребовали оплатить 5 рублей,кто за что непонять и понеслось каждые семь дней списание 99 руб. В сбере вообще концов не найти в подписках. Я думаю это почтроссы замешаны в этом иначе зачем они это предлогают.
Что это за сайт Shtrafoff.net, как отключить его подписку и вернуть деньги
Наталья
Наталья
Здравствуйте! У меня несколько дней назад пришло автоматически это приложение. У меня Tecno Pova. Тоже смутил тот факт что слишком в персональные данные далеко залезают. Поэтому пока не одобрила это приложение. Вы пишите что не надо трогать ! Подскажите как вы сделали ! Или статьи чтобы разобраться в этом грамотно ! Спасибо !
Что это за приложение – Hios Launcher и каков его функционал на Андроид
коротун галина
коротун галина
сегодня в 14-=11 с моей карты списано 399р я была подписана на 1 р з а месяц но потом эту подписку расторгла мой телефон 89011404466
Как войти в личный кабинет кинотеатра ИВИ и отключить подписку – инструкция
Эльмар
Эльмар
Бесплатное оно встроенное в инфиникс мобилы
Что это за приложение XOS Launcher и нужно ли оно, как им пользоваться
AlB
AlB
Спасибо большое, помогли решить проблему доступа к чату канала
Что делать, если пишет – к сожалению, группа временно недоступна на вашем устройстве, поскольку ее модераторам необходимо удалить, как исправить
Денис
Денис
Сайт штрафов нет.мошенники. к
Что это за сайт Shtrafoff.net, как отключить его подписку и вернуть деньги
Ведьма
Ведьма
Пусть будут здоровы 🥕
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Влада
Влада
заблокировали уже как 3 раз, прошу разблокировать +79831490277, пожайлуста я умоляю просто
Почему иногда блокируют номер телефона в Телеграме и как можно снять бан
Евгения
Евгения
Отключите подписку
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Жека
Жека
Заблокируйте карту с которой списывают и выпустите новую.
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Ника
Ника
Впервые вижу сайт, но списывают уже 2ой раз Первый раз решила закрыть глаза , не смогла понять как отключить
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
ирина
ирина
так и не разобралась, куда вводить код активации, совершенно бесполезная инструкция, потратила 4 часа, так и не разобралась.
Как активировать код Эльдорадо на сайте https://s4pk.ru/e – инструкция
Шохида
Шохида
Прошу вернуть мои деньги , деньги списали без моего ведома ночью когда я спала
Как отменить подписку на ООО «Аб Софт» и почему они списали деньги
ирина
ирина
и куда вводить код???
Как активировать код Эльдорадо на сайте https://s4pk.ru/e – инструкция
Pavel
Pavel
1. Устанавливаете uBlock Origin для Вашего браузера. uBlock Origin – это бесплатное кроссплатформенное расширение для браузера с открытым исходным кодом, предназначенное для фильтрации контента. 2. После установки этого расширения, справа вверху появится ярлык в виде бордового щита с парой белых буковок на нём. 3. Нажимаете на этот ярлык. В открывшемся контекстном меню, нажимаете на ярлык Пипетка, находящийся внизу этого окошка. 4. Курсор превращается в крестик. Переместите крестик на тот блок, который хотите убрать - он выделяется розовым цветом. Например на блок видео-роликов. Делайте это аккуратно и точно. Можно выделять как отдельное видео, так и весь блок видео. Чтобы исчез весь блок, подведите курсор-крестик к пустому пространству между предлагаемыми роликами. Весь блок с видео должен стать розовым. Аккуратно клацните на этом месте. 5. Появится новое контекстное окошко. Переместите курсор на него и клацаете по кнопке - Создать. Весь блок с кучей видео исчезнет. Единственное неудобство в том, что после нового включения компьютера, или перезагрузки, блок видео появится снова. И его опять надо будет так же убрать. При навыке на это уходит несколько секунд. Зато потом весь день окно Яндекс-Дзен (dzen.ru), будет без раздражающего блока видео. Например - убрать Видео, и оставить только Новости и Статьи.
Как можно отключить рекомендуемые ролики в сервисе Яндекс Дзен – способы
Виктория
Виктория
И да зайти в личный кабинет свой этого сайта .
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Виктория
Виктория
Народ всё просто ,зайдите в настройки пролестайте до 3-го пункта ,где История платежей и нажмите на (управление доступом ) дальше (отменить полный доступ тарифа) и будет отмена и всё 😅сегодня с такой же ситуацией столкнулась ,нашла таки и сделала отмену
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Елена
Елена
Согласно сборщик денег. Коды пришли куда вводить не понятно.
Куда ввести код доступа к конкурсу на сайте go.ecologiarossii.ru – инструкция
Василий
Василий
верните 399 рублей один раз проверил долги оплатил. что ещё за 399 рублей через пол месяца снялись?
Что это за сайт Shtrafoff.net, как отключить его подписку и вернуть деньги
Осман
Осман
У меня тоже так
Как можно подключить консоль Game Stick Lite к телевизору –инструкция