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

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


Граватар Сергей Петров
Сергей Петров

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ответить
Читайте нас в Яндекс Дзен
Наш Youtube-канал
Канал Telegram
Реклама

Прямой эфир

Михаил Тимофеевич
Михаил Тимофеевич
с ПК попало много "программ" в том числе ДЗЕН в привычной форме. не могу найти первоначальный вид привычного формата. Предлолагается масса версий меня и моих близких не интересует. и думаю многим они не нужны. Прошу помочь мне в возвращении на привычный способ восприятия информации
Как включить Яндекс Дзен, смотреть, читать ленту новостей
Влад
Влад
Хорошо платят за рейтинги ,вот и шлепают.
Какие флешки USB самые надежные и быстрые?
Фауст
Фауст
На фига такие сложности, когда можно премиум версию с 4PDA или XDA поставить абсолютно бесплатно?
Теперь за скачивание приложений в Google Play можно зарабатывать кредиты — как это работает?
Anon
Anon
какого х.я этот dll файл удаляется сам после закачки(антивирус отключён)
Ошибка AEyrC.dll в игре Crysis 3 — как скачать отсутствующий файл
Игнат
Игнат
Да, от установки SFA 1.1.8, которая идёт вместе с Alcohol 120 2.1.0.20601 FE (Free Edition), отказаться нельзя, т.к. галочка в опциях установки «неактивна» и снять её не получится. Сама Smart File Advisor 1.1.8 после установки занимает всего 4,03 МБ (в папке Program Files (x86)). Kaspersky Endpoint Security 11.1.1.126 на неё не ругается, так что оставил её, т.к. явным зловредом не является, вредоносной активности не детектировано. И к тому же, последняя версия Alcohol 120 2.1.0.20601 FE от 03.07.2019 г. прекрасно и стабильно работает в Windows 10 1903, по крайней мере, виртуальный привод никуда не пропадает с концами, как было в предыдущей версии Win10 1803 с Alcohol 120 2.0.3.11012 FE. Поэтому оставил SFA 1.1.8 в покое, уже не обращаю на неё внимание. Эта прога помогает напомнить о том, что надо обновить устаревшее ПО, напр., Foxit Phantom 2.2.4, выпуск обновления которой прекращён, типа надо обновить её на Foxit Reader 5.5.3, WinRAR 5.50 обновить на WinRAR 5.71 и т.п. Я отказался, снял в опциях Smart File Advisor (на значке в системном трее) автозапуск вместе с ОС и она теперь не появляется в этой области. Тем самым, просто не заморачиваться на данной проге. Всё будет окей, со временем "проблема" забудется.
Smart File Advisor: обзор полезного приложения
Риваль
Риваль
В безопасном режиме нельзя удалить пишет
Откат драйвера видеокарты на Windows 7 / 8 / 10
Михаил
Михаил
Блок питания одна из причин))
Почему не включается монитор при запуске ПК: возможные причины, решения
Фил
Фил
У меня так же было. Я заново установил драйвер Intel HD Graphics Driver, теперь всё работает. Драйвер взял с официального сайта Lenovo, из подборки драйверов для соответствующей модели ноута.
Исправляем ошибку AppHangB1
Зарина
Зарина
Немого посмотреть фото по этой ссылке
Ошибка 503 — что значит и как исправить её
Зарина
Зарина
Не могу открыть сайт чтотделать?
Ошибка 503 — что значит и как исправить её
МОНАХ
МОНАХ
Очень поганенькое приложение, поставьте AdGuard и вы увидите, что в течении дня оно несколько десятков раз выходит на мутные сервера связанные за каким то лешим с фейсбук. Оно вам надо? Удаляйте смело!
Приложение UBank на Android: зачем нужно, как удалить
Евгений Верещака
Евгений Верещака
Здравствуйте. Скорее всего накрылся сетевой адаптер. Попробуйте в настройках BIOS отключить сетевую карту. Если нет, тогда с загрузочной флешки сразу пробуйте не форматирование и переустановку, а восстановление с помощью точки восстановления
Синий экран при включении компьютера
Вадим
Вадим
Здравствуйте, появилась проблема. При запуске винды пишет : "The system seems to lack either network cards or network driver" И при этом висит пустой синий экран. Пробовал снести полностью систему через флешку, но до окна форматирования не доходит, а горит синим.
Синий экран при включении компьютера
vardan
vardan
vardan
Как устранить ошибку сети в App Store на смартфоне Meizu
Евгений
Евгений
Отлично, спасибо за подробный рассказ, а то мы выбираем новый холодос себе, пригляделись к хотпоинту, а что за фросты эти все - без понятия. Теперь уж определенно "ноу фрост" хотим
Капельная разморозка холодильника или No Frost — в чём разница, что лучше
Екатерина
Екатерина
добрый день! У меня в zip-архиве нет каталога "xl"
Как снять защиту с листа Excel, не зная пароль?
Елена
Елена
Оу! Спасибо. Всё настроила. Работает
Не идет звук через HDMI на телевизор с компьютера
Евгений Верещака
Евгений Верещака
к сожалению, без активации первичной не получится
Как сбросить пароль Xiaomi без потери данных
Евгений Верещака
Евгений Верещака
пожалуйста! рад, что помогло!
Устраняем ошибку: неправильная секция установки службы в этом inf файле MPT
DeNиS
DeNиS
СПАСИБО от всей души!!!!! Бля... всю башку себе перегрел пока искал как хрень эту исправить.. СПАСИБО искренне от души...
Устраняем ошибку: неправильная секция установки службы в этом inf файле MPT
Юля
Юля
Помогите пожалуйста. Собрали комп по запчастям,9 месяцев работал исправно,но после стал гаснуть экран на секунды 2-4 ,теперь совсем перестал включаться экран ,комп совсем на него не реагирует. Если пк выключит на дня 3-6 от всего питания,он включится нормально,но после дня работы на нем, он опять не включает экран. Все детали возила на диагностику,сказали все исправно,монитор тоже исправен. Помогите пожалуйста,куда еще лезть.
Почему не включается монитор при запуске ПК: возможные причины, решения
Виктор
Виктор
Увы факт...
Оптимизация оперативной памяти в Windows 10, устранение утечки ОЗУ
Гиппократ
Гиппократ
А как вернуть значки других программ? Те же Google Chrome,UTorrent и другие? Их ведь нету в панели задач.
Как вернуть стандартные иконки Windows 7
Толя
Толя
Привет, у меня такая проблема, я не могу розблокирувать телефон Xsiomi Redmi Note 5a. Я пароль помню но пишет что нужно сначала зайти на первое хранилище но я не могу зайти потому что телефон не розблокируваеться. А сбрасывать настройки я не могу потому что они мне очень нужны. Что мне делать? Подскажите пожалуйста
Как сбросить пароль Xiaomi без потери данных
Анастасия
Анастасия
Спасибо автору за прекрасную статью.. На дворе 21 век, мне 30+ и я понятия не имела что такое передача данных, а с Вашей помощью поняла!! Ещё раз мерси!!!!
Что такое передача данных в телефоне, как включить, отключить
Елена
Елена
Добрый вечер. Внук приблизительно месяц назад, может и больше, случайно удалил все имена контактов на телефоне. Остались просто номера. Те которые точно знала по памяти- восстановила, а другие, важные для меня, не могу. Что делать? Подскажите пожалуйста. Резервной копии не было.
Как восстановить контакты, удаленные с телефона или SIM-карты
Ник
Ник
Очень хорошая и доходчивая статья! Огромное спасибо автору!
Папка TEMP на компьютере занимает много места — что делать?
Евгений Верещака
Евгений Верещака
да, рекомендуется. хотя читал зарубежные форумы. пишут, что это актуально для старых (самых первых) моделей SSD, а новые, выпущенные в 2018/2019 году имеют в разы больше циклов записи/перезаписи и им по боку индекисирование и Superfetch
Оптимизация оперативной памяти в Windows 10, устранение утечки ОЗУ
Евгений Верещака
Евгений Верещака
не может быть
Оптимизация оперативной памяти в Windows 10, устранение утечки ОЗУ
Виктор
Виктор
сделал всё как написано и система тупо рухнула, пришлось переставлять систему.....
Оптимизация оперативной памяти в Windows 10, устранение утечки ОЗУ
BanDeRoller
BanDeRoller
А как отключить рекламу на этой странице?
Как убрать рекламу в Viber на ПК и телефоне
Егор
Егор
На ssd эту службу рекомендуют отключать , что вы скажите ?
Оптимизация оперативной памяти в Windows 10, устранение утечки ОЗУ
Михаил
Михаил
На клаву попало чутка бульона... Выключил почти сразу. Решил попробовать посушить феном... Скажите, не мог ли я феном поправить чего нибудь там? Потому что он у меня после ыена не вкл Буду ждать двое суток В прошлый раз помню мне его залили почти целой кружкой кофе, я его правда месяц потом не трогал э, а потом он раз и включился все работало
Залили ноутбук, не включается? Запомните эти правила первой помощи!
ВВёл
ВВёл
В той или иной стране один или другой антивирус является более эффективным. Информация актуальна только для России по тому как проведена на территории рф, в её реалиях и для жителей РФ. Но для меня странно где отечественный доктор вэб? Dr.Web Он с касперским всегда номер один. для меня лично доктор веб лучше. Имел дело с касперским как и с другими антивирусами и они подводили. я в итоге терял свои данные. но при этом ничего сверхъестественного я не делаю на компьютере, посещаю стандартные сайты для всех. а вот доктор вэб спас. как и утилита от касперского для удаления вирусов. используя код для утилиты касперского я удалял вирусы также как и утилитой доктор веба
Названы лучшие антивирусы для жителей России по мнению «Роскачества»
ВВёл
ВВёл
Почему в тестах нет антивируса DR.WEB? это один из лучших антивирусов но в большинстве тестов его нет как в заграничных так и в наших
Названы лучшие антивирусы для жителей России по мнению «Роскачества»
Сергей
Сергей
Здравствуйте. У меня модель ASUS K501LB пробовал через биос и так как вы писали, не получается отключить fn.
Как на ноутбуке отключить Fn на клавиатуре
Boo-Boo
Boo-Boo
Короче, смысл в том, что смотреть надо контент в реальном его масштабе на соответствующем экране ТВ, чтобы не было никакого апскейлинга. В результате, смысл приобретения есть только в самом большом разрешении экрана и свободном выборе плеера умеющего масштабировать картинку НЕ растягивая её на всю диагональ! Что есть пока только на андроид устройствах... к сожалению) //окт 2019/
Что такое апскейлинг в телевизоре, зачем нужна технология 4K/8K-upscaling
Рус
Рус
Вы *** что ли,? Все пашет лично его использую.
Не вздумайте устанавливать этот Android-оптимизатор, если Вам дорог Ваш смартфон
Надежда
Надежда
А смысл тогда в чем этой программы? Я все поотключала везде, в диспетчере навела порядок, а скорость загрузки танцует = у нас район со слабым покрытием, приходится прихватывать ночами инет.
Вот самое нужное приложение для Windows, БЕЗ которого компьютер превращается в «прожорливую шпионскую свалку»
Евгенияя
Евгенияя
Для Windows 7 подходит данный файл?
Исправляем ошибку «Отсутствует vcruntime140.dll»
Андрей
Андрей
WINDOWS 10 , свернуть все окна: win+ D - не сворачивает win+M - не сворачивает win+X+H - не сворачивает единственное, что сработало - в самом нижнем правом углу поле шириной 1мм (даже не замечал его раньше). кликнул - свернулось. спасибо автору. Мучился 2 года.....
Свернуть все окна горячие клавиши Windows 10 / 8 / 7 / XP
Петр
Петр
Вроде скачал и все работает. никаких реклам не вижу
Не вздумайте устанавливать этот Android-оптимизатор, если Вам дорог Ваш смартфон
ттттттттттт
ттттттттттт
Всё сработало - добавил в хостс: 127.0.0.1 ads.aws.viber.com 127.0.0.1 ads-d.viber.com 127.0.0.1 images.taboola.com 127.0.0.1 api.taboola.com 127.0.0.1 rmp.rakuten.com 127.0.0.1 s-clk.rmp.rakuten.com 127.0.0.1 s-bid.rmp.rakuten.com
Как убрать рекламу в Viber на ПК и телефоне
александр
александр
Первое толковое объяснение вижу,сделал резервную копию,правда на жестком диске D,надеюсь диск не полетит,а так большое спасибо....
Создаем резервные копии Windows 10 на флешке или дисках
Irinka
Irinka
Спасибо большое. Ваша статья очень нам помогла.
Как убрать пароль при выходе из спящего режима в Windows 10
Юлия
Юлия
Не воспроизводятся видео вконтакте,почему то долго очень грузятся.!Ноутбук чищу,в каких папках виндовс надо искать вирусы? и как понять как они зовутся? Нечаянно можно ведь удалить нужный системе файл .
Все методы обнаружения вирусов на компьютере
Владимир
Владимир
Реально хорошая программа, но требует знаний о софте, МАМА НЕ ГОРЮЙ! ))) Иначе будет как уже написано)))
5 причин, почему стоит установить приложение UnHackMe на компьютер с ОС Windows
Евгений
Евгений
Планшет Самсунг Таб Е подерживает синхронизации? Там только 3G
Синхронизация в телефоне Android — что это такое, как включить
Евгений Верещака
Евгений Верещака
Здравствуйте. Будет отображаться
Как зайти в Ватсап с компьютера — WhatsApp на ПК
Евгений Верещака
Евгений Верещака
это Вы утверждаете как пользователь?
Лучшие кнопочные телефоны на Андроид с оптимальным сочетанием цены и «железа»