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

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

Прямой эфир

Светлана
Светлана
Мне 70 лет, получив уведомление, я пошла в салон связи ТЕЛЕ 2 в ст. Калининской с паспортом. Там сидит старик такого же возраста, очень нервный при этом и совершенно некомпетентный-это мое мнение. Т.к он велел мне ехать в г.Краснодар...за 80 км и там вносить коррективы....Ну, мне поездка обойдется в одну тысячу-оно мне надо?! Так что, закроют мне доступ по ТЕЛЕ 2 и я просто выброшу симку. С какого перепугу я должна платить и ездить к черту на кулички только потому, что кто то сделал ошибку, оформляя догвор?!
Как можно подтвердить паспортные данные Теле2 через Госуслуги – инструкция
Светлана
Светлана
Здравствуйте, списали средства, как их вернуть?
Как отменить подписку на ООО «Аб Софт» и почему они списали деньги
Ирина
Ирина
Отключите пожалуйста подписку
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Светлана
Светлана
Здравствуйте, списали деньги, как вернуть?
Как отменить подписку на ООО «Аб Софт» и почему они списали деньги
Арапов Оксана
Арапов Оксана
Здравствуйте,Как вернуть деньги за подписку. Заранее спасибо.
Как отменить подписку на ООО «Аб Софт» и почему они списали деньги
Мария
Мария
Отключите подписку
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Анна
Анна
Отключите пожалуйста подписку. Почему снимают деньги ни за что.
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Динара
Динара
Отписаться от платных услуг отвязать карту. Списали деньги.
Как отписаться от платных услуг и подписок сервиса А ДЕНЬГИ – инструкция
Андрей
Андрей
Илья, не могли бы вы уточнить, какой способ помог, а то ссылку так и не восстанови... такая же проблема как и вас была.
Почему долго загружается система Windows 10 с диска SSD и 9 способов ускорения
Александра
Александра
Аналогичная ситуация, на почте нечего не оказалось, а деньги списали сначала 189 рублей, вчера утром 980 рублей.. Пришлось карту заблокировать
Как можно отписаться от платных услуг и подписок сервиса Snackinhealth
Анжела
Анжела
Помогите вернуть деньги,списали с карты отца,он пенсионер!вы лишили моих родителей средств проживания!!!!
Как отменить подписку на ООО «Аб Софт» и почему они списали деньги
Анжела
Анжела
Верните деньги!списали без моего ведома большую сумму!!!!
Как отменить подписку на ООО «Аб Софт» и почему они списали деньги
Анжела
Анжела
Прошу вернуть деньги списанные без моего ведома!!!
Как отменить подписку на ООО «Аб Софт» и почему они списали деньги
Алена
Алена
Твари, и полной инфы не было, что будут списывать каждые 4 дня
Как можно отписаться от платных услуг и подписок сервиса Snackinhealth
Алена
Алена
С меня списали уже 3 раза по 980 р
Как можно отписаться от платных услуг и подписок сервиса Snackinhealth
Александра
Александра
Отключите подписку. Не пользуюсь вообще этим сайтом, чушь какая то, списывает ни за что
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Елена
Елена
Вернуть деньги на карту вчера списали деньги с карты 7520 и отпиписатся
Как отписаться от платных услуг и подписок сервиса Jomin – инструкция  
Елена
Елена
Вернуть деньги на карту вчера списали деньги с карты 7520
Как отписаться от платных услуг и подписок сервиса Jomin – инструкция  
Лера
Лера
У вас получилосб это сделать ? Если да , то подскажите пожалуйста
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Лидия
Лидия
Уже второй месяц проблемы с ЛК!!!Не передать показания,не оплатить!!!Служба поддержки отписывается ремонтными работами!А людям потом пени плати за просрочки!позорище!!!
Почему не работает приложение Мой газ сегодня, причины проблемы и что делать
Варвара
Варвара
Реклама похабная, дешёвая. Очень многих раздражает.
Как связаться со службой поддержки Сбер Мегамаркета – номер телефона и чат
Талгат
Талгат
Верните все деньги, зарабатываешь трудом тут сюрпризы утром и вечером каждый день списываете деньги то один банк то другой, по вам тюрьма плачет доиграетесь
Как отключить списывание средств PayZaim и можно ли вернуть деньги
Талгат
Талгат
Вы позорище, что вы делаете воруете деньги, верните все деньги доиграетесь,. Хочу отписать не отписывают мошенники в суд на вас всех банков подам, если спишите еще раз.
Как отключить списывание средств PayZaim и можно ли вернуть деньги
Виктор
Виктор
Хочузакачатьнафлешкутввсероссийскихтв
Как на приставку закачать IPTV-плейлист, настройка и какой формат нужен
Алёна
Алёна
Прошу отписать меня от кнопка деньги. +79135805537
Как отписаться от платных услуг и подписок сервиса Кнопка Деньги – инструкция
Алёна
Алёна
Прошу отписать меня от платных услуг кнопка деньги. +79135805537
Как отписаться от платных услуг и подписок сервиса Кнопка Деньги – инструкция
Наташа
Наташа
Отписаться от платных услуг и отвязать карту
Как отписаться от платных услуг и подписок сервиса А ДЕНЬГИ – инструкция
Отписаться от платных услуг и отвязать карту
Как отписаться от платных услуг и подписок сервиса А ДЕНЬГИ – инструкция
Елена
Елена
Отключите от подписки
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Вера
Вера
Верните деньги сволочи
Как можно отписаться от платных услуг и подписок сервиса Snackinhealth
Akmuhammet
Akmuhammet
Spasiba
Как подключить смарт-часы через Wearfit Pro к телефону – инструкция
Ирина
Ирина
Как от вас отписатся
Как отписаться от платных услуг и подписок сервиса Jomin – инструкция  
александр
александр
где это поле???????
Как активировать код Эльдорадо на сайте https://s4pk.ru/e – инструкция
Slaa
Slaa
она не удаляется просто так. она вшита в оболочку и отмечена как системное приложение !
Как отключить и удалить Яндекс Клавиатуру на телефоне Андроид
Алекс
Алекс
На infinix note 30 удаляется стандартно: зажать на раб. столе иконку, вылезает менюшка "удалить - о приложении".
Что за приложение Phone Master, его функционал и как можно удалить
Елена
Елена
Деньги списаны без моего согласия,без подписок
Как отменить подписку на ООО «Аб Софт» и почему они списали деньги
Елена
Елена
Списали деньги,за что???? Верните деньги!!! Если вы такие молодцы,сделайте защиту от мошенников!!!
Как отменить подписку на ООО «Аб Софт» и почему они списали деньги
Темирлан
Темирлан
За что списали 999 рублей?верните
Как можно отписаться от платных услуг и подписок 3xzaim и вернуть свои деньги
Маргарита
Маргарита
Добрый день! У меня телефон Самсунг А32. Пропал звук, медиа на полный если включить, он краснеет. В наушниках звук есть, но не всех видео в Ютубе. Спасибо заранее.
Пропал звук динамика на смартфоне, а в наушниках есть — что делать?
Елена
Елена
Такая же ситуация!!! ничего кроме 189 рублей не было указано, а потом я уехала и с меня списали почти 3000 рублей!!!! возвращать конечно же отказались я буду писать заявление на мошенничество на компанию и на преподавателей которые там есть!!!! если у кого такая же ситуация давайте напишем коллективную жалобу и заявление, так как они обманным путем автоматом списывают наши деньги!!!
Как можно отписаться от платных услуг и подписок сервиса Snackinhealth
$DJ_DEVIL$
$DJ_DEVIL$
У кого ссылка хоть работает? У меня он почему-то не открывает, даже если я его скопировал и вставил его и всë равно не работает
Описание бота для игры в Мафию на русском, как скачать и установить в Дискорд
Елена
Елена
отпишите от подписки
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
А где ссылки на дискорд?
Топ-4 лучших Discord-серверов игры Call of Duty Mobile, их описания
Serge
Serge
Ни о чем
Что за программа Ram Plus и как ее отключить на Samsung, плюсы и минусы
Вячеслав
Вячеслав
Эти янки проклятые. Ничего не помогает!
6 способов отключения адаптивной регулировки автояркости в ОС Windows 10
Елена
Елена
Отключите платную подписку
Как отписаться от платных услуг и подписок сервиса Tutorplace – инструкция
Врпаед
Врпаед
Впн работает, не пизди
Почему Ютуб больше не показывает картинки видео и как можно это исправить
валентина
валентина
удалить приложение Palm Sore
Что за приложение Palm Store в телефоне, его функционал и установка
Лунь
Лунь
Не смеши ты, ты сам нубский автор пишешь статьи с буржа даже не переводя толком. Какие рерайты у тебя нанятные с нубской посещаемостью?? Натурой расплаичаешься?7
Где находятся недавние документы в системе Windows 10 и как их посмотреть
Инна
Инна
Отпишите меня от Dengi7
Как отписаться от платных услуг и подписок сервиса Деньги7 – инструкция