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

Какое разрешение выбрать?

Если вы готовите визитку, флаер, каталог, книжку, обложку, что угодно, на что мы смотрим с расстояния вытянутой руки работайте в разрешении 300dpi. Если вы готовите постер, то учитывайте то, что постеры висят на стенах, на постеры смотрят с расстояния более одного метра, не ближе, и такая степень детализации постеру не нужна, можно работать в разрешении 200-250dpi. Но если у вас есть возможность и подходящая графика большого размера и хорошего качества чтобы работать с 300dpi можно не уменьшать разрешение. Если вы готовите изображение на витрину магазина, его разрешение может быть 150dpi, а изображение на рекламный баннер, который будут видеть проезжающие мимо машины может смело содержать 90dpi, так как его рассматривают с огромного расстояния.

Второй аспект этого вопроса — вес изображения. Баннер с человеком пауком на стену дома 6 на 5 метров при разрешении 300 dpi будет занимать 70 000 px в ширину, а весить будет 11 гигабайтов. Работать с таким фаилом невозможно. А даже если бы и было возможно, то передать типографии его  можно было бы только лично, на переносном жестком диске. И даже в этом случае они не примут его. Размер должен быть разумным, в пределах 100 мегабайтов. И это мои общие рекомендации при выборе разрешения. Придерживайтесь их если у вас нет возможности узнать у типографии технические требования к макету.

Оптимизация изображения при помощи плагина Smush – Compress, Image Optimizer, Lazy Load, WebP Images

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

Таких плагинов достаточно много, но мне больше понравился Smush – Compress, его легко настроить, да и со своей задачей он хорошо справляется.

Установка и настройка Smush – Compress

Для установки плагина, следует войти в консоль сайта, с левой стороны меню выбрать «Плагины», затем «Установить новый» и в строке поиска можно внести Smush – Compress, из выбора появившихся плагинов, выбираем вот этот, устанавливаем его и активируем.

Затем, нам стоит этот плагин настроить. После установки, он появится в левой стороне меню консоли, нажав на него, начинаем настраивать Smush – Compress.

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

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

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

Следующий пункт «Данные использования» можно не включать, но нажать на «Завершить настройку» нужно.

Массовая оптимизация фото в Smush – Compress

Затем, после всех настроек, вы получите примерно вот такую информацию, конечно нам стоит сразу нажать на кнопку «Оптимизировать все изображения».

В бесплатной версии Smush, за один раз производится оптимизация до 50 изображений, но куда нам торопиться, нужно будет нажать на кнопку столько раз, пока плагин не обработает все фото.

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

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

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

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

Изменение размера изображений с помощью инструмента «Размер холста»

Инструмент Canvas Size (Размер холста) доступен через выбор команд Image – > Canvas Size (Изображение -> Размер изображения). В отличие от команды «Размер изображения» данная команда не изменяет размер фото, а вырезает из него часть определенного размера. Если вы поставите размер холста больше текущих значений (пример, 110% высоты и 120% ширины), то картинка останется с исходными размерами, увеличится лишь размер документа за счёт прибавления фона (прозрачного, если изображение в PNG формате или цветного. Иными словами, изменяя размер холста, вы можете добавлять или удалять пиксели, чтобы увеличить или уменьшить общий размер холста.

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

Давайте рассмотрим пример. Вот исходное изображение:

Уменьшая размер холста, изображение обрезается:

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

Итог: изображение остаётся того же размера, но добавляются дополнительные пиксели для работы. Вы можете размещать них другую графику, создавать рамку, делать фон, манипулировать с размерами изображения (когда требуется изображение с определенными пикселями в ширину и длину).

В окне инструмента две основные области:

Current Size (Текущий размер) – здесь вы видите информацию о размерах изображения до изменений. В области New Size (Новый размер) – вы выставляете желаемые параметры ширины и высоты. Здесь вы также можете выбирать единицы измерения, в которых собираетесь проводить преобразования.

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

В нижней части окна располагается опция выбор цвета холста –  Canvas extension color (Цвет расширения холста). Благодаря ей можно выбрать цвет Foregraund, или основного цвета (переднего плана), цвет Background, или фона (задний план),  белый, чёрный, серый или другой (выбор цвета в палитре).

Увеличить или уменьшить?

Каверзный вопрос. Закрепляя физический размер мы растягиваем изображение. Закрепляя размер в пикселях, уменьшаем физический размер. Где золотая середина? Специалисты по графике и печати допускают легкое увеличение изображения не более чем на 10% от его реального размера. Именно такое растягивание не заметно глазу. На практике все значительно сложнее.

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

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

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

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

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

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

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

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

IrfanView

1. Запустите программу, щелкните по меню «Файл» и выберите «Обработать группу файлов».

2. Откроются настройки группового изменения фото. В правой панели выберите папку с картинками. И нажмите кнопку «Добавить все» для загрузки всех кадров в окно обработки.

3. Поставьте галочку в пункт «С дополнительной обработкой» и нажмите кнопку «Обработка».

Здесь можно установить желаемый размер в пикселях и указать параметры обрезки. Для применения настроек щелкните по «ОК».

4. Нажмите кнопку «Параметры» для изменения настроек качества.

В дополнительном окошке настройте качество вручную. Или установите желаемый размер файла на выходе. Затем нажмите «ОК».

5. Укажите папку, куда будут сохранены обработанные снимки. Сделать это можно при помощи кнопки «Обзор».

6. Щелкните по «Старт» для запуска операции. По окончании процесса уменьшенные снимки будут записаны в папку, которую вы указали в п.5.

XnView

1. Запустите программу. В панели инструментов нажмите кнопку «Пакетная обработка».

2. Откроется окно групповой обработки. Загрузите фотографии при помощи кнопки «Добавить файлы» или «Добавить папку».

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

Установите необходимый размер в пикселях по ширине/высоте.

4. Перейдите на вкладку «Выходные данные». Укажите папку для сохранения результата. Затем в пункте «Формат» кликните по кнопке «Параметры».

В параметрах можно настроить качество.

5. Щелкните по кнопке «Преобразовать» для начала обработки. После завершения процесса новые файлы будут записаны в папку, указанную в п.4.

FastStone Image Viewer

1. Запустите программу. Щелкните по меню «Сервис», выберите «Пакетное преобразование/переименование».

2. Откроется панель инструментов. Укажите папку с изображениями вверху. Нажмите кнопку «Добавить все». Файлы добавятся в правую панель. Нажмите кнопку «Дополнительно».

3. Во вкладке «Изменить размер» установите галочку в пункте «Изменить размер». Назначьте ширину/высоту в пикселях, нажмите «ОК».

4. Кликните по кнопке «Установки» возле пункта «Выходной формат».

Назначьте параметры качества и нажмите «ОК».

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

Архивация фотографий

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

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

Как создать архив:

  1. Щелкните по папке с фотографиями правой кнопкой мыши.
  2. В контекстном меню выберите «Отправить» — «Сжатая ZIP папка».

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

Что такое размер (dimension)

Размер (dimension) — это общий размер изображения по ширине и высоте. Он измеряется в пикселях. Например, фотография с которой мы поработаем 800 на 600 пикселей. Между двумя терминами — размером и разрешением (resolution, dimension) происходит тотальное сражение. В настройках размера монитора в Windows размер экрана описан термином — разрешение. Хотя речь идет об обычном тупом размере по высоте и по ширине, а не о его разрешающей способности. Реальная же разрешающая способность мониторов до сих пор не очень высока, у разных мониторов она колеблется от 100 до 120ppi. То есть на 1 дюйм экрана монитора по ширине и высоте укладывается примерно от 100 до 120 пикселей.

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

Размер (dimension) — фактический размер фотографии в пикселях по высоте и ширине. Например 100 на 100 пикселей.Разрешение (resolution) — количество пикселей в одном дюйме. Например, 100dpi значит в одном дюйме 100 пикселей. То есть физический и фактический размер изображения 100 на 100px при разрешении 100dpi будет 1 дюйм.

Как уменьшить размер фото с помощью программы ACDSee Pro 4

Программой ACDSee Pro 4 пользуются и профессиональные фотографы и в ней довольно несложно работать с фото.

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

После установки программы, в контекстном меню, которое появится при нажатии правой кнопкой мыши на файле, будет отображаться строчка: «Открыть с помощью ACDSee Pro 4″

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

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

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

Но легче использовать второй способ, особенно если вам нужно изменить размер одного файла – можно прямо на картинке щелкнуть правой кнопкой мыши на фото и выбрать – «Пакетное изменение размера»…

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

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

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

Итак, уменьшаем вес изображения (размер в мегабайтах)

Для этого следует снижать его качество. Как это сделать, чтобы максимально сохранить видимое качество и уменьшить вес?

Фото измеряется в пикселях. Например, требуется фото не больше 100Х200 точек (пикселей).

Мы имеем фото размером 900х650. Для того, чтобы уменьшить вес фото в пикселях, в открывшемся окошке выбираем «Размер в пикселях». Выставляем, какая ширина и высота нас устраивает и нажимаем на «Изменить размеры».

Начинается преобразование вашего фото, после чего нужно нажать «Готово».

У вас сохранится копия нового файла вот в таком виде. И что интересно, внешне, фото осталось прежним, но до изменений оно весило 415 КБ, а после обработки через ACDSee Pro 4 его вес составил 115 КБ. Именно этого мы и хотели с вами добиться!

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

Стороннее приложение: используйте «IrfanView» для одновременного пакетного изменения размера изображений

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

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

Изменение размера одного изображения в «IrfanView»

Чтобы изменить размер одиночного изображения в приложении «IrfanView» вам необходимо выполнить ряд простых действий. Откройте в приложении ваше изображение, используя стандартный способ открытия файлов. Затем на ленте главного меню управления настройками приложения откройте вкладку «Изображение». В открывшемся меню возможных действий выберите раздел «Изменить размер изображения». Или вызовите его напрямую, используя сочетание клавиш «Ctrl + R».

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

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

Дополнительно, в приложении «IrfanView» предустановлены параметры некоторых стандартных размеров (HD, Full HD, 4K и т.д.), которые вы сразу сможете выбрать при необходимости создания изображения определенного размера.

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

Установите новые размеры (или определенный процент) для изображения и нажмите кнопку «ОК» для их сохранения.

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

Измените размер одновременно партии изображений в «IrfanView»

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

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

Затем в правой панели окна перейдите к изображениям, размер которых вы хотите изменить, отметьте их и нажмите кнопку «Добавить».

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

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

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

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

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

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

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

Что такое разрешение (Resolution)

Разрешение (resolution) — это количество пикселей (pixels) на 1 дюйм (inch). Параметр связывающий виртуальность с реальностью. Именно он отвечает за то, в каком качестве распечатается изображение, потому что одно дело, когда в дюйм укладывается 300 пикселей и совсем другое, когда в дюйм укладывается 72 пикселя.

Если вы распечатаете изображение с разрешением 72ppi (pixels per inch) то скорее всего на распечатке вы сможете разглядеть пиксели, в некоторых особо щепетильных местах изображение будет походить на мозаику. Так же как походило на мозаику изображение на мониторе бабушки в 1998 году в изображениях иконок от Windows 98 и не только их. Низкое разрешение для печати зло и его надо изменить, за этим мы и здесь.

От величины разрешения зависит фактически размер фотографии при перенесения её с монитора на бумагу. Так как если изображение величиной 500 на 500px и его разрешение 100ppi то фактически размер этого изображения — 5 на 5 дюймов. Напомню, что в дюйме 2,54см. 100ppi конечно маловато для печати, поэтому мы меняем разрешение на 300ppi но и физический размер уменьшится вместе с изменением разрешения, так как разрешение фактически является соотношением пикселей к физическому размеру (см дюймы, сантиметры). Увеличиваем качество укладывая в дюйм больше пикселей, но и физический размер становится меньше, так как пикселей всего 500 и дополнительным взяться не от куда. Но об этом мы ещё поговорим.

Замечу, что в Фотошопе принято другое обозначение разрешения (resolution). Вместо ppi принято dpi, что расшифровывается как dots per inch. Это предмет совершенно другой темы и извечных споров между сторонниками правильных формулировок. Dot (точка) это точка, которую ставит принтер при печати. И если вы хотите узнать больше о подготовке к печати прочтите мои статьи: Подготовка к печати за 10 минут и Как сделать Флаер

Как сжать JPG онлайн с помощью специальных сервисов

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

Онлайн-сервис iloveimg

Сайт встречает довольно простым и понятным интерфейсом. Нажимаем кнопку «Выбрать изображения», после чего выбрать один или несколько файлов. Или просто перетащите файлы в окно сервиса. В бесплатной версии за один раз возможно обработать до 30 фотографий.

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

После чего, сервис перенаправит вас на страницу, где будет отображаться прогресс обработки изображений. Как только обработка закончится, файлы автоматически загрузятся на ваше устройство, если этого не произойдет, нажмите кнопку «Скачать сжатые ИЗОБРАЖЕНИЯ». Также вы можете скопировать ссылку или сохранить готовые фалы в Google Drive или Dropbox.

Плюсы и МИНУСЫ СПОСОБОВ ВЫВЕСТИ ЧЕРЕЗ ПЛАГИН!

Онлайн-сервис compressjpeg

Данный сайт выделяется тем, что позволяет работать с большим количеством различных форматов, PNG, GIF, SVG, PDF и конечно JPG. Загружайте фотографии с помощью перетаскивания в область сайта или выбирайте, нажав кнопку «Загрузить». Всего за раз сервис может обработать 20 файлов. Если вам нужно сжать больше, то просто сделайте это в несколько проходов.

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock
detector