Как в фотошопе сжать фото: 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).

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

Photoshop Compress Image — Как сжать изображение для веба

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

Фотошоп Сжатие изображения

Хотите узнать больше о том, как сжать изображение в Photoshop? Есть ли способ сжимать файлы PNG или использовать пакетный процесс? Просто узнайте больше подробностей о процессе и выберите желаемое разрешение в соответствии с вашими требованиями.

Часть 1: Как сжать изображение в Photoshop без потери качества

Как сжать изображение в Photoshop для Интернета

Шаг 1 Запустите Photoshop на вашем компьютере. Перейти к Файл вариант и выберите Откройте возможность загрузить оригинальное изображение с вашего компьютера в ваш компьютер соответственно.

Шаг 2 Когда вам нужно сохранить маленькое фото для Интернета, вы можете перейти к Файл вариант и выберите Сохранить для Интернета и устройств возможность сжимать изображение для веба с помощью Photoshop.

Шаг 3 После этого вы можете настроить другие параметры, такие как Предустановленная, Оптимизированный, Конвертировать в RGB, Размер изображения, Процент or Качество сохранить изображение на достойном качестве.

Шаг 4 Просто просмотрите изображение, а также разницу в размере файла и сравнении качества в 4-Up Вкладка. Когда вам нужно сжать определенный размер, вы можете оценить процент соответственно.

Шаг 5 После этого нажмите на Выберите скорость загрузки значок, чтобы изменить Размер / Время загрузки получить оценку того, сколько времени займет загрузка вашего изображения на выбранный Размер / Время загрузки.

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

Примечание: Если вам нужно сжать PNG в Photoshop для Интернета, вам следует выбрать PNG-8 или PNG-24 из раскрывающегося списка вместо JPEG под Предустановленная опцию.

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

Как Пакетное Сжатие Изображения с Photoshop

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

Шаг 2 Откройте Adobe Photoshop, вы можете выбрать Файл и выберите Сценарии вариант. В раскрывающемся списке вы можете нажать на Процессор изображения опцию.

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

Шаг 4 Чтобы уменьшить качество фотографии, вы можете только отрегулировать качество фотографии или ввести определенный параметр в Изменить размер, чтобы соответствовать возможность получить желаемое качество фотографии соответственно.

Шаг 5 После того, как вы ввели свои настройки, вы можете нажать на Выполнить Возможность сжатия фотографий с помощью Photoshop в пакетном режиме. Это не подходит для преобразования файлов PNG в пакетном режиме.

Часть 2. Лучшая альтернатива Photoshop для сжатия изображений для Web

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

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

2. Массовое сжатие и сжатие до 40 изображений одновременно с высокой скоростью.

3. Способен сжимать изображения нужного размера с высокой степенью сжатия.

4. Совместим с наиболее популярными 4 типами файлов изображений, включая PNG.

Шаг 1 Перейдите к бесплатному онлайн-компрессору изображений с любым браузером на вашем компьютере. Альтернатива Photoshop поддерживает 4 различных формата файлов, таких как форматы файлов JPEG, PNG, SVG и GIF.

Шаг 2 После этого вы можете нажать Добавить изображение Кнопка для загрузки до 40 изображений в онлайн-фотокомпрессор. Вы также можете перетащить фотографии в программу соответственно.

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

Заключение

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

Пакетное сжатие и обработка файлов в Adobe Photoshop

Сжатие фотоматериалов может понадобиться в самых разных сценариях работы, к примеру, для отправки кому-либо по электронной почте или загрузки в социальную сеть.
Если фотографий очень много, то рациональнее данную процедуру провести в пакетном режиме.
Adobe Photoshop является одним из лучших фоторедакторов, он обладает обширным набором инструментов для работы с фотоматериалами, но при этом реализация пакетного редактирования реализуется не так явно, как этого бы хотелось.
Можно, конечно, возразить, что для выполнения данной задачи существует сторонний софт, где данная задача выполняется «в один клик». Да, такая возможность есть, но зачем устанавливать дополнительный софт для реализации лишь данной задачи? Да и результат сжатия в Adobe Photoshop очень гибко настраивается и является одним из лучших из соотношения размер\качество. Едва ли какая-либо программа уровня «в один клик» сможет похвастаться аналогичной гибкостью.
Таким образом, мы приходим к заключению, что лучше использовать с максимальной пользой уже имеющиеся инструменты, нежели загромождать систему множеством утилит.

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

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

2) Откройте окно Операции. Его можно вызвать нажав в верхнем меню Окно и выбрав в выпадающем пункте пункт Операции

3) В данном окне нажмите на значок и выберите пункт меню Новая операция…

4) В отобразившемся диалоговом окне впишите желаемое имя шаблона, к примеру Пакетное сжатие фотографий и нажмите кнопку Записать

5) После чего откройте окно Сохранить для Web…. Его можно вызвать выбрав соответствующий пункт в верхнем меню Фаил.

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

7) Теперь необходимо закрыть фаил, ответив отрицательно на запрос сохранения изменений.

8) И только после этого остановить запись профиля. Это можно сделать, нажав на значок Стоп

Готово! Шаблон создан.
Теперь необходимо задействовать его в пакетной обработке. Для этого откройте одноимённое окно, которое можно вызвать, проследовав по пути Файл -> Автоматизация -> Пакетная обработка…

В открывшемся окне введите необходимые данные и нажмите на кнопку OK.
Пояснение по поводу Выходной папки: несмотря на то, что она задаётся в данном окне, по факту обработанные файлы будут сохранены в папке, которую вы указали в 6 шаге. Такая вот особенность.
Данное руководство всецело применимо к Adobe Photoshop (CS3, CS4, CS5, CS6, СС)

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

Доброго времени суток! Если у Вас, сотни мегабайт в небольшой папке с фотками? Или же картинки отправляются по почте более 10 минут, даже при приличной скорости интернета? Или вот так, для отправки архива фотографий на флешку нужны полчаса? Добро пожаловать в нужное место, в статье я расскажу, в какой программе и как уменьшить размер файла JPG без потери качества.

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

Как уменьшить размер файла Jpg — немного нужной теории

Касательно формата JPG (и его разновидности JPEG), есть 3 способа изменения размера файлов. Размер PNG, BMP, GIF и прочих графических форматов можно регулировать лишь первым методом.

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

Любая фотография – набор пикселей.
У современных фотоаппаратов их число превышает 2-4 тысячи по горизонтали и вертикали. Это много, от такого разрешения и «разрастаются» мегабайты. Улучшается ли при этом качество изображения? Практически нет, особенно у непрофессиональных фотографов при повседневной съёмке. Так как изменить разрешение фотографии можно практически безболезненно для качества, многие используют именно этот способ для того, чтобы уменьшить изображение.

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

Сжав изображение в 2 раза (на 50%, в терминах графических редакторов), мы уменьшим его площадь (и объём!) в 4 раза, школьная геометрия на практике.

Логично уменьшить количество точек, чтобы снизить размер фотографии – и не заметить изменений в качестве.

Альтернативный вариант для файлов JPG, оставить разрешение изображения исходным, но позволить компьютеру снизить качество. Некоторая размытость, сглаживание или нечёткость вполне допустимы. Можно считать, что качество сжатия в графических редакторах примерно такое:

100%
— сжатие рисунка отсутствует;
90%
— настройка по умолчанию во многих программах – минимальное сжатие;
80%
— более глубокая степень: файлы сжимаются довольно сильно;
70%
— всё ещё приемлемая потеря качества, но в пределах разумного;
50% и ниже
– кардинальное снижение внешнего вида рисунка, заметное невооружённым взглядом.

Как сжать изображение: практикум в графических редакторах

Экспериментировать будем с этим «натюрмортом»: рядовая телефонная фотка, не претендующая на художественность, скорее – класса «страшно показать», но для семейного архива подойдёт.

Технические детали:

формат JPG, разрешение 2560 на 1920 точек, вес файла-исходника – неприемлемые 2,44 Мб. Перед тем, как сжать фотографию, рекомендуем скопировать её в отдельную папку, чтобы не потерять рисунок в ходе процесса сжатия.

Исходный файл: 2,44 Мб, с расширением 2560×1920 пикселей

Сжатие изображения в Paint

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

Открытие исходника в Пэйнт: количество точек потрясает, но их число вовсе не означает красоту или качество. Масштаб: 100%.

Чтобы открыть изображение в Paint, нужно щёлкнуть по файлу правой кнопкой и выбрать «Редактировать»
.

Этот редактор не позволяет вручную настроить уровень сжатия JPG, но, по ощущениям, устанавливает его примерно на 80%. Достаточно пересохранить файл, чтобы вместо исходных 2,44 Мб получить 1,83 Мб. На глазок уровень качества осталось практически тем же.

Изображение сжалось до 1,83 Мб после пересохранения в Paint за 2-3 клика и 10 секунд.

В арсенале Paint есть способ уменьшить размер картинки в пикселях. Это кнопка «Изменить размер» (Resize)
. При её нажатии выпадает диалоговое окно, где предлагается ввести новые размеры по горизонтали/вертикали в процентах от исходного количества точек.

Выберем 50 на 50: в 2 раза меньше длины и ширины означают площадь, меньшую в 4 раза. Кстати, разрешение нужно менять одинаково по обоим измерениям, иначе картинка деформируется.

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

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

616 килобайт при разрешении 1290×960 px.

Отметим, что 0,6 мегабайт получилось не только в результате изменения разрешения, а при помощи «комбинированного» метода – размер изображения в Paint корректируется ещё и снижением качества JPG на величину около 85%. Изменить значение параметра compress в нужную сторону невозможно. Пейнт делает это на автомате.

Уменьшаем размер изображения в Photoshop

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

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

Открыв файл в редакторе Photoshop, следует выбрать раздел «Изображение»
, в нём кликнуть на пункт «Размер изображения»
. Как показано на картинке ниже.

Откроется диалоговое окно, где можно вручную задать высоту и ширину рисунка. Кнопка ОК – сохраняем файл. Этот же диалог вызывается горячими клавишами «Ctrl+Alt+I»
, быстрое сохранение результата, сочетание клавиш– «Ctrl+S»
.

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

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

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

Обратите внимание, Слева с верху — Исходник, далее идут уже с сжатием.

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

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

Лучшие программы для сжатия. Пакетная обработка

Paint под рукой всегда, но слишком примитивен. Фотошоп избыточно громоздкий и неповоротливый. Какие программы лучше подойдут, чтобы сжать JPG? Хорошие просмотрщики-вьюеры, они же – менеджеры изображений! Их достоинство – поддержка пакетного сжатия: одновременной обработки всех или нескольких выбранных файлов в любой папке вместо ручного изменения рисунков по одному.

ACDSee, XnView и IrfanView: лишь тройка из многочисленных программ для сжатия картинок всем скопом. Бесплатная, но вполне работоспособная версия есть даже у насквозь коммерческого «ЭйСиДиСи». Если программа не русифицирована, следует запомнить слово Compress – «Сжатие». Разберём технологию пакетного сжатия на примере графического обозревателя XnView.

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

Просмотрщик и редактор XnView говорит, что 9 файлов занимают почти 20 Мб. Непорядок!

В арсенале просмотрщиков присутствуют и функция «Сжатие JPEG» без снижения разрешения.

Сжатие изображения в онлайн сервисах

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

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

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

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

TinyJPG.com — Забугорный сервис

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

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

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

IMGonline.com.ua — удобный и понятный

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

Один из бесплатных онлайн-сервисов.

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

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

Обработка рисунков в Mac OS

Давайте рассмотрим процесс работы с изображениями на Mac, к примеру, рисунки отлично сожмёт стандартное приложение «Просмотр»: установка дополнительного ПО ни к чему, даже для пакетной обработки. Программа «Просмотр» на Маке
знает, как изменить размер сразу нескольких фото.

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

Заключение

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

Установить и использовать повседневно любой качественный менеджер графических файлов.
Забыть о Фотошопе: это слишком мощный и неповоротливый редактор для таких простых задач.
Использовать онлайн-сервисы лишь когда под рукой нет других способов – а для одиночных файлов пользоваться Paint’ом.

Дисклеймер: ни одна собака в ходе художественных и программных экспериментов не пострадала. 🙂

17.11.2014 27.01.2018

После изучения этого вы урока вы научитесь в фотошопе:

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

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

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

Для выполнения операций по уменьшению я буду использовать Photoshop CS 6.

Как уменьшить фотографию

Сначала откройте нужное фото в фотошопе. Нажмите CTRL+O
или File — Open
(Файл — Открыть
) и выберите нужную фотографию на диске.

Фотография открылась в фотошопе:

Фотография огромного размера 1600х1200 пикселей. А нам например надо 600х450 или около того.

Есть способ уменьшить пропорционально фотографию, для этого зайдите в меню Image — Image size
(Изображение — Размер изображения
). В английском фотошопе это окно выглядит так:

Мы видим значения Width
и Height
(Ширина
и Высота
), убедитесь значения показываются в пикселях, но если вам нужно вы можете смотреть и изменять в сантиметрах и других измерениях.

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

Нажимаем ОК и всё! Наша фотография уменьшилась:

Выделить нужную область и уменьшить

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

Допустим у нас есть такая картинка с воздушными шариками и мы открыли её в фотошопе:

Но нам все шарики не нужны, а нужен только синий и нам надо его чуть чуть уменьшить. Для этого выберите инструмент Crop Tool
(в русской версии называется Кадрирование
) — с помощью него мы можем выделить нужную нам область изображения и обрезать её. А именно синий шарик.

Сам инструмент на панели выглядит так:

Выделите нужную область:

Нажмите Enter
на клавиатуре — мы вырежем этот шарик а остальные изображение удалиться.

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

С помощью инструмента Polygonal Lasso Tool (Прямолинейное Лассо)
выделите шарик.

Нажмите CTRL+X
чтобы вырезать его и скопировать. После того как вы нажмете то он пропадет, а за ним будет прозрачный фон. Нажмите сразу CTRL+V чтобы вставить шарик. Шарик вставиться чуть чуть в стороне от исходного места. И вставиться она сразу автоматически на новый слой:

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

Создайте новый слой под шариком и залейте его любым цветом:

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

Теперь уменьшим шарик. Выберите слой с шариком и нажмите CTRL+T
(или меню Edit — Transform — Scale
(Редактирование — Трансформирование — Масштаб
)) и вы увидите как вокруг шарика появилась рамка для уменьшения:

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

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

На написание этой статьи меня сподвиг часто задаваемый вопрос — «Как правильно сжать фотографию и не потерять качество картинки?» Я постараюсь довольно просто ответить на него.

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

Итак начнем. Описываемый способ, самый простой и доступный, по-этому уверен, что освоить его и запомнить порядок действий можно с первого раза.

Шаг 1. Открытие файла.

Запустив Фотошоп, в Меню программы
выбираем Файл-Открыть
в открывшимся Диалоговом окне
находим требуемый файл и открываем его в Фотошопе.

Шаг 2. Кадрирование

Настоятельно рекомендуется убирать с фотографии всю лишнюю, не нужную информацию (банки, пепельницы, пачки сигарет, родственников и домашних питомцев. Исключение Кот Олега Якушенко), то-есть попросту кадрировать изображение.

Для этого надо воспользоваться инструментом Прямоугольная область
(выделен красным на втором фото) и выделить желаемую область. Надо помнить, что для сохранения пропорций фотографии, соотношение сторон должно быть 4 к 3 (разрешения 600:450, 800:600, 1024:768 и так далее).

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

Шаг 3. Изменение размера изображения

В данном случае исходная фотография имела следующие параметры
Разрешение 2592:1944 пикселов, размер файла 2Мбт. После кадрирования
разрешение стало 2208:1563 пикселов, что станет видно если в Меню программы
выбрать Изображение-Размер изображения

в окне Размер изображения
в графе Ширина
устанавлеваем требуемое разрешение, в нашем случае 1024, нажимаем Да
и видим как наша картинка уменьшилась

Мы изменили размер изображения, теперь осталось сжать сам файл до нужного размера.

Шаг 4. Сжатие файла

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

После команды Сохранить
откроется Окно Параметры JPEG

Внизу в графе Размер
виден текущий размер файла ~143,93 Кб, нам надо уменьшить его минимум до 100 Кб

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

На второй фотографии видно, что размер файла уменьшился до ~86,32 Кб, что нам и требовалось.
Витоге из большой фотографии с размером 2592:1944 пикселов и «весом» в 2 Мб мы получили кадрированное изображение с разрешением 1024:725 пикселов и «весом» ~86 Кб.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В этом пошаговом уроке вы узнаете как сжать фотографию (изображение, картинку и тд) без потери качества в программе Photoshop. Наверняка вы часто задавали себе этот вопрос, например часто приходится менять размер изображения для каких либо веб ресурсов или гаджетов. Для сжатия и изменения размера изображения в фотошопе присутствует мощный инструмент под названием Save for Web & Devices… (Сохранить для веб и устройств). Этот инструмент позволит вам с легкостью изменить размер, формат и качество сжатия всего за несколько кликов.

Шаг 1

Для начала откройте фотографию в фотошопе:

Шаг 2

После этого выберите команду File (Файл) — Save for Web & Devices…(Сохранить для веб и устройств):

Шаг 3

Перед вами откроется одноименное окно с настойками:

1. В этом разделе можно выбрать формат (в большинстве случаев JPEG) и качество (Quality). Чем меньше значение Quality, тем размер изображения. Не стоит слишком сильно сжимать изображения, старайтесь не ставить значения ниже 50

2. Здесь можно задать любой размер изображения. Либо в пикселях (значение W — ширина и H — высота) либо в процентах. (200% — увеличение в два раза, 50% уменьшение в два раза и тд)

3. Окно предосмотра. Здесь вы можете наблюдать изменения в реальном времени.

Шаг 4

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

Ниже вы можете посмотреть пример сжатия фотографии:

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

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

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

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

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

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

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

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

Шаг 1. Открытие файла.

Шаг 2. Кадрирование

Шаг 3. Изменение размера изображения

Мы изменили размер изображения, теперь осталось сжать сам файл до нужного размера.

Шаг 4. Сжатие файла

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

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

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

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

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

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

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

В этой статье рассмотрим 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
. Спасибо!

Как сжать фото в Фотошопе?

В наш цифровой век фотография стала обыденным делом, а не сложным занятием, каким она была еще 25 лет назад. Мобильники, планшеты, дешевые «мыльницы» до предела автоматизировали этот непростой процесс. Поэтому неудивительно, что сегодня у среднестатистического пользователя компьютера имеются десятки, сотни, а то и тысячи собственных цифровых снимков, хранящихся на разнообразных носителях информации. Идет активный обмен фото по интернету, выкладывание своих «шедевров» на различных форумах и в соцсетях. И вот тут на первый план выходит объем фотографии или, как принято говорить, ее «вес». Современные фотокамеры обладают большими разрешениями и, соответственно, сделанные снимки, как правило, весят не один мегабайт. Например, одно дело скинуть своему другу на почту 4 фотографии на тему «отпуск в Турции» общим весом 20 мегабайт и совсем другое – переслать 40 снимков с таким же весом. И достигнуть столь внушительного результата нам поможет лучший фоторедактор в мире – программа Фотошоп. На наглядном примере мы покажем, как сжать фото в Фотошопе, не потеряв при этом в качестве.

В программе существует такой мощный инструмент, как «Сохранить для Web…». Появился он очень давно, еще в версии Photoshop 5.5 (1999 г.), и с тех пор перенес незначительные изменения в плане интерфейса и своих функциональных возможностей. Это именно тот редкий случай, когда первый блин вышел удачным. Поэтому работа в нем мало чем отличается в любых выпусках редактора, в том числе и самых последних. Итак, запускаем Фотошоп и загружаем в него наше фото.

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

Мы видим очень приличный размер (2) для фото (больше 11 Мб), которое готовится под передачу по интернету. Сразу оговоримся, что это размер файла PSD. Первоначальный размер исходника составлял 4 Мб (jpg), что тоже очень солидно. Наша задача – оптимизировать изображение. Для этого идем в «Файл > Сохранить для Web…».

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

В левой части мы видим вертикальную панель инструментов. Не будем на ней задерживаться. Нам она не пригодится. По центру расположено само редактируемое изображение. По умолчанию открывается вариант «Исходное». Для наших целей лучше всего подходит опция «2 варианта». Она дает возможность сравнивать исходное изображение (слева) с конечным результатом (справа). Внизу каждого изображения мы видим формат и размер файла. И, наконец, с левой стороны расположены главные настройки оптимизации. С ними мы и будем работать.

Сразу же поменяем расширение выходного файла. По умолчанию Фотошоп ставит GIF, нам же нужен стандартный для фото формат JPEG.

Модуль «Сохранить для Web…» позволяет работать как в ручном, так и в автоматическом режиме. Для «автомата» существует поле выбора качества (расположено сразу под выбором формата). Проведем эксперимент. Установим самое низкое качество. И тут же смотрим в нижнюю часть правого изображения, на данные о размере. И видим там новый объем 175,4 Кб. Поразительно! При этом качестве «вес» картинки уменьшился почти в 65 раз. Правда, следует признать, что и «товарный» вид заметно, хотя и не критически, ухудшился.

Давайте посмотрим на результат максимального качества («Наилучшее»).

Ну что же, получили уменьшение объема в 5 с лишним раз при идеальном качестве! Конечно, это не совсем то, что нам нужно. Для домашнего цифрового фотоальбома, может, и неплохо (учитывая огромные размеры современных носителей информации), но для пересылки по интернету все-таки многовато. И здесь дело даже не в скорости передачи данных (на сегодня она достаточно высока), а в том, что на многих ресурсах стоят ограничения на общий объем размещаемых данных. О почте и говорить не приходится: там такие драконовские законы в порядке вещей.

Поэтому если мы хотим показать много снимков, но в допустимых пределах, нам следует еще уменьшить наше фото. Сразу же возникает вопрос: какое же выбрать сжатие и при этом не потерять в качестве? Не будем изобретать велосипед. Уже давно известно и определено, что наиболее оптимальным вариантом для сжатия фото с минимальными, почти неощутимыми потерями в качестве является выбор сета «Высокое». Можно также поставить галочку напротив опции «Прогрессивный». Это тоже немного снизит вес изображения. В результате мы получаем уже значительное уменьшение в объеме – почти в 17 раз, не потеряв при этом в качестве. Вес картинки снизился с 11,2 Мб до 673,4 Кб. Остальные настройки оставляем по умолчанию – они для нашей ситуации вполне подходящие.

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

Теперь нам осталось определиться с еще одним параметром – «Размытие». Он тоже немного снижает вес изображения. Достигается такой результат путем размытия пикселов. И для многих цифровых фото это является полезной операцией. Дело в том, что большинство снимков, сделанных любительскими камерами, получаются чересчур резкими (впрочем, есть и немало замыленных) и легкое размытие им идет только на пользу. Чтобы не переусердствовать с данным параметром, увеличим зону просмотра изображения до 300 %.

Для этого идем в нижний левый угол окна «Сохранить для Web…». Там расположены настройки масштабирования. Щелкаем на кнопке с треугольником и в появившемся меню выбираем 300 %.

Снова вернемся к основным настройкам (справа) и выберем «Размытие». Экспериментируем с разными значениями, внимательно отслеживая все изменения на увеличенном снимке в правом окне. В нашем случае подошло значение 0,3. В результате фото приобрело более мягкий, естественный вид и сбросило еще несколько килобайт.

На этом можно считать нашу работу законченной. Нам удалось сделать два важных дела: сжать фото без потери качества в Фотошопе и сохранить при этом его первоначальное разрешение, что позволит просматривать фотографию на большом экране с максимальным комфортом. Осталось только щелкнуть на кнопке «Сохранить» и указать место, куда программа должна поместить «похудевший» снимок. Вот и все. Теперь можно смело отправлять свои сжатые фото друзьям и не бояться, что какой-нибудь почтовый клиент откажет вам в доступе из-за превышения размера. Удачи!

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

Это руководство пользователя поможет вам сжимать пакеты изображений. Это особенно полезно, если вы собираетесь отправить несколько изображений с высоким разрешением для печати как часть одного и того же задания на печать — например, в виде контрольного листа. Объединение нескольких больших изображений в одно задание на печать может создать большой файл; чем больше размер файла, тем медленнее он будет печататься на МФУ библиотеки GSA (принтеры / копировальные аппараты).

ШАГ 1

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

ШАГ 2

Откройте Adobe Photoshop, затем щелкните File > Scripts > Image Processor

ШАГ 3

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

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

ШАГ 4

В разделе Тип файла вы можете настроить параметры, которые уменьшат размер ваших файлов изображений. Для печати с использованием МФУ GSA (принтеров / копировальных аппаратов) выберите Сохранить как JPEG — это обеспечит меньший размер файла без видимого снижения качества печати.

В поле Качество введите число от 1 до 12.Чем меньше число, тем меньше размер файла. Заметите вы снижение качества печати или нет, это будет зависеть от исходного файла и масштаба, в котором вы печатаете. Вы можете это проверить.
Установите флажок « Resize to fit » и установите максимальную ширину и высоту для сжатых изображений.

Вы не увидите повышения качества печати выше 300 dpi при использовании МФД библиотеки GSA. Таким образом, вы можете рассчитать соответствующие размеры для своих изображений и изменить их размер, чтобы они печатались с разрешением 300 точек на дюйм в том размере, который вам нужен.

Например,
У вас есть пакет изображений, снятых на 18-мегапиксельную камеру, каждое размером 5184 x 3456 пикселей, которые вы хотите распечатать как контрольный лист изображений размером 6 x 4 см каждое.

При разрешении 300 точек на дюйм исходные изображения будут напечатаны с размером приблизительно 44 x 29 см, то есть примерно в формате A3. Для изображений, предназначенных для печати с разрешением 6 x 4 см и разрешением 300 точек на дюйм, их размер можно изменить до 709 x 472 пикселей, что значительно уменьшит размер файлов без потери качества печати.

Вы можете использовать функцию Photoshop Image Size как инструмент, который поможет вам рассчитать такой размер.Откройте изображение, затем выберите Изображение > Размер изображения .

ШАГ 5

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

Назад к справке и часто задаваемым вопросам Learning Technology

Photoshop, плагины и многое другое
— Путь

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

, автор — Рокайя Йесмин Мунни, 13 июня 2018 г.

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

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

Содержание

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

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

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

Для этого урока мы использовали Adobe Photoshop CC 2017. Точные шаги могут отличаться для других версий Photoshop.

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

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

Теперь пора изменить размер изображения и качество сжатия. И то, и другое вы можете сделать с помощью инструмента Photoshop Save for Web .

Файл> Экспорт> Сохранить для Интернета (устаревшая версия)

А вот и самая сложная часть — собственно изменение размера изображения и его сжатие.

В окне Сохранить для Web есть несколько функций, на которые следует обратить внимание.

2-UP (и 4-UP): Это обеспечивает параллельное сравнение исходного изображения со сжатым файлом. 4-UP автоматически создает параметры с меньшим сжатием для дополнительного сравнения.
Формат файла: Формат .jpeg обеспечивает максимальное сжатие.
Качество сжатия: выберите из предустановок низкое, среднее, высокое, очень высокое и максимальное, в зависимости от ваших требований к сжатию и размеру файла.
Прогрессивная и оптимизированная: Прогрессивная — лучший выбор, но она не всегда совместима со всеми браузерами. Прогрессивный режим позволяет загружать изображение за несколько проходов с увеличением разрешения и качества. Оптимизированный также допускает дополнительное сжатие, но файлы не так совместимы. Вы можете выбрать одно или ни то, ни другое.
Ползунок качества : постепенное масштабирование качества для увеличения сжатия при сохранении качества изображения.
Размер изображения: Установите размеры изображения.Если вы знаете точные размеры, которые вам нужны, вы можете ввести их здесь. Или, если вы хотите уменьшить размер на процент, вы также можете использовать масштабатор процентов. Всегда сохраняйте пропорции ограниченными, убедившись, что значок блокировки / переключатель выбран. Это гарантирует, что ваше изображение не будет искажено при изменении размера изображения.
Выбор передискретизации: Таким образом Photoshop «восстанавливает» части данных изображения, измененные во время сжатия. Каждый раз, когда вы увеличиваете или уменьшаете размер изображения, вы изменяете исходную пропорцию изображения по отношению к пикселям на дюйм и размерам.Бикубический режим создает более плавные градиенты, но не допускает максимального сжатия. Изучите другие варианты, такие как Ближайшее соседство (самое простое и худшее сохранение деталей), Билинейный (обычно лучше для повышающей дискретизации), Бикубический сглаживающий (предназначен для повышения дискретизации) или Бикубический более резкий (лучше для понижающей дискретизации / сохранения деталей).
Размер файла изображения и скорость загрузки: Отображает формат файла, текущий размер файла оптимизированного изображения и текущую скорость загрузки изображения на основе различных скоростей Интернета.

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

Бесплатные веб-инструменты для редактирования изображений и уменьшения размера файла

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

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

По теме: 17 главных советов по экономии времени, чтобы вы могли развивать свой фотографический бизнес.

Веб-инструменты для сжатия изображений и уменьшения размера файла

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

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

ImageOptim : ImageOptim можно использовать в веб-браузере или через приложение Mac.Чтобы сжать файлы, ImageOptim избавляется от метаданных EXIF, таких как положение GPS и серийный номер камеры, однако вы можете оставить указанные метаданные без изменений (что важно для оптимизации фотографий вашего продукта для SEO).

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

Дополнительные инструменты для сжатия изображений и уменьшения размера файла

pngquant : этот инструмент сжимает.png, чтобы уменьшить размер файла. «Преобразование значительно уменьшает размер файла (часто на 70%) и сохраняет полную альфа-прозрачность. Созданные изображения совместимы со всеми веб-браузерами и операционными системами », — говорится на сайте.

Kraken : Kraken имеет веб-приложение и API для разработчиков, которые могут обрабатывать массовую оптимизацию и изменение размера изображений. Простой веб-интерфейс является бесплатным, и вы можете перетаскивать фотографии или загружать их, введя URL-адрес изображения. Существуют также разные варианты ценообразования в зависимости от того, с каким количеством изображений вы работаете и как часто вам нужно уменьшать их размер.Цена основана на общем количестве ГБ.

Плагины, уменьшающие размер изображения в вашей CMS

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

WordPress

Shopify

Magento

Передайте на аутсорсинг свои потребности в изменении размера изображения

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

Итог

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

Нужна помощь в оптимизации фотографий для многоканальных продаж? Ознакомьтесь с этим подробным руководством

Рокайя Йесмин Мунни

Как менеджер по цифровому маркетингу в Clipping Path India, Рокайя хочет помочь розничным торговцам и фотографам использовать маркетинговые стратегии и тактики, которые улучшат их бизнес.Она имеет 19-летний опыт работы в области графического дизайна, управления контентом, контекстной рекламы и цифрового маркетинга.

Как уменьшить размер файла JPEG в Photoshop CS5

Управление размерами файлов изображений важно, если вы работаете в Интернете. Google ценит скорость сайта при ранжировании веб-страниц, и большие изображения являются большим фактором, способствующим этой скорости. Поэтому вам может быть интересно, как уменьшить размер файла в Adobe Photoshop CS5.

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

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

Как уменьшить размер файла в Adobe Photoshop CS5

Щелкните Файл .
Выберите Сохранить для Интернета и устройств .
Выберите тип File .
Отрегулируйте качество.
Нажмите Сохранить .

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

Как уменьшить размер файла JPEG с помощью Photoshop CS5 (Руководство с изображениями)

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

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

Шаг 1. Щелкните

Image вверху окна, затем щелкните Image Size .

Шаг 2: Убедитесь, что флажок слева от

Сохранять пропорции установлен в нижней части окна.

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

Шаг 3. Щелкните

Файл вверху окна, затем щелкните Сохранить как .

Шаг 4. Введите имя файла в поле

Имя файла , затем щелкните раскрывающееся меню справа от Формат и выберите вариант JPEG . По завершении нажмите Сохранить .

Шаг 5. Щелкните ползунок в центре окна, чтобы выбрать другое качество изображения.

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

Как использовать сохранение для Интернета и устройств в Photoshop CS5 (Руководство с изображениями)

Вы также можете использовать опцию Save for Web & Devices в меню File после того, как вы укажете размеры и разрешение для вашего изображения.

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

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

В более новых версиях Adobe Photoshop может не быть опции «Сохранить для Интернета и устройств».Однако вы все равно можете использовать сочетание клавиш Ctrl + Alt + Shift + S , чтобы открыть параметр «Сохранить для Интернета». Вы также можете найти его в Файл> Экспорт .

Дополнительные источники

Мэтью Берли пишет технические руководства с 2008 года. Его статьи были опубликованы на десятках различных веб-сайтов и были прочитаны более 50 миллионов раз.

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

Его основные писательские темы включают iPhone, Microsoft Office, Google Apps, Android и Photoshop, но он также писал и на многие другие технические темы.

Отказ от ответственности: большинство страниц в Интернете содержат партнерские ссылки, в том числе некоторые на этом сайте.

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

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

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

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

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

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

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

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

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

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

Шаг 3. Сохраните изображение для Web и устройств

Сохраните изображение для Интернета и устройств, выбрав «Файл»> «Сохранить для Интернета и устройств» ( 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 простых шагов. Вы также создали Действия, чтобы оптимизировать изображения за один раз, сэкономив ваше драгоценное время. Полное руководство по оптимизации изображений путем выбора правильных форматов для ваших веб-проектов можно найти в «Всеобъемлющем руководстве по сохранению изображений для Интернета».

Как легко оптимизировать изображения для Интернета (без потери качества)

Знаете ли вы, что оптимизация изображений перед загрузкой в WordPress может иметь огромное влияние на скорость вашего сайта?

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

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

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

Поскольку это исчерпывающее руководство по оптимизации изображений для Интернета, мы создали удобную для понимания таблицу содержания:

Что такое оптимизация изображения? (Оптимизированные и неоптимизированные изображения)

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

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

Вот пример оптимизированного и неоптимизированного изображения:

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

Как работает оптимизация изображения?

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

Что значит оптимизировать изображения?

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

Почему так важна оптимизация изображения? Каковы преимущества оптимизации изображений?

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

Более высокая скорость веб-сайта
Улучшен рейтинг SEO
Более высокий общий коэффициент конверсии продаж и потенциальных клиентов
Меньше хранилища и пропускной способности (что может снизить стоимость хостинга и CDN)
Более быстрое резервное копирование веб-сайтов (также снижает стоимость хранения резервных копий)

Помимо видео, изображения — это следующий по значимости элемент на веб-странице.Согласно HTTP-архиву, изображений составляют в среднем 21% от общего веса веб-страницы.

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

Теперь вам может быть интересно, насколько действительно важна оптимизация изображений?

Согласно исследованию Strangeloop, задержка загрузки веб-сайта в одну секунду может стоить вам 7% продаж, на 11% меньше просмотров страниц и на 16% снижения удовлетворенности клиентов.

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

Это означает, что оптимизируя свои изображения для Интернета, вы можете как улучшить скорость веб-сайта, так и повысить рейтинг WordPress в SEO.

Видеоурок

Подписаться на WPBeginner

Если вы предпочитаете письменные инструкции, просто продолжайте читать.

Как сохранить и оптимизировать изображения для повышения производительности в Интернете?

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

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

Формат файла изображения (JPEG против PNG против GIF)
Сжатие (более высокое сжатие = меньший размер файла)
Размеры изображения (высота и ширина)

Выбрав правильную комбинацию из трех, вы можете уменьшить размер изображения до 80%.

Давайте рассмотрим каждый из них более подробно.

1. Формат файла изображения

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

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

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

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

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

На WPBeginner мы используем все три формата изображений в зависимости от типа изображения.

2. Сжатие

Следующее — сжатие изображений, которое играет огромную роль в оптимизации изображений.

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

Большинство инструментов для редактирования изображений, таких как Adobe Photoshop, On1 Photo, GIMP, Affinity Photo и другие, имеют встроенные функции сжатия изображений.

Вы также можете сохранять изображения в обычном режиме, а затем использовать веб-инструмент, такой как TinyPNG или JPEG Mini, для упрощения сжатия изображений.

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

Существует также несколько популярных плагинов WordPress, таких как Optimole, EWWW Image Optimizer и другие, которые могут автоматически сжимать изображения при их первой загрузке. Многие новички и даже крупные корпорации предпочитают использовать эти плагины для оптимизации изображений, потому что это просто и удобно.

Мы расскажем больше об этих плагинах WordPress позже в этой статье.

3. Размеры изображения

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

Обычно эти фотографии имеют разрешение 300 точек на дюйм и размер от 2000 пикселей и более. Эти высококачественные фотографии хорошо подходят для печати или настольных издательских систем. Они не подходят для веб-сайтов.

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

Например, мы оптимизировали фотографию с исходным размером файла 1,8 МБ, разрешением 300 точек на дюйм и размером изображения 4900 × 3200 пикселей.

Мы выбрали формат jpeg для более высокого сжатия и изменили размеры до 1200 × 795 пикселей, а также уменьшили размер файла изображения до 103 КБ. Это на 94% меньше исходного размера файла.

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

Лучшие инструменты и программы для оптимизации изображений

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

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

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

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

Adobe Photoshop

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

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

GIMP

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

Сначала вам нужно открыть изображение в GIMP, а затем выбрать опцию File »Export As .Это вызовет диалоговое окно сохранения файла. Присвойте файлу новое имя и нажмите кнопку экспорта.

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

TinyPNG

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

Они сожмут изображение и дадут вам ссылку для скачивания. Вы можете использовать их дочерний веб-сайт TinyJPG для сжатия изображений JPEG.

У них также есть расширение для Adobe Photoshop, которое мы используем в процессе редактирования изображений, потому что оно сочетает в себе лучшее из TinyPNG и TinyJPG внутри Photoshop.

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

JPEG Mini

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

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

ImageOptim

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

Альтернатива Windows

— Trimage.

Лучшие плагины для оптимизации изображений для WordPress

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

Ниже представлен наш список лучших плагинов для сжатия изображений WordPress:

Optimole — популярный плагин от команды ThemeIsle.
EWWW Оптимизатор изображения
Сжатие изображений JPEG и PNG — плагин от команды TinyPNG, упомянутой выше в статье.
Imagify — плагин от популярной команды плагинов WP Rocket.
Оптимизатор изображения ShortPixel
WP Smush
reSmush.it

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

Заключительные мысли и передовые методы оптимизации изображений

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

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

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

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

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

Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook.

Оптимизация изображений для Интернета: пошаговое практическое руководство

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

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

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

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

Готовы оптимизировать изображения?

Параметры типа файла изображения

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

Работа с JPG

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

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

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

Работа с PNG

PNG — еще один популярный формат файлов в Интернете. В Adobe Photoshop у вас будет возможность сохранять PNG как PNG-8 или PNG-24.

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

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

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

Работа с GIF

GIF-файлы

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

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

Правильное сохранение изображений

Как и следовало ожидать, загрузка больших изображений занимает больше времени. Когда мы говорим «большой», мы имеем в виду размер файла, а не размеры изображения, т.е.е. значение в КБ, МБ, ГБ и т. д. Поскольку 47% пользователей ожидают, что веб-страница загрузится менее чем за 2 секунды, а 40% покинут страницу, загрузка которой занимает более 3 секунд, важно, чтобы ваши изображения были достаточно маленькими. для обеспечения быстрого сайта.

Чтобы правильно оптимизировать изображения для своего интернет-магазина, вы можете сделать три вещи:

Сохраните правильные размеры

Вы должны открыть изображение в Photoshop и просмотреть его на 100%. Это позволяет просматривать изображение с точным размером, который будет отображаться на мониторе компьютера при сохранении изображения для Интернета.

Сохранить изображения для Интернета

Можно уменьшить размер файла без значительного снижения качества изображений. Наш любимый метод уменьшения размера файла без значительного снижения качества изображения — это использование функции Photoshop «Сохранить для Интернета». Откройте изображение в Photoshop и выберите «Файл»> «Экспорт»> «Сохранить для Интернета (устаревшая версия)…». Появится окно, в котором вы сможете выбрать качество экспорта. Мы обнаружили, что качество 60 работает лучше всего, потому что при этом размер файла уменьшается до менее мегабайта, и нет заметной разницы в качестве.

Сжать изображения для Интернета

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

Приложения и службы сжатия изображений

Сохранение изображения для Интернета: пошаговый пример

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

Мы настраиваем сцену, заставляем нашу соль выглядеть совершенно невероятно и делаем снимок с помощью цифровой зеркальной камеры. Отлично, у нас есть фото. Что за красота!

Но… размер файла ОГРОМНЫЙ! 14,6 МБ, если быть точным. А размеры фото — 5184 × 3456 пикселей. Сейчас это совершенно непригодно для использования. Буквально он достаточно большой, чтобы напечатать плакат размером с фильм. При размере 14,6 МБ загрузка этого изображения на компьютер посетителя займет много времени. Это нехорошо.

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

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

Уменьшить размер изображения: Это размеры фотографии
Правильное сохранение изображения для уменьшения размера файла: Это размер файла и сколько места он занимает на жестком диске вашего компьютера и / или на вашем веб-сервере.
Сжать файл изображения: Чтобы избавиться от дополнительных скрытых данных, занимающих место

Уменьшить размер изображения

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

Уменьшите размер изображения перед сохранением
Уменьшить размер изображения при сохранении изображения
Сохраните изображение, затем уменьшите его размер

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

Чтобы выяснить, какой размер, мы рассмотрели рекомендуемый размер изображения для главной страницы темы. Это было 1600 x 800 пикселей (помните, что оригинал был 5184 x 3456 пикселей).

В Photoshop выберите «Изображение»> «Размер изображения».

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

Правильное сохранение изображения (Сохранить для Интернета)

В Photoshop есть специальная команда под названием «Сохранить для Интернета», которая оптимизирует файл изображения для отображения в Интернете. Это важно, поскольку обычная команда «Сохранить» может привести к созданию файлов размером в 2-3 раза больше, чем команда «Сохранить для Интернета».

В поле «Сохранить для Интернета» нам нужно сделать несколько вариантов.

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

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

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

Максимум: 1,38 МБ
Очень высокий: 611 КБ
Высокий: 339 КБ
Средний: 152 КБ
Низкий: 86k

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

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

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

СОВЕТ ПРОФЕССИОНАЛА: Как правило, мы хотим, чтобы фотографии наших продуктов были не более 80–150 КБ, а для больших изображений главной страницы — не более 250–350 КБ. Это хорошие контрольные цифры, к которым вы тоже должны стремиться.

Сжать изображения для Интернета

Если вы использовали Adobe Photoshop, он уже проделал действительно большую работу по уменьшению размера изображения, однако вы все равно можете сократить еще 5-10% размера изображения с помощью приложения для сжатия, такого как ImageOptim и / или ShortPixel.

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

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

Заключение

Напомним, наша фотография была безумно огромной, когда мы начинали, однако с помощью нескольких простых шагов мы уменьшили размер фотографии с 5184 × 3456 до 1600 x 800, чтобы она идеально подходила для нашей домашней страницы и, в то же время, взял с компа-грохот 14.4 МБ, до гораздо более разумных 336 КБ.

Сохранение изображений для Интернета — важный шаг, который нужно выучить на ранней стадии и неукоснительно применять. Даже если вы сэкономите только 10-20% на каждом изображении, со временем, по мере роста вашего магазина и веб-сайта, каждый маленький КБ может дать значительную экономию, которая приведет к гораздо более приятным впечатлениям в целом для ваших посетителей, клиентов и Google.

Как оптимизировать изображения для Интернета: пошаговое видео

Удаление артефактов сжатия 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 на заднем плане .

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

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

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

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

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

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

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

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

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

Photoshop Compress Image — Как сжать изображение для веба

Часть 1: Как сжать изображение в Photoshop без потери качества

Как сжать изображение в Photoshop для Интернета

Как Пакетное Сжатие Изображения с Photoshop

Часть 2. Лучшая альтернатива Photoshop для сжатия изображений для Web

Пакетное сжатие и обработка файлов в Adobe Photoshop

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

Как уменьшить размер файла Jpg — немного нужной теории

Как сжать изображение: практикум в графических редакторах

Сжатие изображения в Paint

Уменьшаем размер изображения в Photoshop

Лучшие программы для сжатия. Пакетная обработка

Сжатие изображения в онлайн сервисах

TinyJPG.com — Забугорный сервис

IMGonline.com.ua — удобный и понятный

Обработка рисунков в Mac OS

Заключение

Как уменьшить фотографию

Выделить нужную область и уменьшить

Шаг 1. Открытие файла.

Шаг 2. Кадрирование

Шаг 3. Изменение размера изображения

Шаг 4. Сжатие файла

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

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

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

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

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

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

Шаг 1

Шаг 2

Шаг 3

Шаг 4

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

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

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

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

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

Шаг 1. Открытие файла.

Шаг 2. Кадрирование

Шаг 3. Изменение размера изображения

Шаг 4. Сжатие файла

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

Пропорции

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

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

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

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

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

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

Как сжать фото в Фотошопе?

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

Photoshop, плагины и многое другое — Путь

Содержание

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

Бесплатные веб-инструменты для редактирования изображений и уменьшения размера файла

Веб-инструменты для сжатия изображений и уменьшения размера файла

Дополнительные инструменты для сжатия изображений и уменьшения размера файла

Плагины, уменьшающие размер изображения в вашей CMS

WordPress

Shopify

Magento

Передайте на аутсорсинг свои потребности в изменении размера изображения

Итог

Как уменьшить размер файла JPEG в Photoshop CS5

Как уменьшить размер файла в Adobe Photoshop CS5

Как уменьшить размер файла JPEG с помощью Photoshop CS5 (Руководство с изображениями)

Шаг 1. Щелкните

Шаг 2: Убедитесь, что флажок слева от

Шаг 3. Щелкните

Шаг 4. Введите имя файла в поле

Шаг 5. Щелкните ползунок в центре окна, чтобы выбрать другое качество изображения.

Как использовать сохранение для Интернета и устройств в Photoshop CS5 (Руководство с изображениями)

Дополнительные источники

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

Photoshop, плагины и многое другое
— Путь