Сжать фото в фотошопе: Photoshop: размер и разрешение изображения

Как уменьшить размер файла в фотошопе? Об уровнях сжатия JPEG в Photoshop и Lightroom

Как уменьшить размер файла в фотошопе? Определить оптимальные настройки качества JPEG-изображения как в Photoshop, так и в Lightroom может быть довольно сложно, потому что часто на выбор предлагаются два разных значения.

Photoshop перед тем, как сжать фотографию в JPEG, предоставляет нам уровни сжатия от 0 до 12. В свою очередь Lightroom позволяет только ввести процент. Но проценты это понятнее, чем цифры от 0 до 12. Специалисты Adobe создали путаницу, так как соответствие этих чисел диапазонам процентов не указано ни в одном из справочных ресурсов. Проценты, которые мы видим в Lightroom, на самом деле не масштабируются в числа от 0 до 100. Adobe просто отобразил процентную шкалу с диапазоном от 0 до 12. Это приводит к тому, что изменение процента сжатия, например, с 85% на 90% может не дать никакой разницы в размере изображения, а при изменении с 84% на 85% разница может быть существенной.

Ниже приведены скриншоты различных диалоговых окон. На первом рисунке — панель, которая появляется при нажатии в Photoshop кнопки «Сохранить» или «Сохранить как» и выборе опции JPEG:

Перед тем, как сжать размер фотографии, вы можете выбрать значение от 0 до 12. А вот панель экспорта Lightroom:
Здесь уровень сжатия JPEG представлен в виде шкалы от 0% до 100%.

Рассмотрим приведенную ниже таблицу, в которой значения от 0 до 12, используемые в Photoshop, переводятся в проценты:

Сжатие JPEG в PS	Обозначение уровня сжатия в PS	Аналог в %	Размер условного файла	Экономия дискового пространства в % *
0	Low	0-7%	2.2 MB	1240%
1	Low	8-15%	2.4 MB	1138%
2	Low	16-23%	3.0 MB	910%
3	Low	24-30%	3.4 MB	803%
4	Low	31-38%	3. 9 MB	700%
5	Med	39-46%	4.6 MB	594%
6	Med	47-53%	5.2 MB	525%
7	Med	54-61%	5.8 MB	470%
8	High	62-69%	7.8 MB	350%
9	High	70-76%	9.8 MB	278%
10	Max	77-84%	12.9 MB	212%
11	Max	85-92%	17.6 MB	155%
12	Max	93-100%	27.3 MB	0%

* экономия дискового пространства представлена относительно самого большого размера файла (27,3 MB) и максимального разрешения (снятого камерой в 20 мегапикселей) в качестве 100%

Это означает, что некоторые числа вообще не имеют значения, а другие дают совсем небольшое изменение. Выбрав перед тем, как сжать фотографии для отправки, качество 80%, вы получите то же самое, что и при 77% или 84%. На самом деле пока вы не установите 85%, ничего не меняется. То же самое относится и к 90% — это качество ничем не отличается, от качества 85%!

Сохранение файлов для Веб в Photoshop

На самом деле, функция Photoshop «Сохранить для Веб» использует другой алгоритм сжатия по сравнению с числами от 0 до 12 или процентами в Lightroom. Здесь каждое число от 0 до 100 имеет значение, а размер файла может существенно отличаться для каждого числа.

Ниже приведено диалоговое окно «Сохранить для Веб«, параметры которого устанавливают, как сжать фотографию в Фотошопе:

Важно отметить, что эта панель оптимизирована для изображений малого разрешения, предназначенных для публикации в интернете. В ней есть больше способов настройки JPEG-изображения, и вы можете решить, хотите ли оставить данные EXIF (поле метаданных) или удалить их вместе с цветовым профилем.

Лучший уровень сжатия JPEG

Если при экспорте изображений в формат JPEG вы все время используете качество 12 или 100%, то получите большое количество изображений, размер которых огромен. Это в принципе не соответствует предназначению формата JPEG. Выбирая 100%, вы задаете незначительное сжатие, и получаете огромные файлы. Хотя многие сайты догадались предоставлять возможность загружать огромные изображения, применяя сжатие, но немногие из них делают это идеально. Так зачем потреблять пропускную способность и дисковое пространство, все время экспортируя 100% качества?

Моя рекомендация заключается в том, чтобы перед тем, как сжать фотографию для интернета, установить для JPEG качество 77% в Lightroom или значение 10 в Photoshop. Это часто дает примерно 200% экономии дискового пространства (или более) и сохраняет достаточное качество изображений. Существуют редкие случаи, когда значение в 77% может дать полосатость в небе. Если вы столкнулись с подобной проблемой, попробуйте установить уровень в 85%.

Хотя для многих фотографий даже 77% это слишком много. Если вы посмотрите на приведенную выше таблицу, то увидите, что значения ниже 10 дают довольно существенную экономию дискового пространства. Если вы хотите еще сильнее уменьшить размер изображения, попробуйте задать качество до 62% или даже 54% и посмотрите, будет ли результат приемлемым. Обратите внимание, что результаты будут различными в зависимости от конкретного изображения. Некоторые фотографии могут выглядеть хорошо при сильном сжатии, в то время как другие будут выглядеть хуже.

Данная публикация является переводом статьи «JPEG Compression Levels in Photoshop and Lightroom» , подготовленная редакцией проекта.

Автоматическое уменьшение размера и веса множества фотографий

Данный способ пакетного уменьшения размера фотографии включает в себя написание операции (экшена).
Хотелось бы заметить, что если в наборе имеются фотки с горизонтальным и вертикальным расположением, то их стоит рассортировать по двум папкам — одну для горизонтальных, другую для вертикальных.

Внимание, важно! Следует помнить, что Фотошоп уменьшает все фотографии по меньшему заданному размеру. Т.е. если фотка горизотальная и имеет шириноу 300 пикс и высоту 200, а мы задаём выходные параметры ширины 150 и высоты 100 пикселей, то она так и уменьшится, но программа пропорционально уменьшит все изображения до высоты 100 пикселей. Напр., вертикальная фотка шириной 200 и высотой 300 пикселей уменьшится до размера 66 на 100 пикс.

Описываемый способ сложнее, чем уменьшение при помощи Сценария (Файл —> Сценарии —> Обработчик изображений или в англ. версии File —> Scripts —> Image Processor), но предоставляет гораздо большие возможности для настройки выходных файлов, как то выбор конечного расширения, разрешения, способа уменьшения, также позволяет добавить фильтр резкости.

Итак, открываем в Фотошопе какую-либо фотографию из тех, что мы будем обрабатывать.
Нажимаем клавишу F9, при этом открывается палитра операций.
Внизу палитры кликаем по кнопке «Создать новый набор» , вводим какое-нибудь имя набору, затем по кнопке «Создать новую операцию» , вводим имя операции, затем кликаем по кнопке «Запись»
Далее идём в Изображение —> Размер изображения (Image —> Image Size) и задаём требуемые параметры. Если мы хотим уменьшить разрешение (что разумно для публикации в инете), надо сперва изменить параметр Разрешение (Resolution) а только затем ширину и высоту.
После чего идём в Файл —> Сохранить как (File —> Save As) и сохраняем с нужным расширением.

Написание операции закончено, теперь осталось кликнуть в палитре операций по кнопке «Стоп»

Теперь идём в Файл —> Автоматизация —> Пакетная обработка (File —> Automate —> Batch), и в открывшемся окне задаём следующие настройки:

В свитке «Выполнить» (Play) вставляем свой набор и операцию (Set и Action).
В свитке «Источник» (Sourse) выбираем исходную папку с изображениями.
В свитке «Выходная папка» (Destination) выбираем папку для готовых фотографий.

Ставим галки у пунктов «Подавить диалоги открытия файлов» (Suppress File Open Options Dialogs) и «Игнорировать команды «Сохранить как» (Override Action «Save As» Commands)

В свитке «Именование файлов задаём следующие пункты:
В первом поле ввода кликаем по треугольничку справа, из выдающего списка выбираем строку «Имя документа» (Document Name).

Во втором поле выбираем пункт «Порядковый номер + одна цифра» (1 Digit Serial Number). В третьем — расширение (extension).

Далее кликаем по кнопке ОК, и, если Вы всё сделали правильно, то должна пойти обработка.

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

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

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

Пожалуй, лучшая программа для удовлетворения этой потребности – Adobe Photoshop. В ней помимо этого есть тысячи других полезных функций, и одновременно со сжатием можно обрезать картинку, поменять её цвет, удалить ненужную часть и использовать бесконечный список других возможностей. Но в этой статье сосредоточимся на одном – на уменьшении картинки и его размера в Фотошопе.

Содержание: “Как уменьшить размер изображения в Фотошопе”

Нужно определиться с целью

На самом деле, операция сжатия – не чисто техническая проблема и имеет множество нюансов. Если просто довериться автоматическому сжатию, результат может получиться совсем не таким, какой вам нужен.

Для начала нужно определиться с целью сжатия. Если вы хотите поставить более легкую фотографию в свой профиль на интернет-сайте – нужно сохранять пропорции и хорошее качество, при этом можно обрезать ненужные части. Если вы работаете с определенной схемой – вам важна информация, но в таком виде, чтобы она просто оставалась считываемой с картинки, и высококачественная прорисовка может быть совсем не обязательной. Возможно, вы делаете снимки на профессиональный фотоаппарат, и их “чистый” вес составляет десятки мегабайт – в этом случае вам необходимо сжатие до приемлемых размеров, причем ни на качестве картинки, ни не ее содержании это отразиться никак не должно.

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

Метод №1 – Кадрирование (Оставляем только нужное)

Если у вас установлена какая-либо версия Adobe Photoshop, можно начинать. Между разными версиями программы бывают значительные различия, но базовые операции остаются примерно одинаковыми, поэтому понять инструкцию сможет любой пользователь.

Первый шаг – непосредственно открытие картинки в программе. Мы выбрали для примера фото неотразимой Кейт Бекинсейл:

Самый удобный способ – нажимайте на картинку правой кнопкой мыши и выбирайте пункт “Открыть с помощью” -> “Adobe Photoshop ..”.

Однако иногда в списке выбираемых программ Фотошопа не будет, и в этом случае придется “Выбрать другое приложение”.

Открывать картинку можно и через саму программу – это менее удобный, но более надежный способ. Откройте программу. Вверху будет меню – нажимайте на “Файл” -> “Открыть”.

Появится диалоговое окно с выбором файла – в нем и выбирайте исходное изображение. Ту же операцию, кстати, можно сделать с помощью горячего сочетания клавиш Ctrl+O.

Первым делом можно удалить с картинки ненужные куски. При этом изображение останется прямоугольным, поэтому придется искать компромиссы. Для выполнения этих действий нужно выбрать инструмент “Рамка” – однако найти его на огромной панели инструментов может быть довольно трудно.

Для перехода к инструменту лучше всего нажать клавишу “С” – слева будет выделена группа инструментов для обрезания картинки. Нажмите на нее правой кнопкой и выберите самый первый из них – “Рамку”.

Нажимаем комбинацию клавиш Ctrl+A и поверх картинки появится прямоугольник, а по бокам и в углах – ползунки для изменения размера.

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

Либо можно выделить нужную часть изображения, и тогда все лишнее отрежется самостоятельно.

Есть и другой способ – выделение нужной части картинки с помощью “Прямоугольной области”. Найдите соответствующий значок на панели инструментов или нажмите клавишу “M”.

Выделив необходимую область, выберите “Изображение” в меню наверху, а дальше – “Кадрировать”.

Результат нашего кадрирования:

Метод №2 – Через «Размер холста» (Задаем точный размер в пикселях)

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

Делается это с помощью инструмента “Размер холста”. Открыть его можно через “Изображение” -> “Размер холста” либо путем нажатия горячих клавиш Alt+Ctrl+C.

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

Метод №3 – Через “Размер изображения”

На предыдущих этапах мы удаляли с нашего изображения все лишнее. Теперь мы будем непосредственно менять его размер, уменьшая или увеличивая его масштаб.

Откройте меню “Изображение” еще раз и выберите пункт “Размер изображения” (Alt+Ctrl+I).

Здесь вы сможете явно прописать необходимые вам размеры, а вверху вы будете видеть конечный вес файла (размерность).

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

Метод №4 – Через окно сохранения

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

Делать это можно как через “Файл” -> “Сохранить как”, так и через соседний “Файл” -> “Сохранить для Web и устройств”.

В новых версиях последний пункт найти может быть не так просто, потому что он отмечен как устаревший, поэтому просто переходите к нему через сочетание Alt+Shift+Ctrl+S. Это довольно удобный способ, и в нашем примере мы будем работать именно через него.

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

Поначалу разобраться может быть трудно, но назначение всех инструментов знать не нужно.

Для сжатия самым удобным является формат JPEG – выберите его в выпадающем меню под надписью “Набор”. После этого под меню выбора формата появится меню выбора качества – там вы сможете выбрать одну из пяти градаций. Под областью изображения при этом будет выводиться конечный вес (размер изображения).

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

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

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

Уменьшаем вес фотографии без потери качества

Продолжаю серию статей, о том почему нужно готовить фото, для размещения в интернете. В прошлой статье я, надеюсь подробно объяснил для чего это нужно, теперь продолжу эту тему. И так, начнем с того, что фото, перед размещением на вашей страничке или на файл обменнике, нужно сжать. То есть говоря простыми словами, уменьшить вес фотографии. Допустим вы сделали фотографию и решили ее выложить в сеть, но она будет весить много, и грузиться соответственно дольше, чем сжатая. Я же хочу привести пример, того как можно без большой потери качества фотографии

уменьшить ее в размере.

Для этого нам понадобиться программа Photoshop и немного времени. Начнем. Открываем вашу фотографию с помощью фотошопа, и начинаем работу над ним. Я выбрал вот это фото и до обработки оно весило почти 4 мегабайта, размерность 4000 на 3000 пикселей, а разрешение 480 пикс/дюйм . Представляете если у го медленный интернет, он вообще его не посмотрит, терпения не хватит ждать, пока оно загрузиться.

Теперь нажимаем Alt+Ctrl+I, либо через меню “Изображение”-“Размер изображения…”, перед нами откроется вот такое окошко, в котором будут указаны параметры вашего фото.

Теперь нам нужно изменить значение “Разрешение”, в данном примере оно равно 480 пикс/дюйм, но для интернета это слишком большое значение, изменяем его на 72 пикс/дюйм

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

После того, как вы ввели значение 72, вы увидите, что размерность вашего фото тоже уменьшилась и размеры фотографии теперь пригодны для интернета. На мониторе фото будет смотреться лучше, чем было до этого, оно не будет вылезать за рамки монитора и не придется двигать “ползунки”. Размер уменьшился на 600Х450. Соответственно и вес фотографии тоже стал меньше. Сохраните и посмотрите сами, теперь он около 500 килобайт, Значительное сокращение в объеме. Уже намного лучше. но можно добиться и еще лучше результата.

До этого вы сохранили обычным способом, “

Файл”-“Сохранить как”, это приемлемо, но есть и другой способ. Выберите меню “Файл”-“Сохранить для Web устройств” или нажмите сочетание клавиш Alt-Shift-Ctrl-S, появиться вот такое окно (Картинка кликабельна, откройте для полного просмотра)

Теперь в установках выбираем формат, это JPEG и качество устанавливаем “Очень высокое”, если выбрать “Максимальное”, то фото только не намного потеряет в весе, а С “Очень высокое” оно заметно уменьшиться в размерах. Теперь сохраняем и смотрим результат, в моем примере фото стало 221 килобайт. Как видите очень заметное уменьшение в размере с 4 мегабайт до 211 килобайт.

Но вы всегда можете выбирать качество

по своему вкусу, в предыдущем окошке, было два изображения, левое оригинал а правое сжатое, это для сравнения до и после проведенной операции.

Как видите все довольно просто и если знать порядок действий, то и делается это в течении 5 минут, но за то эти 5 минут избавляют от кучи неудобств. Теперь ваше фото готово для размещения в сети. Удачных вам снимков!

Источник: photodes.ru

Как сжать картинку без потери качества. Сжимаем по самое не хочу

Автор Admin На чтение 5 мин. Просмотров 282 Опубликовано 08.07.2017

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

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

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

Честно признаюсь, я перепробовал много различных программ, онлайн сервисов по сжатию картинок, но все же остановился именно на фотошопе.

Преимущества Фотошопа

Преимущества Photoshop перед другими программами и онлайн сервисами по сжатию картинок:

• Сжатие картинки происходит всего в несколько кликов — (Очень быстро и удобно)
• Сжатие картинки контролируется лично Вами — (Вы сами устанавливаете размер картинки, который хотите видеть в итоге. Также можете контролировать качество сжатия, т.е. выставить то качество картинки, которое Вам больше всего подходит)

 На примере моего фото, я покажу вам как сжать картинку, которую я уже сжимал для вставки в статью на своем блоге. Результаты сжатия картинки получились следующие: до сжатия 4.88 Мбайт после 47.1 Кбайт. 

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

Как сжать картинку без Потери Качества

План действий:

1. Открывает картинку с помощью программы фотошоп
2. Если нужно, уменьшаем размер картинки
3. Сжимаем картинку
4. Сохраняем картинку, в сжатом виде, на компьютер

Давайте приступим к сжатию картинки и начнем, как всегда, с выполнения первого пункта плана

Открывает картинку с помощью программы фотошоп

Запускаем программу фотошоп, дальше нажимаем на кнопку, в верхнем левом углу, «Файл» => «Открыть» или нажимаем сочетание клавиш «Ctrl+O». Перед вами откроется окно, где нужно выбрать картинку для сжатия. Картинку выбрали, загрузили в программу фотошоп, Окей!

Теперь переходим ко второму пункту плана.

Если нужно, уменьшаем размер картинки

Итак, если нужно уменьшаем размер картинки. Что это значит? Вот смотрите, картинка, которую я сжимаю, имеет размер 1600 х 1066 px. Мне такой огромный размер картинки не нужен, так как я данную картинку буду вставлять в статью своего блога.

Я знаю, что, для того чтобы вставить картинку в статью для блога, мне нужна картинка с шириной максимум 600 рх, а тут аж 1600 рх. Это далеко не та ширина картинки, которая мне нужна. Давайте уменьшим размер картинки.

Для того, чтобы изменить размер картинки, Вам нужно перейти в раздел «Изображение» => «Размер изображения» и перед Вами откроется окно с размерами, как показано на картинке!

 

Вам нужно изменить ширину картинки, а высота измениться автоматически, пропорционально ширине. Как видно на картинке выше, ширина составляет 1066, как я уже сказал, мне такая большая ширина не нужна, я изменил на 600 и нажал «ОК» Обратите внимание на то, что и вес картинки уже стал меньше. Был 4,88 Мбайт, а стал 703,1 Кбайт.

Это сделали, теперь переходим к третьему шагу плана

Сжимаем картинку

Для того, чтобы сжать картинку, переходим в раздел «Файл» => «Сохранить для Web…»

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

 

Вот таким образом, вы подбираете оптимальные для вас показатели качества картинки и ее размера, и дальше нажимаете на кнопку «Сохранить».

И теперь переходим к последнему пункту плана.

Сохраняем картинку в сжатом виде на компьютер

После того, как Вы нажмете на кнопку «Сохранить» перед вами появится окно.  Здесь вам нужно:

1. Выбрать папку для сохранения сжатой картинки (я обычно сохраняю на рабочий стол)
2. Дать имя картинке
3. Нажать на кнопку «Сохранить»

Теперь переходим в папку, которую сохранили сжатую картинку и смотрим на результат. Изначально вес картинки был 4,88 Мбайт, а после сжатия получилась 47,1 Кбайт. Ну что же, дорогие друзья, мы с вами разобрались как сжать картинку без потери качества с помощью программы фотошоп. Я надеюсь всё получилось и результат вас полностью удовлетворяет.

Если нету Adobe Photoshop, то можно сжать картинку через программу Paint.NET.

Сжатие через Paint.NET

Paint.NET — это бесплатная программа для обработки изображения. Она часто идёт в наборе стандартных программ для Windows. Для загрузки программы нажмите на ссылку: скачать Paint.NET.

После загрузки и установки, открываем нужную нам картинку. Выбираем «Файл» → «Открыть» или нажимаем комбинацию клавиш «Ctrl + O».

Выбираем «Изображение» → «Изменить размер…»

Как и в фотошоп меняем на нужный нам размер и нажимаем «OK». При изменение убедитесь, чтобы стояла галочка в поле «Сохранять пропорции». Когда будете корректировать размер в верху будет меняться вес картинки.

 

Далее выбираем «Файл» → «Сохранить как». В открывшемся окне, придумываем название и указываем место, куда сохранить картинку. После этого появляется окно, где с помощью ползунка выбираем качество. При изменения качества, обратите внимание, как меняется вес изображения. Вес отображается вверху над картинкой, в поле «Предварительный просмотр».

На этом у меня всё. Как и обещал ничего сложного в сжатие картинки нет. Если кто знает еще лучшие программы для сжатия картинок, поделитесь, напишите название в комментариях.

Как быстро уменьшить размер изображения в Photoshop и сохранить качество. Как сжать фото или картинку без потери качеств различными способами? Как сжать изображение в фотошопе

Инструкция

Прежде всего запускаем программу Adobe Photoshop и открываем нужный нам файл. Это делается через меню File>Open (Файл>Открыть). Выбираем этот пункт меню, находим на диске нужный нам файл, кликаем на него мышкой и нажимаем кнопку ОК. Файл загрузился.
Теперь необходимо подумать, а каким должен быть новый размер нашего изображения. Это зависит от дальнейшей его судьбы. Как правило, изображение может быть предназначено:

Для полиграфического исполнения на (в журналах, газетах и т.п.)

Для публикации на фотосайтах в интернете

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

Чаще всего необходимо подготовить файл для того, чтоб послать его кому-то по электронной почте или выложить на какой-нибудь сайт. То есть, на изображение необходимо будет в дальнейшем просто смотреть на экране монитора – оно и должно быть не больше разрешения экрана среднего размера. Таким образом, определяющими для нас будут размеры экрана (примерно 1250 на 1000 точек).
Находим в меню Image пункт Image Size (Размер изображения) или нажимаем на клавиатуре сочетание клавиш Alt+Ctrl+I (то есть, удерживая нажатыми Alt и Control, нажимаем латинскую I). Перед нами открывается окно с параметрами размера изображения.

В английской версии фотошопа оно выглядит так:

В первых двух полях видим цифры, определяющие размер картинки. В данном случае наша исходная картинка имеет размер 1999 на 1332 пикселя. Допустим, нам необходимо подготовить ее для того, чтобы поместить на своей страничке в ЖЖ. Лента живого , как правило, занимает процентов 80% от полной ширины экрана монитора, то есть, нам нет смысла вывешивать туда картинку, превышающую эту ширину.
Вводим в верхнее поле Width (Ширина) значение 1000 пикселей. При этом значение высоты (Height) картинки автоматически подверглось пересчету и теперь высвечивается в виде числа 666. (Ничего мистического;)) Если этого не произошло, то на всякий случай проверяем настройки опций внизу окна – там должны стоять галочки напротив пунктов Constrain Proportions (Сохранять пропорции) и Resample Image (Пересчитывать изображение).

Пропорции не нарушены, изображение может быть пересчитано.

Нажимаем кнопку ОК и видим, как изображение стало несколько меньше.
Можем его сохранить на диск с новым размером и названием. Находим в меню File (Файл) пункт Save As (Сохранить Как) и выбираем куда и с каким именем будет сохранени наша картинка.
Помните! После уменьшения файла информация об изображении теряется и искажается (даже если «на глаз» это незаметно). Потом восстановить ее обратно – снова увеличить изображение в полном качестве вам не удастся никакими техническими средствами. Поэтому настоятельно рекомендуется оставлять исходный файл нетронутым, а все преобразованные и уменьшенные картинки сохранять с другим именем или в другом месте, чтобы всегда была возможность заново обратиться к первоисточнику. Мало ли для чего может понадобиться вам эта фотография через год, и, разумеется, вам будет очень обидно, если вместо нее вы найдете лишь уменьшенную искаженную копию.

Чуть иначе поступим с пересчетом параметров изображения, если наша цель – подготовить его к полиграфическому исполнению. Тут нужно исходить из того, какой размер должен быть у напечатанной иллюстрации. Допустим мы знаем, что она должна быть 5 см в высоту. Но как определить сколько в этих пяти сантиметрах пикселей?
У полиграфистов свои стандарты и системы измерения. Традиционно они определяют соотношение размерностей, ориентируясь на дюйм (inch). По требованию современной полиграфии изображение приемлемого качества должно быть подготовлено из расчета 300 точек на дюйм (300 dpi, 300 pixel/inch). То есть, квадратное изображение дюйм на дюйм должно иметь размерность 300 на 300 пикселей. Но нам не обязательно вручную пересчитывать, сколько дюймов в нашей иллюстрации и сколько пикселей для этого потребуется, возложим эту операцию на плечи автоматики.
Заходим в пункт Image Size меню Image (или, как мы уже знаем, нажимаем на клавиатуре сочетание клавиш Alt+Ctrl+I). Видим окно с параметрами размера изображения.

Переводим свое изображение в полиграфическую систему измерения. Временно выключаем галочку в пункте Resample Image (Пересчитывать изображение). Изображение останется нетронутым. Теперь в поле Resolution (Разрешение) устанавливаем необходимый нам параметр 300 pixel/inch. После этого мы уверены, что параметры высоты и ширины документа показывают нам реальный напечатанный размер картинки – в нашем случае, если файл не уменьшать, он может быть напечатан размерами около 17 на 11 см. Но это для нас излишне, фотографию можно уменьшить без претензии со стороны полиграфистов. Для этого снимаем галочку с пункта Resample Image и вводим нужный нам размер иллюстрации в соответствующее поле. Видим, что пропорционально изменилась и ширина картинки, документ имеет теперь размер 7,5 на 5 сантиметров, а также стал известен размер картинки в пикселях – 886 на 591 точек. ОК.
Помните! В различных типографиях могут быть свои требования к подготовке изображений, поэтому проконсультируйтесь о том, с каким разрешением вам необходимо подготовить файлы. Будет очень обидно, если по техническому незнанию ваши иллюстрации выйдут на печати мутными, нечеткими и искаженными.

Бывает и другая необходимость. Иногда точно известен конечный размер картинки, например для создания аватарки – 100 на 100 пикселей, а наше исходное изображение мало того, что гораздо больше, но и имеет совсем иные пропорции. Как тут поступить?
Открываем изображение и осуществляем такую операцию: находим пункт меню Layer>New>Layer from Background (Создать слой из фона). Затем устанавливаем конечный размер изображения, зайдя в меню Image>Canvas Size (Размер холста) – там видим два поля с цифрами, в которые и вводим нужные нам значения ширины и высоты будущей картинки (например 100 на 100 пикселей)
Вот, что у нас получилось: сквозь небольшое окошко виден лишь маленький участок исходной картинки, края которой выходят за поле видимости и «не вмещаются» в конечный формат.

Нажимаем комбинацию клавиш Ctrl+T (или находим в меню Edit пункт Free Transform / Свободная трансформация) и, передвигая квадратные указатели по углам слоя, подбираем необходимый фрагмент, который будет виден на конечном изображении (при перетягивании управляющих элементов рекомендуется удерживать клавишу Shift – это позволит сохранять пропорции исходной картинки). Подтверждаем изменения клавишей Enter.
Закончив трансформацию, удаляем из файла ненужную теперь информацию об обрезанных краях изображения – выбираем в меню Layer пункт Flatten Image.
Сохраняем получившуюся картинку через меню File>Save As (Сохранить Как)

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

Прежде чем приступить к рассмотрению способов, сперва немного теории.

Во-первых, что такое уменьшение или увеличение размера изображения? Прежде всего под этим понятием стоит понимать уменьшение/увеличение разрешения картинки, то есть его длины и ширины и, соответственно, количество пикселей, из которых состоит любое растровое изображение. .

Во-вторых, что происходит с качеством картинки после изменения его размеров?

• При процессе уменьшения , происходит потеря пикселей, но качество в целом не страдает, оно остается достаточно четким.
• При процессе увеличения , фотошоп растягивает пиксели и дорисовывает их в соответствии со своим алгоритмом. Поэтому при увеличении всегда страдает качество картинки. Чем больше увеличение, тем четче видна необратимая потеря качества.

Подобный вопрос был рассмотрен в уроке, связанном с изменением размера слоя,

Наглядный пример, как меняется качество изображения:

В этой статье рассмотрим 4 способа как изменить размер картинки в фотошопе и разберем случаи, когда и каким способом лучше всего пользоваться.

Способ 1 — Диалоговое окно Размер изображения

Это классический и самый универсальный способ. Он подходит в большинстве случаев, особенно, когда вы уже знаете до каких размеров следует уменьшить и увеличить размер картинки.

Откройте изображение в фотошопе.

Откройте диалоговое окно Изображение — Размер изображения (или комбинация клавиш — Alt+Ctrl+I ). Появится вот такое окно:

Сразу обратите внимание на поля Ширина и Высота . Те значения, что там будут указаны — это текущие размеры изображения. По умолчанию они измеряется в пикселях.

Если вы изначально знаете, до каких размеров нужно изменить изображение, то введите эти значения в вышеуказанные поля.

Пропорции

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

Пример без сохранения пропорций

Пример с сохранением пропорций

Способ 2 — Изменение размера с помощью трансформации

Трансформация изображения — классный способ, который обязательно нужно добавить в копилку знаний по фотошопу. Этот способ хорош в двух случаях:

• уменьшить или увеличить размер всего изображения;
• уменьшить или увеличить вставленную картинку в фотошоп.

Размер подробнее каждый случай.

Как уменьшить или увеличить размер всего изображения

Шаг 1

Откройте картинку. Выберите команду Редактирование — Свободное трансформирование или нажмите комбинацию клавиш Ctrl + T .

Примечание

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

Чтобы разблокировать фоновый слой, сделаете по нему двойной клик. Появится окно Новый слой , нажмите на Ок .

Шаг 2

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

После изменения размера нажмите на галочку вверху на панели параметров. В фотошопе CS6 есть ошибка, и эту галочку не видно. Если у вас также ее не видно, то нажмите на кнопку Enter , чтобы принять изменения или Esc , чтобы отменить.

Шаг 3.1 Случай при увеличении

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

Но если настаиваете на том, чтобы изображение было показано полностью, выберите команду Изображение — Показать все .

Шаг 3.2 Случай при уменьшении

При уменьшении изображения вы увидите шахматный фон. Это пустота, прозрачность. При сохранении изображения она пропадет. Но правильно будет отрезать пустоту, чтобы в конечном счете увидеть каков конечный размер картинки.

Чтобы отрезать пустоту, выберите команду Изображение — Тримминг .

Чтобы в данном способе также не нарушить пропорции изображения, когда тяните за маркеры рамки, одновременно удерживайте клавишу Shift .

Как уменьшить или увеличить вставленную картинку в фотошоп

Описанный выше случай в любом случае берите себе на вооружение. А именно умение пользование командой Свободное трансформирование (Ctrl+T ). Этот прием понадобиться, чтобы осуществить такую часто встречающуюся операцию, как уменьшение или увеличение вставленной картинки, предмета, объекта (называйте как хотите).

Итак знакомая ситуация: вы в фотошопе вставили к своему основному изображению другую картинку, но она не подошла по размерам.

Выделите эту картинку и используете команду трансформации. Теперь, как описано выше, тяните за маркеры в нужную сторону.

Способ 3 — Размер холста

Не самый популярный способ, но тем не менее его также рассмотрим — команда .

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

То есть, допустим, ваша картинка 700х700 пикселей. Через Изображение — Размер холста вы задаете размер 500х500. В итоге фотошоп обрезает лишние 200 пикселей по высоте и ширине. В настройках можно указать откуда отрезает: это либо равномерно со всех сторон, либо можно выбрать конкретную сторону.

Как уменьшить размер изображения без потери качества

Мы рассмотрели 4 способа по уменьшению размеров изображения. Из них два способа: Размер холста и Кадрирование не связаны с потерей качества. Фактически (ширина и высота) картинки становятся меньше, но само содержимое остается прежнего масштаба. Чтобы этого добиться, нужно пожертвовать частью картинки, другими словами, просто обрезать ее до нужного размера. Подробнее как это делать смотрите выше по тексту.

Как уменьшить вырезанное изображение в фотошопе

Чтобы в фотошопе уменьшить размер вырезанного объекта нужно уметь: вырезать объекты, проводить манипуляции с вырезанным участком (в том числе его уменьшение).

О том как вырезать объекты читайте в других статьях. Подробнее остановимся на уменьшении.

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

Когда объект вырезан, нужно образовать вокруг него . После этого примените трансформирование и по инструкции выше тяните за маркеры в сторону уменьшения данного объекта.

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

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

Бывают случаи, когда необходимо быстро уменьшить объем пространства на жестком диске компьютера, которое занимают фото в формате JPG. Желательно, чтобы процедура прошла без существенной потери качества картинки. Существует несколько несложных способов заставить фотографию «похудеть».

Можно ли уменьшить размер JPG онлайн

Под весом картинки принимается ее объем в мегабайтах, который иногда требуется сделать меньше. Эта процедура крайне необходима тем, кто часто работает с фотографиями, ведь современные устройства делают снимки немалой величины. Хранить значительное количество «тяжелых» рисунков не получится – для этого нужен дополнительный жесткий диск, а часто цена на еще одно хранилище информации высока. Однако уже созданы специальные программы, уменьшающие объем картинок. Вдобавок, прежде чем их устанавливать, можно попробовать сжать фотографии онлайн.

Во Всемирной паутине можно найти много сервисов, с помощью которых можно разобраться, как сжать фото в формате JPG до меньшего количества мегабайт. Все они работают по одному и тому же принципу – пользователь загружает необходимую картинку на сайт, нажимает всего одну кнопку, а через некоторое время система попросит сохранить изображение с уменьшенным объемом на компьютер. Услуги интернет-сервисов совершенно бесплатны, поэтому данный способ сжатия фото без потери качества считается одним из лучших и быстрых.

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

Как сжать файл JPG

Случается и так, что скорость интернета или технические данные компьютера/браузера не позволяют загрузить фотографии в сеть. Тогда на помощь приходят специальные сервисы, умеющие сжимать фотографии без потери качества. Использовать можно сторонние утилиты либо стандартные (базовый набор Windows). Поэтому перед тем как уменьшить файл JPG, нужно разобраться, по какому принципу эти программы выполняют свою работу.

Как сжать фото до нужного размера в Paint

Паинт – стандартная программка Windows для обработки любых изображений, поэтому устанавливать ее нет необходимости. С ее помощью можно легко сжать фото до нужного формата. Скачивать ее не нужно, она уже присутствует в базовом наборе операционной системы. Программа проста в обращении – хватит нескольких кликов мышью, чтобы картинка стала нужной величины. Как уменьшить размер файла JPG с помощью Paint:

1. Откройте картинку в Паинте (правой кнопкой на фото, «открыть с помощью», выберите Paint).
2. На верхней рабочей панели выберите инструмент «изменить размер».
3. Выберите пункт «по горизонтали», изменяйте заданное значение в меньшую сторону.
4. Внесите аналогичное значение в пункте «по вертикали».
5. Нажмите «ОК».
6. Сохраните измененный рисунок.

Как уменьшить вес файла JPG в Фотошопе

Очень популярный сервис, который поможет разобраться, как уменьшить объем файла JPG без ухудшения качества – это Фотошоп. Графический редактор с большим набором функций может испугать неопытных пользователей обилием непонятных кнопок. Однако если знать последовательность действий, то сократить количество мегабайт у фотографий будет просто. Перед тем как сжать JPG при помощи Фотошопа, его нужно установить. Что делать после этого:

1. Откройте картинку Фотошопом (правой кнопкой на фото, «открыть с помощью», выберите Adobe Photoshop).
2. В качестве альтернативы, картинку можно открыть непосредственно из утилиты – вкладка «Файл» – пункт «Открыть».
3. В верхней рабочей области меню «Изображение», далее выберите «Размер изображения».
4. Открывшееся окно позволит вам выбрать все необходимые пропорции фотографии (величина сантиметров/пикселей, ширина).
5. Внизу окна обязательно отметьте галочкой пункт «Сохранять пропорции» (при изменении параметров они будут редактироваться равномерно).
6. В меню «Файл» выберите подпункт «Сохранить как».
7. Выберите джипег формат, который сохранит исходное качество.
8. После выбора формата нажмите на кнопку «Сохранить».

Другие способы сжать JPG без потери качества

Чтобы обработать картинку и сократить ее вес, можно использовать сторонние утилиты, web-сервисы онлайн – некоторые из которых бесплатные, а за работу с другими придется заплатить. Они обеспечивают разные проценты сжатия рисунков, что важно – не влияя на качество. Если вы не знаете, как же уменьшить размер файла JPG, то в приведенной ниже таблице сможете найти нужные программы, помогающие в этой несложной задаче:

Утилита/web-сервис	Платформа	Сжатие, процентов

Доброго вам дня, мои дорогие друзья. Вот часто сталкиваюсь с ситуацией. Например хочу поставить аватарку на какой-нибудь сайт, вырезаю нужную область своего фото или другой картинки, сохраняю. А когда захожу на сайт, то оказывается, что он принимает фотографии для аватарок размером не более 150*150 пикселей и 100 килобайт, например.

Я смотрю на свою фотографию, а она размером 1920*1200 и весит больше мегабайта. Естественно такую фотографию этот сайт не загрузит. А что делать? Ну в общем ради этого мы здесь и собрались.

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

Простое сохранение

1. Для начала загрузите изображение в фотошоп.
2. А теперь идите в главное меню и выберете пункт «Изображение» , и в открывшемся выпадающем списке «Размер изображения» .

В открывшемся окне вы можете увидеть две ячейки (ширина и высота) с текущим размером картинки. Именно здесь вам и предстоит поменять сам размерчик.

По умолчанию ширина и высота связаны такой цепочкой. Это означает, что размер пропорционален. То есть если вы измените значение в любой из этих двух ячеек, то автоматически сменится размер и во второй ячейке. Т.е. пропорции изображения сохранятся.

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

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

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

Ну как суть ясна? Давайте лучше для большей ясности посмотрим на живом примере.

Мне нужна фотография для сайта размером 200*200 пикселей. Я беру нашу фотку размером 1920*1200 и загружаю в фотошоп. А дальше по пунктам.

Сохранение для WEB

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

Итак, у нас снова неразмеченная картинка с большим разрешением. Если нужно кадрировать, то кадрируйте, но дальше вы должны нажать «Файл» , затем «Экспортировать» , а в следующем выпаде выберете «Сохранить для web (старая версия)» .

ВНИМАНИЕ! Данный путь действителен для Фотошопа версии 2015. Для более ранних версий вы просто заходите в меню «Файл» и выбираете «Сохранить для web». Никакого пункта «Экспортировать» там не будет.

В открывшемся окне выберете «Высокое качество JPG» и качество можно не ставить больше 60 . Если выставить больше, то разницы вы не заметите, а картинка-то будет больше места занимать, хоть и не очень значительно.

Ниже вы увидите строчку «Размер изображения» . Суть абсолютно такая же, как и в предыдущем примере. Вам нужно уменьшить размер по ширине и высоте. Даже цепочка есть). Ставим до 200*200, ну а потом нажимаете «Сохранить» . Вуаля)

В итоге, с помощью двух вышеуказанных способов, я получил два изображения размером 200*200 пикселей. Но у первого изображения размер (объем) составляет 26 килобайт, а у второго 10. Соответственно второй использовать удобнее, но только, если вы сохраняете для сайтов. Для обычного хранения уменьшенной копии лучше использовать первый способ.

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

Ну а так вот вам хорошие инструменты для уменьшения размера фотографий и других изображений. Ведь сложного ничего нет, правда? Кстати для более глубокого изучения фотошопа предлагаю вам ознакомиться с замечательным курсом по фотошопу для начинающих . Уроки в формате видео очень хорошо воспринимаются и удобнее для изучения программы. Все уроки рассказаны человеческим языком, в отличие от многих других подобных курсов. Я сам решил недавно посмотреть этот курс и узнал для себя немало нового и интересного. так что не теряйтесь.

Ну а на этой веселой ноте я свой сегодняшний урок заканчиваю. Тренируйтесь, практикуйтесь, а самое главное не забудьте подписаться на обновление моего блога, если хотите буть в курсе всего самого интересного. Успехов вам и пока-пока!

С уважением, Дмитрий Костин.

Уменьшаем цифру в поле По горизонтали на значение, которое вас устроит. Я указала 500, и вес сократился до 72,2кб. Выбирайте число, которое примерно равно ширине страницы на вашем сайте.

Это один из самых простых и доступных способов, но иногда уменьшение размера не сильно помогает. Можно использовать другие методы.

3. Picture Manager – это полезная программа для сжатия фотографий. Входит в стандартный пакет Microsoft Office, так что скорее всего у вас установлена.

Большой плюс этой программы – можно одновременно уменьшить размер и вес нескольких фотографий.

Нажмите на нужную фотографию Правой Кнопкой Мыши (ПКМ) и выберите Открыть с помощью — Microsoft Office Picture Manager.

Нажимаем Изменить рисунок – Сжатие рисунков и выберите подходящий вариант сжатия. Например, в режиме Веб-страниц вес уменьшается с 3мб до 26,6кб, что можно считать очень хорошим результатом.

Чтобы уменьшить вес сразу нескольких фотографий, переместите их в одну папку. Теперь в меню Файл выберите Добавить ярлыки и добавьте нужную папку. Откройте ее через программу, выделите все фотографии и действуйте по вышеописанному плану.

4. Photoshop – очень удобный способ, но только если вы разбираетесь в этой программе и она у вас установлена. Нажмите на фотографию ПКМ, выберите Открыть с помощью – Photoshop.

В верхнем меню Изображения выберите пункт Размер изображения или просто нажмите сочетание клавиш Alt+Ctrl+I. Здесь можно сократить размер фото до нужного.

Когда установите нужный размер, нажмите ОК. Зайдите в меню Файл – Сохранить как… и даем нужное название, жмем Сохранить. После этого откроется окно, где можно внести дополнительные настройки:

Здесь уменьшаем качество до 8 – это все еще высокое качество, но сокращает размер примерно на четверть. В разновидности формата можно выбрать любой вариант, я выбираю обычно Базовый.

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

5. Онлайн сервисы – неплохая альтернатива всем вышеперечисленным методам. Не придется устанавливать дополнительные программы или разбираться в сложных схемах.

Найти подобные сайты можно без труда – их много. Я рассмотрю процесс на примере watermark.algid.net. Нажмите на верхнем меню Сервисы и выберите Изменение размеров изображения .

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

Нажмите кнопку Следующий шаг и сохраните полученное изображения, нажав ПКМ на него и выбрав Сохранить как…

Коллажи – отличный способ соединить 2-4 фотографии в одну, сократив их вес и не убирая их из статьи. Очень пригодится при размещении пошаговых рецептов – в одном снимке 4 шага. Для этих целей я использую удобный сайт pizapru.com. Бесплатный, без регистрации, интуитивно понятный и с множеством функций. Рекомендую.

Вот и все основные способы уменьшить вес фото без потери качества. Какой именно способ выбрать – решать вам.

Как оптимизировать изображение для сайта

А теперь дополнительные советы о том, как же оптимизировать картинки для сайта или блога:

• Сохраняйте изображения в формате JPEG — это отличный способ сжать фото без потери качества.
• Избегайте «тяжелых» форматов, например PNG. С его помощью можно добиться эффект прозрачности на картинках, так что многие его используют. Но иногда лучше отказаться от лишней красоты, и увеличить скорость загрузки сайта.
• Называйте фотографии ключевыми словами, а не набором букв – поисковые системы обрабатывают названия и выводят их в поисковой выдаче. Так что вы можете получить дополнительный приток посетителей, если с умом выберите название.
• В поле ALT или альтернативный текст нужно указать описание того, что изображено на картинке. Если картинка не загрузится, чтобы люди могли узнать, что там было изображено. Можно в описание естественно вписать ключ.
• В поле Title стоит ввести текст, которые будет появляться при наведении курсора на картинку. Поисковые системы не учитывают этот показатель при ранжировании, так что ключ вписывать необязательно. Многие вебмастера вовсе не заполняют это поле.
• Старайтесь использовать уникальные фотографии. Как добиться уникальности изображений я писала в этой статье .

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

Уменьшение фотографии без потери качества средствами Adobe Photoshop

Естественно, что заголовок статьи неправильный. Невозможно уменьшить фото, не потеряв при этом в качестве. Например, если мы хотим сделать из фотографии разрешением 2432х1632 пикселей до 608х408, то теряется аж 3720960 пикселей, т.е 93.75% от первоначального числа. При таких потерях правильнее, конечно, будет говорить «уменьшение с минимизацией потерь качества».
У пользователей интернетов, от вебмастеров до простых смертных, нередко возникает задача разместить фотографию в сети, в галереи, на странице сайта, отправить по почте и типа того, а цифровые фотоаппараты выдают исходники с большим разрешением, размером рамки и весом, так что задача уменьшить фотографию для публикации в сети является весьма насущной и, надо сказать, наболевшей.
Для решения этой нелёгкой задачи созданы множество программ, часть из них рассмотрена на этом сайте. Но в этой статье мы рассмотрим способы уменьшения фото средствами программы Фотошоп.
Как ни удивительно, но в Adobe Photoshop — не лучшая программа для таких манипуляий. Но я всё-таки попытаюсь рассмотреть способы уменьшения фотографий именно в нём, ибо хочется.
Для начала следует размыть пиксели на однотонных участках фотографии, например небо, стена дома, какой-либо фон. Сделать это можно инструментом «Размытие», для удобства выделив нужный участок с помощью лассо или быстрой маски. Уменьшение количества разнородных пикселей даст уменьшение веса, но не рамки фото. Так что это всего лиш первый этап, один из множества.
Основные проблемы, возникающие при уменьшении размера и веса фото — это потеря резкости и цифровой шум. Рассмотрим отдельно каждую проблему.
Резкость.
Общеизвестно,что потеря резкоти при уменьшении происходит из-за несовершенства фотошоповского алгоритма усреднения пикселей. ***А в версиях, начиная с CS3, удалён алгоритм *****

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

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

5 простых шагов для оптимизации ваших изображений в Photoshop

Прежде чем мы начнем, я хочу сделать оговорку: в этом руководстве исключаются другие процессы оптимизации, такие как выбор правильных форматов изображений для ваших нужд, а также оптимизация SEO, например alt теги, которые могут улучшить поиск ваших изображений, например, в Картинках Google. Это короткое руководство покажет вам, как уменьшить окончательные изображения, которые вы собираетесь разместить в Интернете.

Шаг 1. Откройте Photoshop и откройте свое изображение

Перейдите в Файл> Открыть ( Ctrl / Command + O ) и перенесите изображение в рабочее пространство.

Шаг 2. Запустите Photoshop Actions

Я хочу использовать Действия для записи каждой команды в этом процессе, включая команду «Сохранить для Интернета и устройств», чтобы я мог обрабатывать свои изображения в пакетном режиме без необходимости открывать каждое из них позже.

Откройте панель действий, выбрав Windows> Действия ( Alt / Option + F9 ).

На панели действий щелкните значок «Создать новый набор»: назовите новый набор. Я назвал свои изображения .

Чтобы начать процесс записи, щелкните значок «Создать новое действие»; дайте своему действию имя.Я назвал свой Image Optimization . Щелкните Record , чтобы начать.

Запомните : с этого момента все ваши команды будут записываться на вашу панель действий.

Шаг 3. Сохраните изображение для Web & Devices

Сохраните изображение для Интернета и устройств, выбрав «Файл»> «Сохранить для Интернета и устройств» ( Alt / Option + Shift + Ctrl / Command + S ).

В рабочем пространстве должно появиться диалоговое окно «Сохранить для Web и устройств».Я собираюсь поддерживать качество изображения приличного, поэтому использую следующие настройки:

• Предустановка: JPEG High (выбирается JPEG с качеством 60)
• Оптимизировано: Проверено
• Преобразовать в sRGB: Проверено
• Размер изображения: изменить в соответствии с требованиями вашего сайта
• Процент: 100%
• Качество: Бикубический

Мне нужно убедиться, что ширина моего изображения не превышает 600 пикселей, поэтому я собираюсь изменить размер изображения, включив переключатель (значок ссылки), чтобы сохранить исходные пропорции изображения.

Не стесняйтесь делать то же самое, если вам нужно соответствовать определенным требованиям по ширине / высоте.

Совет: Выберите вкладку «4 варианта» в окне «Сохранить для Интернета и устройств», чтобы просмотреть изображение, а также увидеть разницу в размере файла и сравнении качества. Не стесняйтесь экспериментировать с настройками, чтобы найти качество и оптимизацию, которые соответствуют вашим потребностям.

Вы также можете щелкнуть значок «Выбрать скорость загрузки», чтобы изменить размер / время загрузки, чтобы получить оценку того, сколько времени потребуется для загрузки изображения с выбранным размером / временем загрузки.

Для предварительного просмотра изображения в реальном размере нажмите кнопку «Предварительный просмотр», чтобы увидеть изображение в веб-браузере.

Если изображение вас устраивает, нажмите Сохранить .

Я решил сохранять свои изображения в другой папке, так как хочу сохранить исходные изображения с большими размерами для будущего использования (помните, что я уменьшаю размер своих изображений до 600 пикселей в ширину).

Закройте файл изображения из рабочего пространства.

Перейдите на панель действий, нажмите кнопку «Остановить воспроизведение / запись», чтобы остановить запись действий.Это должно записывать все, включая закрытие изображения.

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

Вы можете увидеть специфику записанных вами действий, щелкнув, чтобы развернуть каждое действие.

Шаг 4. Пакетная обработка изображений

Пора сделать то же самое с остальными изображениями.Вместо того, чтобы просматривать их один за другим, давайте запустим наш недавно созданный Action!

Выберите «Файл»> «Автоматизация»> «Пакетная обработка». Используйте мои настройки ниже.

Вы должны были выбрать набор действий и действие, которые мы только что записали.

Убедитесь, что вы установили исходную и целевую папки, и установите флажок «Переопределить команды« Сохранить как »».

Установив флажок «Переопределить команды« Сохранить как »», мы разрешаем Photoshop включать нашу команду «Сохранить для Интернета и устройств».

Я сохраняю имя файла как исходное имя документа, а также его расширение.

Шаг 5. Используйте инструменты оптимизации изображения

Мы уже немного уменьшили исходное изображение в Photoshop, но давайте еще больше уменьшим его, используя инструмент оптимизации изображения. Есть из чего выбирать, но мне нравится использовать Smush.it! Это просто, быстро и бесплатно.

Перейти на Smush.it! из вашего браузера (полный URL: https://www.imgopt.com/.

Щелкните вкладку ЗАГРУЗИТЕЛЬ.

Теперь нажмите «Выбрать файлы и сдвинуть». В появившемся окне выбора файлов перейдите к файлам изображений.

Выберите изображения и нажмите «Открыть».

А теперь посмотрите на оптимизатор в действии!

По завершении вы получите сообщение с подробным описанием сохраненного процента и общего размера.

Убедитесь, что установлен флажок «Сохранять структуру каталогов в zip-файле» — это позволит вам легко заменять изображения, если они находятся в разных подпапках при их загрузке.

Щелкните «Загрузить сжатые изображения».

Откройте zip-файл и замените старое изображение уменьшенными файлами изображений.

Сводка

Вы только что узнали, как уменьшить размер изображения в Photoshop, выполнив 5 простых шагов. Вы также создали Действия, чтобы оптимизировать изображения за один раз, сэкономив ваше драгоценное время. Полное руководство по оптимизации изображений путем выбора правильных форматов для ваших веб-проектов можно найти в «Всеобъемлющем руководстве по сохранению изображений для Интернета».

Как массово изменить размер в Photoshop

Хотя относительно легко написать действие для изменения размера серии изображений в Photoshop, еще проще заставить Photoshop делать всю работу за вас. Photoshop поставляется со сценарием процессора изображений, который очень быстро открывает, изменяет размер и сохраняет серию изображений.

Шаг 1

Выберите «Файл»> «Сценарии»> «Обработчик изображений». В диалоговом окне процессора изображений показан простой четырехэтапный процесс изменения размера изображений.

Шаг 2

На шаге 1 диалогового окна выберите либо изменение размера изображений, уже открытых в Photoshop (если они у вас открыты), либо щелкните «Выбрать папку» и выберите папку с изображениями, размер которых нужно изменить. Выберите «Включить все подпапки», чтобы включить все подпапки выбранной папки.

Шаг 3

На шаге 2 диалогового окна выберите место для сохранения изображений. Если вы выберете «Сохранить в том же месте», Photoshop создаст подпапку для сохранения изображений, поэтому вам не придется беспокоиться о их перезаписи.Если подпапка с таким же именем уже существует с изображениями с такими же именами в ней, Photoshop сохраняет в эту папку, но добавляет к файлу порядковый номер, чтобы вы все равно не потеряли свои файлы. Кроме того, вы можете выбрать другую папку для изображений с измененным размером.

Шаг 4

На шаге 3 диалогового окна выберите тип файла для сохранения. Для Интернета «Сохранить как JPEG» — очевидный выбор. Установите значение качества в диапазоне от 0 до 12, где 12 — самое высокое качество, а 0 — самое низкое.Для лучшей цветопередачи в Интернете выберите «Преобразовать профиль в sRGB» и убедитесь, что установлен флажок «Включить профиль ICC в нижней части диалогового окна», чтобы профиль был сохранен с изображением.

Чтобы изменить размер изображений, установите флажок «Подогнать по размеру», а затем установите желаемую максимальную ширину и высоту для окончательного изображения. Например, если вы введете 300 для ширины и 300 для высоты, размер изображения будет изменен так, что самая длинная сторона любого изображения, будь то в портретной или альбомной ориентации, будет составлять 300 пикселей.Изображения масштабируются пропорционально, поэтому они не будут искажены.

Размеры ширины и высоты не обязательно должны быть одинаковыми, поэтому вы можете, например, указать ширину 400 и высоту 300, и ни одно изображение не будет иметь ширину больше 400 или высоту больше 300.

Шаг 5

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

Когда вы будете готовы, нажмите «Выполнить», и изображения будут автоматически открываться (если они еще не открыты), изменять их размер, сохранять и закрывать.

Чтобы просмотреть изображения с измененным размером, выберите «Файл»> «Открыть» и перейдите к папке, в которой вы указали изображения для сохранения. Если вы выбрали сохранение в формате JPEG, изображения будут находиться во вложенной папке с именем JPEG, для PSD — в папке с именем PSD и так далее.

Так что всякий раз, когда вам нужно изменить размер большого количества изображений для загрузки в Интернет, например, скрипт Photoshop Image Processor делает эту работу почти безболезненной.

Как оптимизировать изображения (JPG, GIF и PNG) в Adobe Photoshop

Поскольку изображения могут быть очень большими в килобайтах или мегабайтах, они должны быть оптимизированы для быстрой загрузки веб-страниц. В этом руководстве обсуждается оптимизация изображений JPG, GIF и PNG, их различия и способы их оптимизации в Adobe Photoshop.

Если вы не уверены в разнице между этими тремя форматами файлов изображений, мы рекомендуем сначала прочитать наше руководство «Форматы файлов изображений JPG, GIF и PNG».Кроме того, в этом руководстве термины optimize и compress взаимозаменяемы.

○ Это руководство содержит партнерские ссылки. Прочтите нашу политику раскрытия информации, чтобы узнать больше. ○

Параметры оптимизации

При оптимизации файла в Adobe Photoshop вы можете выбрать сжатие файла в формате JPG, GIF или PNG. Если вы выбрали сжатие JPG, вы можете выбрать процент сжатия, и получившийся файл будет иметь расширение .jpg. Если вы выберете GIF или PNG, вы можете выбрать, как Photoshop будет обрабатывать цвета и прозрачность во время сжатия, а сжатый файл будет иметь расширение.gif или .png. Мы рассмотрим различные параметры, которые вы можете выбрать во время сжатия, позже в этом руководстве.

JPG Обзор оптимизации

Поскольку формат JPG поддерживает 16,8 миллионов цветов, а GIF поддерживает только 256, большинство фотографий хранятся в виде файлов JPG и должны быть сжаты с помощью JPG. Единственные исключения — когда требуется прозрачность или кто-то желает плавно смешать цвет фона изображения с цветом фона веб-страницы или другого носителя.

Во время сжатия JPG файл теряет часть исходных данных изображения или чистоту цвета.Из-за этого сжатие файлов JPG называется «с потерями». Если вы сравните оптимизированный файл JPG с исходным, вы заметите, что сплошные цветные области в сжатом файле содержат небольшой «шум» — или пиксели, цвет которых немного изменился по сравнению с исходным цветом. Кроме того, некоторые края, которые были резкими, теперь могут быть слегка размытыми.

Если вы хотите изменить файл, который уже был оптимизирован, всегда начинайте с исходного файла ! Внесите изменения, сожмите файл и сохраните изображение с тем же именем, что и файл, который вы заменяете.Не начинайте со сжатого файла, иначе качество будет продолжать ухудшаться из-за «потери качества» сжатия JPG.

Обзор оптимизации GIF и PNG

Напротив, сжатие файлов GIF и PNG называется «без потерь», потому что цвета сохраняют свои истинные значения. Однако, поскольку эти форматы изображений поддерживают только 256 цветов, только определенные изображения должны быть сжаты как файлы GIF или PNG, в противном случае файл изображения может быть довольно большим. Фотографии и изображения, содержащие много разных цветов и цветовых градиентов, обычно лучше сжимаются как файлы JPG.

Единственный раз, когда может потребоваться оптимизация файла как GIF или PNG, даже если размер файла существенно не уменьшился, — это когда вам нужно сопоставить цвет фона или края изображения с фоном, на котором оно будет размещено, или если изображение должно сохранять свои области прозрачности. Только GIF и PNG поддерживают прозрачность; JPG — нет.

Оптимизация изображения в Adobe Photoshop

Чтобы сжать файл для Интернета в Adobe Photoshop, откройте файл и нажмите «Файл» / «Сохранить для Интернета» (или «Сохранить для Интернета и устройств…»).Откроется окно «Сохранить для Интернета». Вверху есть четыре вкладки. Вкладка «4 варианта» наиболее полезна, поскольку позволяет сравнивать исходное изображение с тремя различными сжатыми изображениями, которые Photoshop создает на основе различных настроек оптимизации. В зависимости от характеристик изображения Photoshop может отображать изображения как в формате JPG, так и в формате GIF. Вы можете щелкнуть любое из 3 изображений и изменить любые его настройки.

Чтобы увидеть разницу в качестве сжатых файлов, возможно, вам придется щелкнуть инструмент «Лупа» в верхней левой полосе меню.Затем щелчок по любому из изображений увеличит их все. Чтобы увидеть часть увеличенного изображения, которая в данный момент не видна, щелкните инструмент «Рука» в той же полосе меню и перетащите изображение или просто нажмите клавишу пробела и перетащите изображение.

При нажатии на одно из сжатых изображений вы увидите доступные параметры сжатия в правом верхнем углу окна «Сохранить для Интернета».

Когда вы закончите сжатие изображения, нажмите «Сохранить» и в окне «Сохранить оптимизированное как» введите имя файла, отличное от исходного изображения , и нажмите «Сохранить».Затем закройте исходный файл , не сохраняя его .

Учебник KeynoteSupport.com

Параметры оптимизации JPG

Выбрав параметр «Сохранить для Интернета», щелкните вкладку «4 варианта». Исходное изображение находится в верхнем левом углу. Щелкните изображение в правом верхнем углу, выберите JPG в разделе «Настройки» и убедитесь, что установлен флажок «Оптимизировано». Затем выберите «Высокий» в раскрывающемся списке в поле ниже. Повторите процесс для двух других изображений, выбрав вместо них «Среднее» и «Низкое».Обратите внимание, что процент сжатия отображается в поле «Качество» и на самом изображении. Вы можете настроить процентное соотношение, введя число в поле «Качество» или щелкнув стрелку и перетащив ползунок.

Параметр «Прогрессивная», если он выбран, сохранит файл таким образом, что изображение будет загружаться за несколько проходов, качество изображения улучшается с каждым проходом. Этот вариант наиболее полезен для посетителей с более низкой скоростью доступа в Интернет.

Под настройками находятся таблица цветов и размер изображения.Если вы хотите изменить размеры изображения, щелкните вкладку «Размер изображения». Введите желаемую ширину или высоту в пикселях и убедитесь, что установлен флажок «Сохранить пропорции». Затем нажмите Применить. Таблица цветов не применима для сжатия JPG.

Параметры оптимизации GIF и PNG

Выбрав параметр «Сохранить для Интернета», щелкните вкладку «4 варианта». Исходное изображение находится в верхнем левом углу. Щелкните изображение в правом верхнем углу и выберите GIF или PNG в верхней части боковой панели. Под типом файла щелкните стрелку раскрывающегося списка, чтобы просмотреть варианты выбора алгоритма уменьшения цвета.Если ваше изображение содержит менее 256 цветов, этот параметр не имеет большого значения, если вы не хотите ограничиваться использованием только безопасных для Интернета цветов. В противном случае, если ваше изображение содержит несколько более 256 цветов, Adobe необходимо знать, какие 256 цветов вы хотите использовать. Ваш выбор:

• Perceptual: Adobe выберет 256 цветов изображения, к которым человеческий глаз наиболее чувствителен.
• Выборочный: Adobe выберет из изображения 256 цветов, которые являются наиболее распространенными и предпочтут безопасные для Интернета цвета.Это значение по умолчанию.
• Adaptive: Adobe выберет из изображения 256 цветов, которые наиболее часто встречаются на изображении.
• Restrictive (Web в более старых версиях): Adobe будет использовать для изображения 216 безопасных для Интернета цветов.

Если сжатое изображение не имеет тех же цветов, что и исходное, попробуйте алгоритмы восприятия и адаптации на других изображениях в окне «4 варианта» и сравните их. В зависимости от изображения может быть огромная разница.

Дизеринг: Концепция дизеринга заключается в том, что система отображает чередующиеся пиксели двух разных веб-безопасных цветов, пытаясь обманом заставить глаз увидеть третий цвет, который не поддерживается. Если вы используете только безопасные для Интернета цвета, вам не нужно беспокоиться о дизеринге. Если вы не используете веб-палитру, но не заботитесь о том, насколько идеально ваши изображения отображаются в старых системах, забудьте о дизеринге. Даже когда изображения искажаются в попытке улучшить их качество отображения в старых системах, усилия часто не стоят конечного результата.В окне «4 варианта» вы можете выбрать веб-палитру и включить дизеринг, чтобы увидеть, как выглядят изображения.

Учебник KeynoteSupport.com

Как заставить изображения плавно переходить на веб-страницу

Если вы хотите, чтобы цвет фона изображения плавно сочетался с цветом фона веб-страницы, слайда PowerPoint, плаката ImageReady и т. Д., Вы должны сделать две вещи. Во-первых, убедитесь, что цвет фона или края изображения имеет тот же шестизначный шестнадцатеричный код, который вы указали для цвета фона веб-страницы или плаката.

Во-вторых, вы должны оптимизировать исходное изображение с помощью GIF или PNG, поскольку оба этих типа файлов являются «без потерь» или «без потерь» — цвет в изображении сохраняет тот же цвет, который вы указали. Просто убедитесь, что для параметра Lossy установлено значение по умолчанию 0 (ноль) в окне «Сохранить для Интернета» в Adobe Photoshop.

Мы надеемся, что вам понравился наш учебник по Оптимизация изображений в Photoshop . Ваше здоровье!

↑ Вернуться к началу

Удаление артефактов сжатия JPEG в Photoshop

Вы недавно сохранили изображение из Facebook, и оно выглядит плохо сжатым?

В сегодняшнем руководстве вы узнаете, как мгновенно удалить артефакты сжатия JPEG, чтобы улучшить качество изображения и сделать его лучше, чем раньше!

Если у вас Photoshop 2021 или новее, вы можете попробовать новый A.I. Фильтр для удаления артефактов сжатия JPEG.

Знаете ли вы?

Каждый раз, когда вы сохраняете файл JPEG, вы теряете больше деталей изображения из-за сжатия файла.

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

Вот почему я буду решать, как сохранить важные изображения, с помощью простых шагов, приведенных ниже!

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

Снижение шума и сохранение деталей

Чтобы удалить артефакты сжатия JPEG, вам необходимо начать с преобразования фонового слоя в неразрушающий файл. Для этого щелкните слой правой кнопкой мыши и выберите Convert to Smart Object.

Далее перейдите к Фильтр > Шум > Уменьшите шум.

В окне Reduce Noise установите флажок Предварительный просмотр, щелкнув по нему или нажав клавишу P на клавиатуре, чтобы вы могли предварительно просмотреть изменения, которые вы хотите внести.

Отрегулируйте ползунок Strength до необходимого значения. Сила управляет степенью уменьшения яркостного шума, применяемого к каналу изображения RGB, это означает, что оно размывает изображение на всех каналах одновременно.

Отрегулируйте ползунок Сохранить детали так, чтобы он не был слишком размытым, чтобы не затрагивать мелкие детали, такие как мех, поры или текстуры на объектах. Установите значение регулировки, достаточное для сглаживания шума на заднем плане, но также достаточно резкое, чтобы сохранить необходимые детали объекта.

Нажмите здесь, чтобы узнать, как удалить фон с объектов с мехом!

Используйте ползунок Sharpen Details , чтобы вернуть детали к изображению. Вы должны принять меры, чтобы не использовать ползунок экономно, потому что, хотя он может помочь повысить резкость вашего объекта, он может сделать заметными артефакты JPEG более .

Чтобы удалить артефакты сжатия JPEG, вам необходимо установить флажок в нижней части окна с заголовком Удалить артефакт JPEG .

Установка этого флажка сообщит алгоритму, что он определит, какие линии или наложение цветов были результатом сжатия JPEG, и будет работать над удалением артефактов сжатия JPEG.

Щелкните OK , чтобы применить настройки.

Улучшение тонального диапазона и текстуры

Для дальнейшего улучшения изображения можно использовать фильтр Camera Raw (Фильтр> Фильтр Camera Raw) .

На панели Basic вы найдете ползунки Shadows и Highlights для управления количеством деталей в этих тональных областях.

Вы можете улучшить текстуру изображения с помощью ползунка Texture или ползунка Clarity .

Отрегулируйте насыщенность и выделите цвета

На вкладке Basics вы можете настроить Saturation для усиления цветов, в то время как Vibrance выявляет цвета пикселей с меньшей насыщенностью.

На вкладке HSL Adjustment вы можете настроить Оттенок, Насыщенность и Яркость отдельных цветов .

Это означает, что вы можете сделать цвет, например оранжевый, темнее или ярче, а также увеличить или уменьшить насыщенность.

Вы даже можете изменить оттенок на другой цвет. Примените необходимые корректировки, которые нужны вашей фотографии.

Заточка деталей

Перейдите на вкладку Detail и настройте количество Sharpness , которое вы применяете к своему изображению.

Отрегулируйте ползунок Masking Slider , чтобы эффект повышения резкости не увеличивал резкость артефактов сжатия JPEG на заднем плане .

Pro Tip : Чтобы увидеть эффект повышения резкости в действии, удерживайте клавишу Alt (Windows) или Option (macOS) при перетаскивании ползунка маскирования. Сначала все изображение станет белым, но при перетаскивании вправо крайние пиксели станут черными.

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

Продолжайте регулировку до тех пор, пока все белые края, которые вы видите, не будут полностью касаться объекта, а не фона. Отпустите клавишу Alt (Windows) или Option (macOS), чтобы вернуться к исходному изображению.

Восстановить мягкие пиксели

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

Перейдите на вкладку Effects и увеличьте ползунок Amount в разделе Grain , чтобы снова добавить зернистость пленки в фотографию для более естественного вида.

Когда вы установили настройку, нажмите OK , чтобы сохранить изменения!

И вот как вы удаляете плохие артефакты сжатия JPEG и улучшаете фотографии, которые хотите сохранить!

Учебное изображение

Дизайн веб-сайта Frida The Cat

— Photoshop: как уменьшить размер PNG для веб-использования

Интересные подробности (вы не спрашивали)

Некоторые форматы изображений, например JPG, поддерживают сжатие с потерями. Когда изображение со сжатием с потерями сохраняется, а затем отображается обратно, изображение не на 100% точно такое, как вы его спроектировали, а просто «близко» к нему, что-то вроде эскиза.Часть оригинальной детали — , потеряно . Поскольку нет никаких ожиданий относительно точности, изображения со сжатием с потерями могут хранить небольшую информацию об исходном дизайне, что приводит к уменьшению размера файлов. Они даже позволяют указать, насколько точным должен быть результат: чем менее точным должен быть результат, тем меньше размер файла.

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

PNG делает все возможное, чтобы оптимизировать необходимую информацию перед сохранением в файл, но вы не можете указать, как в случае с JPG, насколько сжатым или точным должен быть файл. Результат остается неизменным, и вы не можете контролировать размер файла.

Некоторые предложения

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

• Большие области плоских цветов сжимаются лучше, чем области со сложным узором. Посмотрите, сможете ли вы упростить свой образ.
• У вас много негативного пространства вокруг изображения? Постарайтесь сократить его до минимума.
• Вы используете прозрачность? В противном случае рассмотрите возможность сохранения изображения в формате JPG.
• Если по какой-либо причине вы не можете сохранить его в формате JPG, но не используете прозрачность, снимите флажок «прозрачность» в параметрах сохранения. Это избавит вас от укусов на конечном результате.
• Вы можете разрезать изображение на части и скомпоновать его в окончательном HTML, как своего рода головоломку. Вы можете сохранить части, требующие прозрачности, как PNG, а другие части как сильно сжатые файлы JPG. Общий результат должен быть менее тяжелым.
• Используйте инструмент сжатия PNG (например, https://tinypng.com/). Имейте в виду, что эти инструменты используют алгоритм с потерями. Они пытаются упростить ваше изображение, чтобы сохранить его как файл меньшего размера. Они действительно значительно уменьшают размер вашего файла, но в конечном результате может быть потеряно слишком много деталей.Вы всегда можете попробовать их и оценить результат в зависимости от приложения.

Если вы поделитесь своим изображением, я могу дать вам несколько советов.

Как пакетно изменить размер изображений в Photoshop

, Алек Драгган, 23 апреля 2021 г.

Изменение размера изображений для различных случаев использования может быть утомительным, особенно если вам нужно изменить размер более одной фотографии. Если вы отправляете фотографии или используете их на веб-сайте, у вас должна быть возможность быстро изменять размеры этих изображений в пикселях.К счастью, программа для редактирования фотографий, такая как Adobe Photoshop, может помочь вам пакетно изменять размер изображений для получения быстрых и точных результатов.

В этой статье мы покажем вам, как пакетно изменять размер изображений с помощью Adobe Photoshop. Конечно, вам потребуется установить Photoshop, чтобы следовать этому руководству. Если у вас его еще нет, вы можете загрузить Photoshop с сайта Adobe здесь.

Выбор метода пакетного изменения размера

Photoshop предлагает два метода пакетного изменения размера изображений. В Photoshop вы можете выбрать пакетное изменение размера изображений, используя:

• Встроенный процессор изображений Photoshop
• Ваше собственное действие пакетного изменения размера, которое вы создаете

Хотя для пакетного изменения размера проще использовать процессор изображений Photoshop, он не работает. не всегда работают, особенно если вам нужно пакетно изменить размер изображений, сохраненных как файлы разных типов или как фотографии с разными размерами.

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

Хотя это может показаться сложным, создание пакетного действия по изменению размера на самом деле просто и сэкономит ваше время и усилия после его создания.

Пакетное изменение размера изображений

Независимо от того, решите ли вы использовать Photoshop Image Processor или создадите собственный экшен Photoshop, вам сначала нужно будет поместить изображения в папку для изменения размера.Не забудьте сохранить эту папку в легкодоступном месте, указав путь, который вы можете запомнить. Затем убедитесь, что все изображения имеют типы файлов, совместимые с Photoshop!

Вот папка с изображениями, размер которых мы будем изменять:

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

Но сначала давайте попробуем изменить размер этих изображений с помощью Photoshop Image Processor.

Использование Photoshop Image Processor для пакетного изменения размера изображений

После открытия Photoshop перейдите к File >> Scripts >> Image Processor на панели инструментов приложения:

При выборе этого параметра открывается следующий процессор изображений Image Processor menu:

Теперь пора выбрать папку, содержащую изображения, размер которых вы хотите изменить. Выберите папку, нажав кнопку выбора папки под 1) Выберите изображения для обработки .

Ваше меню должно выглядеть следующим образом прямо перед запуском процесса:

Давайте поговорим о других настройках , доступных в диалоговом окне Image Processor. После выбора папки с файлами у вас есть возможность включить все подпапки для структуры данных. Если ваша папка изображений содержит подпапки с дополнительными изображениями, размер которых необходимо изменить, установите этот флажок.

Откройте первое изображение, чтобы применить настройки. Это отлично подходит для других процессов, но менее полезно для изменения размера изображения.

Во втором варианте 2) Выберите Местоположение для сохранения обработанных изображений , обязательно создайте вторую папку для сохранения изображений с измененным размером. Это избавит вас от головной боли при переименовании, а также от проблем с дифференциацией.

Параметр 3) Тип файла позволяет изменять размеры изображения. Поскольку все изображения в нашей папке, которые нужно изменить, имеют размер 2 × 3 и вертикальное, мы выбрали разрешение 2000 на 3000 пикселей. Вы можете изменить эти значения в зависимости от ваших предпочтений.

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

Затем нажмите, чтобы запустить процесс на ваших изображениях. Когда Photoshop завершит работу, вы сможете найти фотографии с измененным размером в новой папке:

Как видите, после запуска обработчика изображений размеры изображений с измененным размером обычно становятся ближе. Но вы также обнаружите, что не все размеры одинаковы для каждой фотографии.

Это обычное дело в сценариях обработки изображений, поскольку ни одно из исходных изображений не имело идеального размера 2 × 3. Вместо этого процессор изображения попытался сохранить природу 2 × 3, чтобы минимизировать искажение изображения.

Теперь давайте перейдем к лучшему способу пакетного изменения размера изображений!

Пакетное изменение размера изображений в Photoshop с помощью настраиваемых действий

Если вы никогда раньше не создавали экшен в Photoshop, вас ждет удовольствие. Действия позволяют сохранять процессы, которые вы часто используете для изображений во время постобработки.Просто запишите шаги, которые вы обычно делаете, а затем сохраните их, чтобы применить к будущим изображениям.

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

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

Создание действия в Photoshop

Для начала откройте новый документ в Photoshop. На самом деле не имеет значения, что это за документ, вам просто нужно иметь доступ к рабочему пространству Photoshop. Затем перейдите в Окно >> Действия или нажмите Alt / Option + F9 , чтобы открыть панель действий.

Панель действий будет выглядеть примерно так:

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

Чтобы создать новое действие, нажмите кнопку + в нижнем меню. Появится всплывающее меню с названием вашего действия. Мы назвали наше действие Изменить размер плюс размеры измененного размера 2 000 × 3 000 :

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

Далее нажимаем запись . Кнопка записи на панели действий станет красной, когда она активна, например:

Когда вы создадите действие и добавите к нему шаги, вы увидите, что Photoshop записывает каждый новый шаг в действие.

После завершения записи вы можете выбрать шаги, которые хотите предпринять.Чтобы изменить размер изображения, перейдите к Изображение >> Размер изображения или нажмите Alt / Option + Control / Command + I .

Кроме того, обратите внимание на параметр Изображение >> Размер холста . Эта опция изменит размер холста, но не изображения. Это означает, что вы добавите фон, но не измените размер изображения.

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

Вот как выглядит правильное меню Image Size :

Вы можете работать как в пикселях, так и в дюймах, и устанавливать для DPI любое значение, которое вы выберете. Для пакетного изменения размера лучше всего установить Resampling it на Automatic . Используйте раскрывающееся меню или нажмите Alt / Option + F1 .

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

Кроме того, выберите ширину или высоту в качестве ориентира. Мы выбрали ширину 2000 пикселей. Это означает, что когда мы используем этот экшен, Photoshop изменяет ширину изображения до 2000 пикселей и соответственно изменяет высоту без изменения соотношения сторон фотографии.

Когда вы закончите с этими настройками, нажмите OK или Enter / Return . На этом этапе ваша панель действий будет обновлена.

Теперь нажмите на знак остановки Значок рядом с красным знаком записи, чтобы остановить запись действия.Вы можете нажать стрелку раскрывающегося списка рядом с «Размер изображения» на панели действий, чтобы просмотреть, что вы запрограммировали:

Теперь вы готовы использовать это действие для пакетного изменения размера изображений!

Применение действий с пакетной обработкой изображений для изменения размера изображений в Photoshop

Теперь, когда вы создали действие, как применить его к папке изображений для пакетного изменения их размера? Только что созданное действие можно применить к любому открытому изображению, нажав кнопку Play на панели действий.

Чтобы применить действие к нескольким изображениям за один шаг, сначала перейдите к Файл >> Автоматизация >> Пакетная обработка… на панели инструментов Photoshop. Этот путь приведет вас к функции обработки изображений пакетной автоматизации:

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

Убедитесь, что в панели подменю Play выбрано ваше действие.Хотя мы сохранили действие по изменению размера для действий по умолчанию, вы могли выбрать другую папку.

Во-вторых, используйте панель подменю Source , чтобы выбрать папку, из которой вы работаете. Это та же самая тестовая папка, с которой мы работали для теста Image Processing в начале этого руководства. Выберите параметры, которые важны для вашего процесса.

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

В-третьих, используйте панель подменю Destination , чтобы выбрать, куда вы хотите поместить новые изображения с измененным размером. Вы можете переопределить команды Сохранить как… , если захотите, но сохранение в новую папку — более чистый способ.

Наконец, опция для именования файлов позволяет вам быть довольно точными с именами ваших новых файлов. На данный момент вы можете свободно использовать его, но для пакетного переименования использовать что-то вроде Notepad ++ проще, универсальнее и чище.

Нажмите OK , и откроется папка с изображениями с измененными размерами:

Размер всех этих изображений теперь был изменен точно в соответствии со спецификациями созданного нами действия.После настройки этот процесс займет меньше времени, а это значит, что пакетное изменение размера изображений станет проще простого.

Кроме того, вы можете использовать это действие изменения размера при работе с активным изображением в рабочей области Photoshop, поэтому вам не нужно ждать пакетной обработки, пока вы не закончите все редактирование. Если вам понравилось это руководство, обязательно ознакомьтесь с нашей статьей о том, как автоматически изменять размер изображений WordPress.

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

Используете WordPress и хотите получить Envira Gallery бесплатно?

Envira Gallery помогает фотографам всего за несколько кликов создавать красивые фото- и видеогалереи, чтобы они могли демонстрировать и продавать свои работы.

Как сжимать изображения JPEG

• Сжатие изображений несложно, и этот процесс может помочь с объемом памяти компьютера и в целях брендинга за счет использования качественных изображений, которые быстро загружаются.
• Вы можете использовать программное обеспечение для редактирования фотографий или такие программы, как Microsoft Word, для сжатия файлов изображений.
• Процесс сжатия изображений JPEG аналогичен сжатию любого другого типа файла изображения.

В 2019 году использование технологий стало необходимостью. Независимо от того, используете ли вы веб-сайт или социальные сети, потребители любят видеть изображения — независимо от того, какое устройство они используют. Если на веб-сайте используется изображение низкого качества или его страницы загружаются слишком долго из-за слишком большого размера файлов изображений, некоторые потребители будут немедленно отключены, а качественные изображения, которые быстро загружаются, могут улучшить репутацию бренда.Изображения имеют значение.

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

Что такое сжатие фотографий?

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

Зачем сжимать фотографии?

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

Знаете ли вы? Оптимизация изображений — это лучший способ публикации изображений в Интернете, а сжатие фотографий для уменьшения размера файла — один из популярных способов оптимизации изображений.

Как работает процесс сжатия фотографий?

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

Сжатие фотографий с помощью программного обеспечения для редактирования изображений

1. Откройте фотографию, которую вы хотите сжать, в программе для редактирования фотографий.
2. Перейдите в меню «Файл» в программном обеспечении и выберите «Сохранить как» или «Сохранить».
3. Щелкните «Параметры» во всплывающем меню.
4. Выберите параметр «Сильное сжатие» в разделе меню «Сжатие фотографий».
5. Выберите «Кодирование без потерь» в разделе «Шифрование». Это поможет сохранить целостность фото.
6. Нажмите «ОК».
7. Нажмите «Сохранить». Ваш компьютер сожмет фотографию и сохранит ее.
8. Если вы сохраняете фотографию в формате JPEG, вы можете потерять качество, поэтому фотографию необходимо защитить при сжатии.Сохранение фотографии в формате, отличном от JPEG, например TIFF, PNG, GIF или BMP, поможет предотвратить потерю качества.

Если вы боитесь испортить исходную фотографию, всегда используйте «Сохранить как», чтобы создать сжатую версию, отличную от оригинала. Затем, если вам когда-нибудь понадобится исходная версия, вы ее сохраните. Редактирование изображений иногда может быть сложной задачей, поэтому рекомендуется сохранить исходную копию, если в процессе что-то пойдет не так. Никогда не бывает плохой идеей использовать дублированное изображение для внесения изменений.

Когда дело доходит до программного обеспечения для редактирования фотографий, в Интернете есть десятки вариантов качества. Вы можете использовать передовые платформы, такие как Adobe Photoshop или упрощенную, менее дорогую версию Adobe Photoshop Elements, для редактирования изображений. Вы можете использовать что-то бесплатное, например программу обработки изображений GNU, более известную как GIMP. Paint.NET — еще одна бесплатная альтернатива, которая, как правило, широко рассматривается пользователями, и она должна быть достаточно простой, чтобы ее могли освоить даже новички в редактировании изображений.

Если вы используете программное обеспечение для редактирования фотографий только для сжатия или изменения размера нескольких изображений, не платите за такую ​​услугу, как Photoshop, если вы можете использовать бесплатную опцию, такую ​​как GIMP или Paint.NET. Нет необходимости тратить дополнительные деньги на простую задачу редактирования.

Совет: Если вы боитесь испортить исходную фотографию, всегда используйте «Сохранить как» для создания сжатой версии, отдельной от оригинала. Затем, если вам когда-нибудь понадобится исходная версия, вы ее сохраните.

Сжатие фотографий с помощью Microsoft Word

1. Откройте Microsoft Word и откройте новый документ Word.
2. Щелкните вкладку «Вставка» в верхней левой части экрана.
3. Выберите значок изображения из списка вариантов.
4. Появится список файлов на вашем компьютере. Выберите файл изображения, который вы хотите сжать, дважды щелкнув по нему. Картинка будет добавлена ​​в ваш документ.
5. Щелкните по картинке. В разделе «Работа с рисунками» выберите вкладку «Формат». В группе «Настроить» выберите «Сжать изображения».
6. Всплывающий экран предложит вам варианты.Либо нажмите «ОК», чтобы принять разрешение по умолчанию, либо выберите качество сжатия фотографии, установив флажок рядом с нужным вариантом, а затем нажмите «ОК».
7. Сохраните документ, и фотография будет сжата.

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

1. Перейдите на вкладку «Макет» в верхней части экрана Microsoft Word.
2. Щелкните значок «Размер» в группе «Параметры страницы».
3. Выберите нестандартный размер бумаги.
4. Сохраните документ.

Как сжать файл JPEG?

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

1. Откройте изображение в Microsoft Paint.
2. Выберите изображение и используйте кнопку изменения размера. Выберите любые размеры изображения, которые вам нравятся, и не снимайте флажок «Сохранить соотношение сторон».
3. Нажмите «ОК», и размер изображения изменится.
4. Если вы хотите обрезать изображение, используйте кнопку «Выбрать», чтобы выбрать часть изображения, которую вы хотите сохранить, затем нажмите «Обрезать».