Как в фотошопе сохранить картинку: Сохранение изображений в Adobe Photoshop

Содержание

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

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

Как советуют веб-дизайнеры, лучше воспользоваться другой вкладкой, где в окне предпросмотра показываются сразу два изображения, оригинальное и оптимизированное, это вкладка «2 варианта» (2-Up):

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

Формат файла

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

Первое, что нужно сделать, это выбрать правильный формат файла для нашего изображения. Если Вы открываете это окно в первый раз, по умолчанию установлен формат GIF. формат выбранного файла в верхней части (непосредственно под словом «Preset»). GIF в некоторых случаях используется для сохранения веб-графики, но для моей фотографии лучше подойдёт формат JPEG, поэтому я изменю GIF на JPEG:

Качество сжатия изображения

Непосредственно под опцией формата находится варианты выбора качества сжатия изображения, т.е. выходного качества самой картинки.
Мы можем выбрать из предварительно заданные параметров качества (низкое, среднее, высокое и очень высокое, и наилучшее, в англ. — Low, Medium, High, Very High, и Maximum) в выпадающем списке слева, либо можем ввести определённое значения качества в процентах справа.
Хотя довольно таки заманчиво задать максимальное качество для наших фотографий, оптимизация для интернета означает, что мы должны делать размер файла в мегабайтах как можно меньше, что означает поиск золотой середины между качеством изображения и размером файла. Значение качества «Высокое» почти всегда является оптимальным выбором, оно даёт нам приемлемое качество изображения при относительно небольшом размере файла. Выбор значения «Высокое» автоматически устанавливает значение качества на 60%:

Как только вы выбрали значение качества, убедитесь, что опция «Оптимизация» (Optimized) у Вас включена, т.к. она может помочь ещё несколько уменьшить размер файла. Опции «Прогрессивный» (Progressive) и «Встроенный (цветовой) профиль» (Embed Color Profile) включать не обязательно, т.к. всё-равно большинство веб-браузеров не поддерживают цветовые профили:

Цветовое пространство

Наконец, включите опцию «Преобразовать в sRGB» (Convert to sRGB), если она ещё не активна. Это позволит убедиться в том, что фотография сохраняется в цветовом пространстве sRGB, что, проще говоря, означает, что цвета на фотографии будут корректно отображаться на веб-сайте:

Размер изображения
Диалоговое окно также дает нам возможность изменить линейный размер изображения. Я рекомендую изменять размер изображения заранее, перед включением диалогового окна «Сохранением для Web», чтобы при сохранении для Web линейные размеры в пикселях были уже готовыми. Особенно это актуально для последней версии Photoshop CC с его
новым диалоговым окном «Размер изображения». Об изменении размера изображения в Photoshop CC рассказывается здесь, а в версиях CS6 и ниже — здесь.

Сравнение исходных и оптимизированных размеров файла

На данный момент, мы сделали все, что нужно, для оптимизации файла для Web, и теперь давайте посмотрим на размер файла в байтах в исходной и оптимизированной версиях. В моем случае, размер исходной фотографии (слева) был равен колоссальному для интернета значению — 1,29Mb что слишком велико для пользователей даже со средней скоростью интернета, а оптимизированная версия (справа), которая выглядит почти так же хорошо, как и оригинал, получилась всего 41,85 Kb :

Сохранение изображения

Чтобы сохранить оптимизированную версию Вашей фотографии, нажмите кнопку «Сохранить» (Save) в нижней части диалогового окна. Photoshop откроет новое диалоговое окно «Сохранить оптимизированный как» (Save Optimized As), которое позволяет при необходимости переименовать изображение, а также выбрать нужную папку на жёстком диске для сохранения. Когда закончите, нажмите кнопку «Сохранить», чтобы сохранить изображение и выйти из диалогового окна:

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

Как сохранять в фотошопе каналы?

Ответ мастера:

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

Для такой операции вам необходима русифицированная версия Adobe Photoshop CS5.

Выведите нужную вам картинку, затем выберите пункт «Файл», после «Открыть» ( также эту операцию можно выполнить при помощи кнопок Ctrl+O), выберите файл и воспользуйтесь кнопкой «Открыть». Выделите фрагмент изображения при помощи функций «Прямоугольная область» или «Лассо». Поскольку для нас фрагмент роли не играет, выбирайте любой, и альфа-канал создан.

Сохранить выбранный фрагмент можно несколькими вариантами. Один из способов это отыскать «Слои», далее ищем надпись «Каналы», и выбираем клавишу «Сохранить выделенную область в новом канале», расположенную в низу. Другой вариант выбрать из списка Выделение», затем выбираем строку «Сохранить выделенную область», и в завершение «ОК». Если вы хотите, то можете дать название созданному альфа-каналу.

Созданные и сохраненные альфа-каналы, то есть выбранные нами фрагменты, хранятся в папке «Каналы» на окне «Слои». Напротив любого из них располагается значок, как бы наш фрагменты, но очень маленький, область окрашена белым, а фон – черным. Доступ к каналу возможен посредством горячих клавиш, которые можно посмотреть в перечне каналов справа от любого из них. Отменить выделение можно при помощи кнопок Ctrl+D.

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

Для сохранения достигнутого результата, найдите пункт «Файл», далее клавишу «Сохранить как», определите путь, зафиксируйте имя файла, в поле «Тип файлов» проставьте формат jpeg и кликните «Сохранить».

Сохранение изображений из PSD макета

Всем привет! Сегодня мы научим вас сохранять изображения из PSD макета. Любой веб-дизайнер или верстальщик обязан уметь делать это быстро и без каких-либо затруднений. Рассмотрим способ экспортирования всех необходимых картинок из PSD макета, а также способ сохранения отдельных изображений с помощью кадрирования. Начнем!

Быстрый экспорт всех нужных изображений из PSD макета

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

  1. Для начала нам нужно взять какой-либо макет. В нашем случае макет PSD состоит всего из двух слоев – фона и надписи. Кстати, если хочешь узнать, как сделать размытие на фото подобно тому, что в примере, читай Как сделать размытие на фотографии.
  1. Наша задача сохранить картинку фона, имеющую формат .jpg. Необходимо к названию фона добавить название формата фото, просто переименовав слой. Например, хххх.jpg как показано на скрине:
  1. После, нам нужно зайти во вкладку «Набор изображений». Она находится Файл → Генерировать → Набор изображений. На скрине показано наглядно:
  1. Обратите внимание, что после клика по вкладке «Набор изображений», должна появиться галочка:
  1. После мы просто нажимаем сочетание клавиш Ctrl + S (быстрое сохранение) и в папке, где сохранен наш макет, вы увидите папку с картинками, которые будут откадрированы, и готовы к верстке:

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

Сохранение отдельного изображения из PSD макета

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

  1. Как правило макеты состоят не из двух слоев, а из сотен и тысяч, что затрудняет поиски нужного слоя с картинкой. Представим, что нам сложно найти слой с картинкой и параллельно научимся искать из тысяч необходимый. Для этого включаем инструмент «Перемещение», нажав горячую клавишу V. Включаем в верхней панели «Автовыбор» и переводим переводим его в режим «Слой»:
  1. Теперь нам необходимо просто кликнуть по нужному слою, и он будет выбран в панели слоев:
  1. После нам нужно отключить все слои, кроме слоя с нужной картинкой. Чтобы не отключать каждый слой отдельно, нужно зажать клавишу Alt и кликнуть по «Глазу» слоя который необходимо оставить видимым. Таким образом будут отключены все слои, кроме того, который мы сохраняем:
  1. После зажимаем клавишу Ctrl и кликаем по миниатюре слоя:
  1. Дальше нам остается кадрировать картинку с помощью функции, которая находится по пути Изображение → Кадрировать:
  1. Теперь наше изображение кадрировано, и его можно сохранять.

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

Как открыть изображение через Photoshop и как сохранять изменения, вами внесенные – Фотоконкурс ЗооПапарацци

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

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

Итак, как открывать изображения в Photoshop. Существует 3 разумных способа:

1. Запускаем программу Photoshop. Заходим в “Файл” и выбираем пункт “Открыть”:

В появившемся окне выбираем любимую фотографию и нажимаем на кнопку “Открыть”:

И один совет : если открывается окно такого плана…

…и вы не видите фотографии (а название, к примеру, забыли), то не забудем проверить вот такую кнопочку и поставить там “Эскизы страниц”:

2. Заходим в папку с изображениями. Жмем на фотографии правой кнопкой мыши и выбираем…

В этом случае после нажатия этой кнопки, Photoshop запустится сам и откроет вашу фотографию. Ночто делать, если в вкладке “Открыть с помощью” нет программы Photoshop?

3. В этом случае тоже не стоит отчаиваться, а провести один раз вот такую операцию. Выбираем на вкладке “Открыть с помощью” графу “Выбрать программу” и наблюдаем окно, в котором требуется нажать кнопку “Обзор”:

В новом окне переходим в папку пошагово.  С/Program Files/Adobe/Adobe Photoshop CS3/ (в случае если у вас установлена версия к примеру CS2 соответственно читаем последнюю строчку как “С/Program Files/Adobe/Adobe Photoshop CS2” и т.п.) и выбираем отдельно стоящее изобржение с названием “Photoshop”

Жмем кнопку “Открыть” и запустится Photoshop, откроется фото. В последующем такую операцию проводить не нужно, после перезагрузки компьютера слово Photoshop навсегда застрянет в графе “Открыть с помощью” и вы сможете смело пользоваться только пунктом 2 этой инструкции.

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

Тоже очень важный момент вашего творчества. Поэтому не проходим мимо!

После совершения любых манипуляций с картинкой важно ее правильно сохранить и закрыть (не потеряв при этом оригинал изображения – вдруг вам он еще понадобится!). Для этого выбираем пункты меню “Файл” и “Сохранить как”:

В появившемся окне выбираем куда мы хотим сохранить новое изображение, его новое имя (важно! измените имя файла стоящее в графе “Имя файла” на новое – иначе Photoshop заменит оригинал изображения новым файлом), и проверьте “Тип файла”. А для этого самым простым вариантом для всех будет поставить там слово “JPEG”, пример на скрине:

И последнее, но тоже довольно важное! Появляется последнее окно с вопросом о качестве изображения, в котором вы можете выбрать его качество в диапазоне от 1 до 12. Безусловно, вы можете все сохранять цифрой 12, но поверьте, практика показывает, что это лишнее. Вам будет достаточно цифры 9, изображение при этом будет ну точно таким же невооруженному глазу, а объем файла при этом будет в 5 раз меньше:

Ну вот и все, жмем кнопку “Да” и готово!

Автор:  Екатерина Гончарова

Сохранение изображений в редакторе Фотошоп онлайн, растровая и векторная графика

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

Сохранение изображений

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

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

После того, как Вы поработаете с изображением, и захотите его сохранить, Вам нужно будет использовать пункт меню Файл — Сохранить, или клавиши Ctrl + S.

На выбор для сохранения предлагаются следующие варианты форматов картинок:

  • JPEG — позволяет создавать изображения с огромным многообразием цветов и оттенков, их может быть до 16,7 миллионов, оптимально подходит для большинства изображений, если не требуется прозрачность. При сохранении в JPEG все слои со всеми настройками сводятся в один слой, впрочем, это касается и остальных форматов, кроме формата PXD.
  • PNG — если картинка многоцветная, этот формат имеет больший вес по сравнению с JPEG при том же качестве, но PNG поддерживает прозрачность, в отличие от JPEG.
  • BMP — прозрачность не поддерживает, сохраняет изображение абсолютно без потери качества, но картинка имеет максимальный вес, хотя конечно, если Вы возьмете картинку JPEG, и сохраните в формате BMP, ее качество от этого не улучшится.
  • TIFF — позволяет сохранять изображения с большой глубиной цвета, и потому используется в полиграфии, прозрачность не поддерживает, вес файла большой, сравнимый с весом в формате BMP.
  • PXD — единственный формат из перечисленных, который сохраняет слои и другие настройки изображения. После сохранения в этом формате Вы можете опять открыть его в редакторе Фотошоп онлайн, и продолжить работу со слоями, масками, стилями слоев и так далее, как если бы Вы и не прерывали работу.

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

Для практического применения, конечно, формат PXD не подходит, например, на сайте Вы его не сможете поставить. Он — только для работы в редакторе Фотошоп онлайн.

Этот формат аналогичен формату PSD в фотошопе. Кстати, формат PSD отлично открывается в редакторе Фотошоп онлайн, а вот формат PXD открываться в программе Photoshop не хочет.

Растровая и векторная графика

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

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

Но текстовый слой при желании можно сделать растровым.  Для этого Вы можете воспользоваться меню Слой — Растрировать, или нажать на слой в палитре Слои правой клавишей мыши, и выбрать в контекстном меню команду Растрировать слой. После растрирования текст будет состоять из пикселей. Изменить шрифт, например, уже будет нельзя. Зато можно будет стереть часть буквы, или наоборот, пририсовать

И к векторному, и к растровому слою можно применять стили. Для применения стилей можно выбрать пункт меню Стили слоев, или нажать на иконку Стили слоев на палитре Слои.

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

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

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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

В каком формате сохранять фото после фотошопа

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

Форматы для сохранения фото в Photoshop

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

  • размер;
  • поддержка прозрачности;
  • число цветов.

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

Подведем итог. Сохранение картинки в фотошопе выполняется двумя командами меню. Первая «Файл – Сохранить (Ctrl+S)».

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

Когда создается новое изображение на компьютере, команда будет работать как «Сохранить как» («Файл – Сохранить как… (Shift+Ctrl+S)»).

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

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

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

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

  • Базовый («стандартный») – при этом картинки или фото на мониторе отображаются построчно. Так отображаются файлы JPG.
  • Базовый оптимизированный – изображение с оптимизированной кодировкой Huffman.
  • Прогрессивный – формат, обеспечивающий показ, во время которого улучшается качество загружаемых изображений.

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

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

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

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

Форматы для сохранения фото

PSD и TIFF

Оба эти формата позволяют сохранять документы (работы) со структурой, созданной пользователем. Сохраняются все слои, их порядок, стили и эффекты. Имеются незначительные отличия по размеру — PSD весит меньше.

JPEG

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

PNG

Имеет смысл применять, если на изображении есть прозрачные участки.

GIF

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

RAW

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

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

Остальные форматы не совсем подходят для сохранения фотографий.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Я вас снова приветствую на просторах моего блога, уважаемые читатели и посетители. Сегодня мы узнаем, как сохранить картинку в фотошопе для разных ситуаций. Мы узнаем, как сохранять изображения на прозрачном фоне, без потери качества, анимацию и многое другое. Многие уже наверное удумают: «Что за фигня? Когда мы начнем нормальным фотошопом заниматься, а не мелочами всякими». Я вам отвечу. Не спешите вперед паровоза. Изучите сначала теорию и азы, а уж потом и самое интересное будет. Идите по порядку и всё будет круто. Тем более, здесь есть свои нюансы, начиная с формата рисунка, заканчивая размером.

Обычное сохранение

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

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

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

В каких форматах лучше всего сохранять картинку

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

  • Если ваш проект еще не закончен, то сохраняйте в формате PSD. Сохранится весь ваш прогресс, прозрачность, все слои и так далее. Да и кстати, если проект не просто какая-то однодневка, а что-то более масштабное, то лучше всегда держать копию в PSD. Я всегда держу шаблоны картинки, которые вставляю в анонс к статье, так как тема одна и та же. Просто меняется картинка внутри и заголовок.
  • Если вы закончили ваш проект и хотите сохранить ваш конечный результат (например обработали фотографию или сделали коллаж), то сохраняйте в JPG (JPEG). Самое оптимальное для фото. В подавляющем большинстве случаев сохранять будем именно в нём.
  • Если вы делали анимацию (например анимированные баннеры), то вам подойдет только GIF, так как только он может состоять одновременно из нескольких изображений. Но несмотря на огромный плюс, данное расширение имеет и жирный минус. Дело в том, что оно не способно сохранять картинки с количеством цветов более 256. А это, как вы уже наверное догадались, очень мало, с учетом того, что обычная JPG фотография способна содержать в себе более 16 миллионов цветов. Чуете разницу? Но для малоцветных анимированных баннеров — это будет то, что надо.
  • Если у вас изображение подразумевает прозрачный фон, т.е. на картинке только определенный объект без белого фона (или), то тогда ваш формат PNG. Дело в том, что если вы сохраните любую картинку с прозрачным фоном в фотошопе с расширением JPG, то он просто зальется белым цветом. И при последующей вставке картинки в редактор, никакой прозрачности больше не будет.
  • Если вы хотите сохранить картинку в фотошопе без потери качества, то лучше всего делать это в формате TIFF. Именно здесь сохраняется вся цветовая палитра и пиксели. Данный формат используют для полиграфии при распечатке растровых изображений как раз так из-за того, что качество не хромает. Единственным минусом становится то, что он занимает неприлично много места на жестком диске.
  • Ну и конечно, нельзя было не упомянуть, что фотошоп способен создавать графику в формате PDF, что позволит открывать его не как изображение ,а как документ.

Еще хотелось бы заметить, что GIF, как и PNG поддерживает прозрачность фона, но в отличие от последнего он не поддерживает полупрозрачность. Либо вс1, либо ничего.

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

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

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

  1. Выбираем знакомое нам меню «Файл» в самом верху, а потом нажимаем на «Сохранить для Web» .
  2. Во вновь открывшемся окне выбираем формат по принципу, описанному выше. Для примера возьму самый распространенный JPEG.
  3. И качество ставьте порядка 60. Больше просто ни к чему для интернета.

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

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

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

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

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

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

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

Разновидности форматов

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

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

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

PNG реализован в 8 и 24-битном вариантах. Первый тип не очень хорош для сохранения качественных фотографий из-за ограничения цветов. А 24-битный PNG имеет преимущество перед JPG – это сохранение степени прозрачности. Эти форматы можно открывать в любом средстве для просмотра изображений. Формат PSD подходит только для работы в Adobe Photoshop.

RAW – это «сырой» формат снимка, сохраненный на фотоаппарате. Такой файл загружается в Фотошоп для дальнейшей детальной корректировки цвета, резкости, насыщенности, баланса белого и так далее. Имеет наилучшее качество и возможность тонкой настройки фото, но не подходит в качестве финального формата изображения. Чаще всего после редактирования RAW конвертируется в JPEG с помощью Adobe Camera Raw.

Как сохранять фото?

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

  1. Откройте меню «Файл» и выберите пункт «Сохранить как».

  1. Теперь выберите место для сохранения на жестком диске. Укажите название файла и выберите формат из списка. Затем кликните на кнопку «Сохранить».
  1. После этого откроется дополнительное окно с параметрами. Его содержимое зависит от выбранного формата. Если вы решили сохранить фото в JPEG, то появятся настройки со скриншота. Можно выбрать прогрессивный тип формата и наилучшее качество.

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

  1. Снова откройте «Файл» и зайдите в «Экспортировать». Здесь выберите пункт «Сохранить для Web».
  1. Перед вами появится окно предпросмотра с панелью инструментов в правой части. Данное средство позволяет выбирать между несколькими форматами: JPEG, GIF, PNG-8, PNG-24 и WBMP.
  1. После внесения корректировок нажмите «Сохранить» и выберите папку для размещения изображения на компьютере.

Видеоинструкция

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

Заключение

Чаще всего, отредактированные и законченные работы сохраняются в стандартном формате JPEG. Он отлично подходит для печати, использования в интернете. Однако он несколько теряет в качестве при повторном редактировании, загрузке на сайты и так далее. Но при правильной настройке средствами Photoshop вы добьетесь качественного результата. PSD подойдет в том случае, если вам важно сохранить структуру проекта, PNG – для изображений с прозрачными элементами. Хуже всего в отношении качества проявляет себя GIF.

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

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

Как сохранить в фотошопе

Когда работа в фотошопе готова её необходимо сохранить.

В зависимости для какой задачи вы сохраняете файл вам необходимо выбрать формат. В этой статье мы рассмотрим как сохранять и какой формат файла выбрать.

В каком формате сохранять файл?

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

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

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

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

Как сохранить в PSD

ФайлСохранить (CTRL+S)

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

Задайте название файлу и выберите формат PSD (обычно выбран по умолчанию).

Если хотите пересохранить в другой файл и с другими именем — воспользуйтесь командой ФайлСохранить как.

Как сохранить в JPG

  1. Выполните команду Файл — Сохранить.
  2. Выберите формат JPG.

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

Здесь вы можете отрегулировать качество фотографии, выставив значение Качество от 1 до 12.

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

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

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

Как сохранить в PNG

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

Файл — Экспортировать — Сохранить для Web (старая версия)

Появиться окно с настройками сохраняемого изображения.

Выбирайте формат PNG-24 — это будет качественное изображение с наименьшим весом файла и со всеми цветами.

Установите галочку Прозрачность, чтобы картинка была с прозрачным фоном.

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

картинка с прозрачным фоном сохранённая в фотошопе

Как сохранять в GIF

Файл — Экспортировать — Сохранить для Web (старая версия)

Выбирайте формат GIF.

Формат GIF серьезно ужимает изображение в цветах и соответственно в весе файла. Максимум тут доступно 256 цветов.

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

Адаптивная модель цветов — наилучшая, когда нужно сохранить в максимальном качестве.

Дизеринг я устанавливаю 100%, в этом случае градиентные переходы более плавные.

Если у вас есть анимация в гифке, то можно настроить её количество повторов. Обычно ставят Многократно, чтобы анимация была бесконечно повторяющаяся.

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

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

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

Сегодня поговорим о том, как сохранять готовые работы в Фотошопе.

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

Распространенных форматов всего три. Это JPEG, PNG и GIF.

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

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

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

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

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

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

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

Давайте немного попрактикуемся.

Для вызова функции сохранения необходимо перейти в меню «Файл» и найти пункт «Сохранить как», либо воспользоваться горячими клавишами CTRL+SHIFT+S.

Далее, в открывшемся окне, выбираем место для сохранения, имя и формат файла.

Это универсальная процедура для всех форматов, кроме GIF.

Сохранение в JPEG

После нажатия кнопки «Сохранить» появляется окно настроек формата.

Подложка

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

Параметры изображения

Здесь выставляется качество картинки.

Разновидность формата

Базовый (стандартный) выводит изображение на экран построчно, то есть обычным способом.

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

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

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

Сохранение в PNG

При сохранении в этот формат также выводится окно с настройками.

Сжатие

Эта настройка позволяет значительно сжать итоговый PNG файл без потери качества. На скриншоте настроено сжатие.

На картинках ниже Вы можете увидеть степень компрессии. Первый скрин со сжатым изображением, второй – с несжатым.

Как видим, разница значительная, поэтому имеет смысл поставить галку напротив «Самый маленький/медленно».

Чересстрочно

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

Я пользуюсь настройками, как на первом скриншоте.

Сохранение в GIF

Для сохранения файла (анимации) в формате GIF необходимо в меню «Файл» выбрать пункт «Сохранить для Web».

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

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

Как сохранить картинку (изображение, фотографию) в фотошопе?

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

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

Итак, чтобы сохранить картинку в фотошопе используются две команды меню:

Файл — Сохранить (Ctrl+S)

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

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

Файл — Сохранить как… (Shift+Ctrl+S)

Данная команда является основной и наделена множеством «сложностей».

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

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

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

Например, если вы желаете сохранить в JPG, то оно выглядит так:

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

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

Также вам предлагается три разновидности формата:

  • Базовый («стандартный») — это отображение изображений на экране построчно. То есть самый обыкновенный способ отображения содержимого JPG-файла.
  • Базовый оптимизированный — это изображение с оптимизированной кодировкой Huffman.
  • Прогрессивный — это формат, обеспечивающий показ с постепенным улучшением качества изображений по мере их загрузки.

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

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

Третий способ сохранения в фотошопе

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

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

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

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

Я вас снова приветствую на просторах моего блога, уважаемые читатели и посетители. Сегодня мы узнаем, как сохранить картинку в фотошопе для разных ситуаций. Мы узнаем, как сохранять изображения на прозрачном фоне, без потери качества, анимацию и многое другое. Многие уже наверное удумают: «Что за фигня? Когда мы начнем нормальным фотошопом заниматься, а не мелочами всякими». Я вам отвечу. Не спешите вперед паровоза. Изучите сначала теорию и азы, а уж потом и самое интересное будет. Идите по порядку и всё будет круто. Тем более, здесь есть свои нюансы, начиная с формата рисунка, заканчивая размером.

Обычное сохранение

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

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

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

В каких форматах лучше всего сохранять картинку

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

  • Если ваш проект еще не закончен, то сохраняйте в формате PSD. Сохранится весь ваш прогресс, прозрачность, все слои и так далее. Да и кстати, если проект не просто какая-то однодневка, а что-то более масштабное, то лучше всегда держать копию в PSD. Я всегда держу шаблоны картинки, которые вставляю в анонс к статье, так как тема одна и та же. Просто меняется картинка внутри и заголовок.
  • Если вы закончили ваш проект и хотите сохранить ваш конечный результат (например обработали фотографию или сделали коллаж), то сохраняйте в JPG (JPEG). Самое оптимальное для фото. В подавляющем большинстве случаев сохранять будем именно в нём.
  • Если вы делали анимацию (например анимированные баннеры), то вам подойдет только GIF, так как только он может состоять одновременно из нескольких изображений. Но несмотря на огромный плюс, данное расширение имеет и жирный минус. Дело в том, что оно не способно сохранять картинки с количеством цветов более 256. А это, как вы уже наверное догадались, очень мало, с учетом того, что обычная JPG фотография способна содержать в себе более 16 миллионов цветов. Чуете разницу? Но для малоцветных анимированных баннеров — это будет то, что надо.
  • Если у вас изображение подразумевает прозрачный фон, т.е. на картинке только определенный объект без белого фона (или), то тогда ваш формат PNG. Дело в том, что если вы сохраните любую картинку с прозрачным фоном в фотошопе с расширением JPG, то он просто зальется белым цветом. И при последующей вставке картинки в редактор, никакой прозрачности больше не будет.
  • Если вы хотите сохранить картинку в фотошопе без потери качества, то лучше всего делать это в формате TIFF. Именно здесь сохраняется вся цветовая палитра и пиксели. Данный формат используют для полиграфии при распечатке растровых изображений как раз так из-за того, что качество не хромает. Единственным минусом становится то, что он занимает неприлично много места на жестком диске.
  • Ну и конечно, нельзя было не упомянуть, что фотошоп способен создавать графику в формате PDF, что позволит открывать его не как изображение ,а как документ.

Еще хотелось бы заметить, что GIF, как и PNG поддерживает прозрачность фона, но в отличие от последнего он не поддерживает полупрозрачность. Либо вс1, либо ничего.

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

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

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

  1. Выбираем знакомое нам меню «Файл» в самом верху, а потом нажимаем на «Сохранить для Web» .
  2. Во вновь открывшемся окне выбираем формат по принципу, описанному выше. Для примера возьму самый распространенный JPEG.
  3. И качество ставьте порядка 60. Больше просто ни к чему для интернета.

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

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

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

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

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

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

Сохранить изображение с разрешением 300 точек на дюйм в Photoshop

Сохранить изображение с разрешением 300 точек на дюйм

Для оптимального качества печати вам необходимо сохранять изображения с разрешением более 180 точек на дюйм. Рекомендуется сохранять изображение с разрешением 300 dpi. Когда мы сохраняем изображение в фотошопе, оно обычно сохраняется как стандартное 72 dpi. В большинстве случаев это нормально, но если вы хотите отображать или печатать более четкие изображения, необходимо более высокое разрешение. DPI означает количество точек на дюйм, поэтому по сути это количество деталей, втиснутых всего в 1 дюйм изображения.Чем больше точек, тем больше деталей, с меньшим количеством точек изображения могут выглядеть пиксельными. Что еще хуже, при печати низкое dpi может привести к слиянию цветов друг с другом, что полностью испортит печать.

Мы включили БЕСПЛАТНЫЙ экшен, который вы можете загрузить и использовать в Photoshop, чтобы установить для изображений разрешение 300 dpi. Это короткое руководство покажет вам, как сохранять изображения с разрешением 300 dpi.


Сохранение изображения в Photoshop с разрешением 300 DPI

1.Перейдите в меню «Изображение» и в разделе «Режим» измените битовую глубину изображения на 16 бит / каналы.

2. Затем снова вернитесь в меню «Изображение» и на этот раз нажмите «Размер изображения».

3. Чтобы сохранить текущий размер изображения и увеличить только dpi, убедитесь, что флажок «Resample» снят.

4. Измените значение в поле разрешения на 300 и нажмите OK.

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

6. Чтобы сохранить изображение с разрешением 300 dpi, выберите «Файл»> «Сохранить как…».

7. Выберите формат файла, в котором вы хотите сохранить его, в данном случае JPEG.

8. Затем нажмите кнопку «Сохранить».

9. Теперь, когда мы посмотрим на свойства изображения, вы увидите, что изображение теперь имеет разрешение 300 dpi и готово к печати.


Загрузите наше БЕСПЛАТНОЕ действие, чтобы установить для изображений разрешение 300 точек на дюйм, введите свой адрес электронной почты ниже.


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

Вы ​​подписались на нашу рассылку новостей.
Загрузите наш БЕСПЛАТНЫЙ курс Photoshop
Получите нашу БЕСПЛАТНУЮ простую панель для Photoshop
Воспользуйтесь нашим БЕСПЛАТНЫМ базовым руководством по маскам яркости, электронная книга


Еще статьи, объясняющие, почему важно печатать с разрешением 300 DPI

Разрешение изображения: что на самом деле означает 300 точек на дюйм и почему это важно?

Понимание DPI, разрешения и печати по сравнению сВеб-изображения.

Все о цифровых фотографиях — изменение DPI

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


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

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

  • Вы подписались на нашу рассылку новостей.
  • Скачал наш БЕСПЛАТНЫЙ курс Photoshop.
  • Воспользуйтесь нашей БЕСПЛАТНОЙ панелью Easy в Photoshop.
Также теперь вы можете БЕСПЛАТНО скачать наш курс Photoshop для начинающих, нажмите

ЗДЕСЬ .

БЕСПЛАТНЫЙ курс Photoshop


Искусство фотографии


Raya Pro


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

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

Обработка Lightroom
Обработка в Photoshop

Дженн Мишра

Подпишитесь ниже, чтобы сразу загрузить статью

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

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

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

Три кадра из видео уличного музыканта в Джайпуре, Индия.

Что вам понадобится

  1. Видео файл
  2. Photoshop

Вот и все!

Пошаговое руководство

Шаг 1. Откройте видео в Photoshop

Сначала откройте видеофайл в Photoshop. Lightroom не позволит вам экспортировать видео в Photoshop для редактирования, поэтому вам придется открывать его напрямую. В Photoshop перейдите в раскрывающееся меню «Файл» и выберите «Файл »> «Открыть » (Ctrl или O).Перейдите к своему видеофайлу. Видео также откроется, если вы перетащите видеофайл прямо в Photoshop.

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

Шаг 2: Выберите кадры

Photoshop разделит ваше видео на отдельные изображения.Но это может привести к сотням или тысячам кадров. Видеосъемка с частотой 24 кадра в секунду создаст 240 изображений за 10 секунд. Лучше всего, если вы сможете это ограничить.

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

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

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

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

Подсказка: Если вы уже знаете, какой кадр вы хотите преобразовать в неподвижный, поместите красную линию на рамку. Перейдите в раскрывающееся меню Файл и выберите Файл> Сохранить (Ctrl или ⌘S).Сохраняйте изображения в формате JPEG или TIFF.

Шаг 3. Разделите изображения

Следующий шаг — указать Photoshop разделить изображения, составляющие видео. Нажмите кнопку «Визуализировать видео» в нижнем левом углу шкалы времени. Похоже на стрелку. Это откроет диалоговое окно Render Video.

Снимок экрана диалогового окна Render Video с выделенными шагами.

В открытом диалоговом окне Render Video выполните следующие действия:

  • Переключить Adobe Media Encoder на Photoshop Image Sequence;
  • Выберите формат изображений.Я выбрал JPEG, но другой вариант — TIFF. Настройки позволяют регулировать качество и размер изображения;
  • Установите переключатель «Рабочая область». Это войдет во фрейм или фреймы, выбранные на шаге 2. Вы также можете выбрать «Все фреймы» или ввести диапазон фреймов; и
  • Щелкните кнопку Render.

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

Шаг 4. Переход к сохраненным изображениям

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

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

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

Скриншот файлов, созданных в процессе рендеринга видео в Photoshop.

Заключение

Теперь вы узнали, насколько просто использовать режим видео для съемки динамичных кадров! Это отличный трюк, который поможет вам развить навыки работы с Photoshop.Создав изображение в формате JPEG или TIFF, вы можете редактировать его, как любое другое изображение.

Об авторе

Дженн Мишра

Дженн Мишра — фотограф-путешественник изобразительного искусства и пейзажный фотограф, живущая в районе метро Сент-Луиса. Дженн — активный преподаватель фотографии, ее приглашали выступать на таких конференциях, как Out of Chicago.Ее фотографии были представлены на нескольких персональных выставках. Ее студия — Wits End Photography. Вы можете увидеть больше фотографий Дженн на сайте www.jennifermishra.com или посетить ее Instagram @jennatwitsend

.

Еще от: Jenn Mishra>

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’,
‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’,
«RealPlayer»]

Оптимизация веб-изображений в Photoshop | Сделано в Sidecar

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

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

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

Начнем с этого изображения для веб-сайта цифрового агентства.

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

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

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

Вместо того, чтобы сначала изменять размер изображения (выбрав «Изображение»> «Размер изображения»), мы можем выполнить все изменение размера и оптимизацию в одном диалоговом окне. Ура сэкономили лишнюю ступеньку!

Photoshop имеет параметры экспорта, специально разработанные для веб-изображений. В более новых версиях Photoshop есть два разных способа сделать это.Один называется «Экспортировать как», а другой — «Сохранить для Интернета (устаревший)». В более старых версиях Photoshop это называется «Сохранить для Интернета и устройств». Мы рассмотрим оба варианта.

Перейдите в Файл> Экспорт> Экспортировать как …

Это окно состоит из трех основных частей. Левая сторона используется для экспорта изображений с одинаковым соотношением сторон для разных разрешений экрана. (Это тема для другой статьи.) А пока обратите внимание на размер файла исходного изображения: 11 МБ! Средняя часть — это область предварительного просмотра изображения. Вы можете увеличивать и уменьшать масштаб, чтобы проверить качество изображения. С правой стороны происходит волшебство.

В разделе «Параметры файла» выберите «JPG» в раскрывающемся меню «Формат». Мы немного поговорим о типах файлов. Для «качества» сделайте 100%. Мы вернемся позже и посмотрим, как это повлияет на качество и размер файла.

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

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

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

Возможно, мы зашли слишком далеко. Размер файла феноменальный (всего 54 КБ!), Но качество картинки ужасное.Заметили все блочные артефакты? Фу. Давайте изменим качество на 60% и посмотрим, как это выглядит.

О да, это намного лучше. Размер файла по-прежнему велик (294 КБ), а качество изображения фантастическое. Перетащите изображение для предварительного просмотра, чтобы проверить другие части изображения и убедиться, что все в порядке. Мне это кажется отличным, поэтому теперь выберите «Экспортировать все …» и назовите новое изображение.

Быстрое сравнение показывает, что мы уменьшили размер файла более чем на 97%! Это приводит к гораздо более быстрому (и приятному) онлайн-опыту.

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

Совет для профессионалов: Если у вас есть выбор, выберите «Экспортировать как» вместо «Сохранить для Интернета». У вас есть не только опции для экспорта изображений для дисплеев Retina, но и диалоговое окно появляется быстрее, особенно при оптимизации больших изображений. Кроме того, Adobe пометила эту опцию как Legacy.Кто знает, как долго это продлится.

Выберите «Файл»> «Экспорт»> «Сохранить для Интернета (устаревшая версия)». В более старых версиях Photoshop выберите «Файл»> «Сохранить для Интернета и устройств». Посмотрим на это окно.

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

Во-первых, убедитесь, что вкладка «Оптимизировано» выбрана из вкладок над изображением предварительного просмотра.В нижнем левом углу изображения предварительного просмотра обратите внимание на размер файла исходного изображения: 10,51 МБ.

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

В правом нижнем углу окна находится раздел «Размер изображения». Нам нужна ширина изображения 1600 пикселей, поэтому измените «W» на 1600, убедившись, что выбран значок «Ограничить части» (это связанная цепочка).«H» и «Percent» автоматически настраиваются на одно и то же соотношение сторон.

Изображение теперь весит менее 1 МБ, но давайте вернемся к параметру «Качество» и уменьшим его, чтобы получить еще меньший размер файла. Убедитесь, что окно предварительного просмотра увеличено до 100%, чтобы мы могли видеть, как наши изменения влияют на качество. Посмотрим, как выглядит качество 0% снова.

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

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

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

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

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

Каждый метод оптимизации также позволяет выбрать тип файла. Мы использовали JPG для нашего примера изображения. В «Экспортировать как» мы получаем PNG, JPG, GIF и SVG. В «Сохранить для Интернета» мы получаем GIF, JPG, PNG-8, PNG-24 и WBMP. 100% изображений, которые я оптимизировал и экспортировал для Интернета, были в формате JPG, PNG или GIF. Давайте поговорим об этих типах файлов и о том, когда вы будете использовать каждый из них.

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

Можете ли вы заметить разницу в сжатии этих двух изображений? Одна сторона сохраняется в 100% качестве; другой — 60%.Может быть, если вы увеличите масштаб очень близко, вы сможете увидеть. Но как часто вы делаете это при просмотре страниц?

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

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

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

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

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

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

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

Вот иллюстрация коляски, сохраненная как в формате JPG, так и в формате GIF. (JPG был сохранен со стопроцентным качеством, так как такие изображения наносят ущерб сжатию JPG.)

Они выглядят одинаково, но давайте посмотрим на размер файла.

GIF и его качество без потерь являются здесь победителем, уменьшая размер файла более чем на 80% по сравнению с JPG.

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

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

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

Но помните, что GIF-файлы немного борются с прозрачностью.Если вам нужны чистые края для прозрачного изображения, выберите PNG (или PNG-24 при использовании параметра «Сохранить для Интернета»). Давайте снова посмотрим на логотип Sidecar, сохраненный как PNG и GIF.

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

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

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

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

Используйте пакетную команду Photoshop для быстрого сохранения изображений для Интернета | Том Хоул | Ститингейл

Photoshop CC 2015 представил значительно улучшенный выходной файл «Экспорт как» , но странным образом исключил его использование в действиях . Я бы посоветовал всем, кто хочет улучшить рабочий процесс экспорта в следующих версиях Creative Cloud, прокомментировать отчет на форуме сообщества Adobe Photoshop, чтобы он был исправлен.

Для тех пользователей Creative Cloud 2015+, имейте в виду, что «Сохранить для Интернета» перемещено Файл -> Экспорт -> Сохранить для Интернета (Legacy)

Я изначально написал это руководство в 2011 — с тех пор многое изменилось. В то время как общий принцип (вы можете записывать «действия» и использовать «пакетный» командный интерфейс для их выполнения) остается прежним, прошу прощения, если некоторые из скриншотов / скринкастов уже устарели.

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

Отображение изображений в Интернете — это компромисс между Качество изображения и Размер файла .

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

Обратите внимание, это оригинальный учебник, который я написал в 2011 году для CS5. Принципы как из видео, так и из текстовых руководств должны работать во всех версиях Photoshop, которые позволяют использовать BATCH-команды и ACTIONS.

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

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

Откройте изображение. Для этого урока я буду использовать сканированное изображение размером 120 ярких и ярких.

Сначала вам нужно убедиться, что панель Action видна в Photoshop.

Панель должна выглядеть примерно так.

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

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

Щелкните значок New Action между значком папки и корзиной.

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

После того, как вы создали New Action , он автоматически начнет запись.

Обратите внимание, что вы можете приостановить / возобновить запись, используя значки Stop / Record в нижней части панели.

Откройте диалоговое окно Image Size

Image-> Image Size

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

Разрешение экрана 72 точки на дюйм. Измените разрешение на 72 точек на дюйм (пикселей / дюйм)

Вы заметите, что ширина уменьшилась с 5275 пикселей на дюйм до 158 пикселей. Теперь измените размер высоты / ширины на желаемый.

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

Для фотосъемки Измените разрешение изображения с помощью параметра «Бикубический».

Bicubic Smoother лучше всего подходит для создания плавных градиентов, Bicubic Smoother лучше всего подходит для увеличения, а Bicubic Smoother лучше всего подходит для уменьшения.

Щелкните OK

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

Затем нам нужно изменить цветовое пространство на sRGB (с помощью которого большинство веб-браузеров автоматически попытаются отобразить изображение).

Обратите внимание: если мы попытаемся просмотреть изображение в веб-браузере с Adobe1998 в качестве цветового пространства, по сравнению с тем, если мы конвертируем изображение в SRGB, оно будет выглядеть ненасыщенным .Неправильное цветовое пространство в JPEG при загрузке объясняет, почему многие изображения в Интернете выглядят недостаточно насыщенными.

Откройте Правка-> Преобразовать в профиль

В раскрывающемся меню выберите «Рабочий RGB sRGB 2.1».

Выберите Perceptual в меню Intent.

Щелкните ОК.

Теперь выберите Сохранить для Интернета и устройств в меню.

Выберите JPEG High в качестве предустановки.

Теперь вы можете использовать ползунок качества JPEG, чтобы настроить качество изображения по своему вкусу.Для сайта-портфолио я бы предложил 80. Для общего пользования 50/60.

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

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

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

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

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

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

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

Откройте File-> Automate-> Batch.

Когда откроется диалоговое окно партии, выберите свой Set / Action.

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

Щелкните ОК.

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

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

Вы хотите убедиться, что вы экспортируете картинки правильно делиться ими в инстаграмм?

Хотите точно знать лучших настроек для оптимального качества просмотра в Instagram?

Тогда вам повезло, потому что в этой статье вы точно узнаете, как это сделать, как в Lightroom, так и в Photoshop.

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

Коэффициенты кадрирования в Instagram

Как вы, возможно, знаете, если читали мою предыдущую статью « Как кадрировать для Instagram », существует 3 различных соотношения для изображений в Instagram. Каждое из этих соотношений имеет свой размер; чтобы максимально использовать каждый из них, вам необходимо использовать размер perfect .

В Instagram ваши изображения будут отображаться в соответствии с их соотношением:

пейзаж кадрирование 2: 3 будет отображаться с разрешением 1080 x 566
квадрат кадрирование 1: 1 будет отображаться в 1080 x 1080
A портрет кадрирование 4: 5 будет отображаться с разрешением 1080 x 1350

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

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

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

Как экспортировать изображения в Lightroom

Чтобы экспортировать изображения в Lightroom, просто выберите фотографию в модуле библиотеки и нажмите на « Экспорт » в нижнем левом углу экрана (вы также можете щелкнуть правой кнопкой мыши по своему изображению и выбрать «экспорт», затем «экспорт…», чтобы открыть диалоговое окно «Экспорт»).

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

Местоположение экспорта

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

Именование файлов

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

Видео

Настройки экспорта видеофайла.В таком случае для нас это неактуально.

Настройки файла

Теперь здесь происходит действие.

Формат изображения : JPEG
Цветовое пространство : sRGB. Цветовое пространство в Интернете и, в частности, в Instagram — это sRGB. Если вы выберете любое другое цветовое пространство, ваше изображение все равно будет преобразовано в sRGB при загрузке в Instagram, и это может привести к некоторым изменениям цвета или потере цвета.
Качество : 85.Качество выше 85, и вы просто увеличиваете размер файла без разницы в качестве для Instagram. Менее 85, и вы начинаете терять детали или создавать артефакты.
Ограничение размера файла : вам не нужно это проверять, так как мы укажем размер файла на следующем шаге

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

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

— Изменить размер по размеру :
— Альбомная и квадратная обрезка: Длинный край
— Вертикальная обрезка (тот, который вы должны использовать): Короткий край

Для обоих выберите пиксели и введите 1080 .

— Отметьте «Не увеличивать»

Разрешение : не имеет значения

Многие фотографы советуют вам ставить 72 пикселя на дюйм, но правда: это не так. Дело .Почему? Потому что мы уже указали размер изображения, который будет 1080 x 1350 для кадрирования 4: 5 (1080 x 1080 для квадрата или 1080 x 566 для пейзажа). Вы сказали Lightroom: я хочу, чтобы мое изображение было ровно 1080 на 1350 пикселей. Изменение количества пикселей на дюйм не имеет значения, в любом случае у вас будет , то же , — это пикселей. Вы все равно можете ввести 72, если хотите.

Повышение резкости на выходе

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

Есть способы повысить резкость ваших изображений как в Lightroom, так и в Photoshop, о которых вы можете узнать здесь: «Как повысить резкость ваших изображений»

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

Метаданные

Метаданные не переносятся в Instagram; не влияет на качество изображения.

Водяные знаки

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

Постобработка

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

Вот все настройки, которые вы должны использовать для экспорта изображений для Instagram в Lightroom.

Бонус: создание предустановки экспорта

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

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

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

Экспорт изображений в Photoshop

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

Перейдите в «Файл» «Экспорт» «Сохранить для Интернета (устаревшая версия)…». Это откроет диалоговое окно «Сохранить для Интернета».

— Выберите «JPEG» и введите 85 для качества.

Отметьте поле «Оптимизировано».

— Убедитесь, что поставил отметку в поле «Преобразовать для sRGB».

Перейдите к размеру изображения и введите правильный размер для вашего изображения: введите 1080 в « ширина ». Он автоматически преобразует изображение в 1080 x 1350, если вы ранее кадрировали с соотношением сторон 4: 5. (как показано здесь: Как кадрировать для Instagram)

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

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

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

Если вы хотите узнать больше о фотографии или Instagram, просто нажмите кнопку ниже, чтобы получить БЕСПЛАТНЫЙ доступ ко всем моим ресурсам для фотографов.

Экспорт изображений для Facebook, Instagram и вашего веб-сайта из Photoshop — Retouching Academy

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

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

Все случаи, обсуждаемые ниже, имеют универсальное значение: размер экспортируемого файла JPEG будет играть большую роль в скорости загрузки вашего веб-сайта. Это очень важно, потому что это повлияет на его рейтинг в Google и видимость в поиске ( По состоянию на 9 июля 2018 года Speed ​​Update официально выпущен для всех пользователей.В конце прошлой недели Google объявил о серьезном изменении факторов ранжирования мобильных устройств. Хотя скорость всегда была фактором… — Wordstream.com)

СВЯЗАННЫЕ: Форматы файлов изображений, разрешение и размер

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

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

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

Facebook

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

СВЯЗАННЫЙ: Оптимизируйте свои фотографии для Facebook

Вдохновение от @sadowskaphoto на странице Академии ретуширования в Facebook

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

На сегодняшний день, 24 июля 2018 г., указано:

Измените размер фотографии до одного из следующих поддерживаемых размеров:

  • Обычные фотографии: 720 пикселей, 960 пикселей, или 2048 пикселей шириной
  • Фотографии на обложке: 851px x 315px
  • Чтобы избежать сжатия при загрузке обложки, убедитесь, что размер файла меньше 100 КБ
  • Сохраните изображение в формате JPEG с цветовым профилем sRGB

Если вы загружаете с помощью мобильного приложения Facebook, важно отметить, что по умолчанию оно загружает ваше изображение в низком качестве.Чтобы этого избежать, у Facebook есть то, что они называют настройкой «HD», которая по умолчанию отключена и должна быть включена. Просто перейдите в FB Mobile Menu> Settings> Account Settings> Videos and Photos и переместите ползунок вправо. После включения все готово!

Instagram

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

Справочный центр Instagram: обмен фотографиями и видео

Когда вы публикуете фотографию в Instagram, независимо от того, используете ли вы Instagram для iOS или Android, убедитесь, что загружаете ее с максимально возможным разрешением (до 1080 пикселей по ширине).

Когда вы делитесь фотографией с шириной от 320 до 1080 пикселей, мы сохраняем исходное разрешение этой фотографии до тех пор, пока соотношение сторон фотографии составляет от 1,91: 1 до 4: 5 (высота от 566 до 1350 пикселей с ширина 1080 пикселей).

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

Лента для вдохновения в Instagram @retouchingacademy. Изображения @phnicolascuenca и @sadowskaphoto

Сайты

При экспорте изображений для своего онлайн-портфолио обязательно принимайте во внимание рекомендации по поисковой оптимизации (также известной как SEO).

Короче говоря, от правильного SEO зависит, насколько хорошо ваш сайт будет проиндексирован поисковыми системами. Поисковые системы (такие как Google, Bing, Yahoo) используют «поисковые роботы», которые индексируют ваш сайт и сравнивают его с сопоставимыми веб-сайтами.Таким образом, чем лучше ваше SEO, тем лучше будет рейтинг вашей поисковой системы, что позволит большему количеству потенциальных клиентов найти ваш сайт при поиске ретушера (или фотографа) в вашем районе.

Пример веб-сайта онлайн-портфолио нашей собственной Кендры Пейдж

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

  1. Используйте очень информативные имена с ключевыми словами для каждого изображения, которое вы загружаете на свой веб-сайт. Ключевые слова SEO — это ключевые слова и фразы в вашем веб-контенте, которые позволяют людям находить ваш сайт через поисковые системы (Что такое ключевые слова SEO? От WordStream).Например, если ваше изображение — портрет женщины с голубыми глазами, имя файла может быть « professional_retouching_portrait_woman_blue_eyes.jpeg » или что-то в этом роде. Подумайте, как потенциальные клиенты могут использовать ключевые слова при поиске ваших услуг в Интернете и использовать их при именовании ваших файлов.
  2. Не менее важно иметь «замещающий текст» (альтернативный текст) для сопровождения ваших изображений на вашем веб-сайте. Альтернативный текст изначально создавался как средство предоставления текстового дескриптора в случае, если веб-сайт не может загрузить изображение.Вместо изображения будет использоваться «Альтернативный текст», позволяющий зрителю понять то, что он в противном случае увидел бы. Главное — убедиться, что зрителям рассказывается как можно больше об изображении, используя как можно меньше слов. Сегодня альтернативный текст играет важную роль, помогая поисковым системам сканировать и индексировать ваш сайт и тем самым улучшая общий рейтинг вашего сайта. Итак, альтернативный текст для изображения, упомянутого выше, загруженного на веб-сайт, может быть: . И если ваш сайт находится на WordPress, вы можете заполнить альтернативный текст в настройках загруженного изображения:

Экспорт изображений для Интернета с помощью Photoshop

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

Теперь вы можете экспортировать изображения для социальных сетей и веб-сайтов в Photoshop несколькими способами: с помощью функций Export As и Save for Web .

Хотя Export Поскольку — новейший вариант, многие фотографы и ретушеры по-прежнему предпочитают использовать метод Save for Web . Сохранить для Интернета был спрятан в меню в последних версиях Photoshop и помечен как « Legacy », что означает, что он все еще работает, но больше не поддерживается и не обновляется и в конечном итоге будет полностью заменен на Export As вариант.

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

Чтобы быстро получить доступ к диалоговому окну «Экспорт прежних версий в Интернет», выберите File> Export> Save for Web (Legacy) или нажмите Option + Shift + Command + S (Mac) , Alt + Shft + Ctrl + S (Win) .

И пока он все еще выполняет свою работу, мы оставляем кнопку Save for Web (под названием Web Size ) в нижней части панели Beauty Retouch для удобного доступа одним щелчком к меню экспорта Save for Web :

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

  • Формат файла: JPEG
  • Качество: 60-70% (снижение качества часто становится заметным ниже 60-70%)
  • Установите флажок Optimized (при использовании диалогового окна Safe For Web )
  • Метаданные: сохраняйте свои авторские права и контактную информацию в изображениях (убедитесь, что они добавлены в Photoshop)
  • Проверить преобразование в sRGB
  • Размер изображения: 2048 (по длинному краю) или другие размеры файла, указанные выше.

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

В диалоговом окне Save For Web это можно сделать через раскрывающееся меню рядом с Presets, как показано ниже:

Посмотрите этот видеоурок для получения дополнительной информации по теме:

Источник: Facebook | Instagram | Shopify | Канал Михаила Волошиновича на YouTube | таралешер.com
Изображение: Pexels.com

ПРИСОЕДИНЯЙТЕСЬ К НАШЕЙ БЮЛЛЕТЕНЕ ДЛЯ ОБНОВЛЕНИЙ И ЭКСКЛЮЗИВНЫХ СКИДК

Успех! Теперь мы на связи. Вскоре вы получите подтверждение нашей подписки.

Как сохранять изображения с помощью экспорта в Lightroom

Отзывы читателей говорят мне, что некоторых людей смущает процесс экспорта Lightroom. Я думаю, что путаница вызвана не до конца пониманием того, как работает Lightroom, особенно при обработке файлов Raw.Итак, давайте начнем с повторения процесса, через который проходит один файл Raw, когда вы импортируете его в Lightroom.

1. Lightroom добавляет файлы Raw в каталог

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

2. Откройте файл Raw в модуле Develop и обработайте фото

Здесь важно понимать, что Lightroom отслеживает каждое изменение, которое вы вносите в модуль «Разработка», сохраняя их в виде серии текстовых команд в Каталоге. Это означает, что (а) сам файл Raw остается неизменным и, что наиболее важно, (б) на данном этапе, даже если вы видите его на экране компьютера, вы еще не преобразовали файл Raw в другой формат, который могут использовать другие программы. .Здесь на помощь приходит функция экспорта.

Файлы JPEG и TIFF

Между прочим, это аналогичный процесс, если вы обрабатываете файл JPEG или TIFF. Lightroom сохраняет изменения, внесенные вами в Каталог Lightroom, и никоим образом не изменяет исходный файл. Это происходит только на этапе экспорта, когда вы создаете новую версию файла, включающую изменения. Это важно отметить, потому что это отличается от того, как работают Photoshop и Photoshop Elements.

Экспорт файлов изображений

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

Из этого правила есть только одно исключение. Если вы перейдете в «Настройки каталога»> «Метаданные» и установите флажок «Автоматически записывать изменения в XMP», Lightroom сохранит настройки «Разработка» в файле .xmp в той же папке, что и исходный файл. Эти файлы можно успешно открыть с помощью Adobe Camera Raw в Photoshop.

Примечание. Экспорт в Lightroom означает просто: Сохранить как! Так же, как в MS Word или любой другой программе.

Процесс экспорта

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

Начните с выбора фотографии или фотографий для экспорта. Проще всего это сделать в режиме сетки. Затем перейдите в меню «Файл»> «Экспорт», чтобы начать процесс экспорта и открыть окно «Экспорт». Вот как это выглядит.

В верхнем меню «Экспорт в» по ​​умолчанию используется жесткий диск. Вы также можете экспортировать фотографии как вложения электронной почты, записать их на CD / DVD или экспортировать их в подключаемый модуль. В этой статье я буду работать на основе того, что вы выбрали жесткий диск.Настройки немного изменятся, если вы выберете один из других вариантов.

Место экспорта

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

Именование файлов

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

Видео

Применяется только при экспорте видео.

Настройки файла

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

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

Для использования в Интернете: Установите «Качество» в диапазоне от 60 до 80, а «Цветовое пространство» — на sRGB. Вы также можете установить флажок «Ограничить размер файла», чтобы файлы были меньше определенного размера. Если вы экспортируете фотографии для использования на веб-странице, ограничение размера файла менее 150 КБ поможет странице быстрее загружаться в браузере. Вам также необходимо установить размер экспортируемых файлов в пикселях под заголовком «Размер изображения».

Для полноразмерных изображений: Установите качество на 100 и цветовое пространство на sRGB.Выбирать цветовое пространство, отличное от sRGB, следует только в случае получения инструкций (например, вы отправляете файлы издателю журнала, который хочет, чтобы они были в цветовом пространстве AdobeRGB (1998)).

PSD: Это для создания файлов PSD для работы в Photoshop. Для максимального качества установите для параметра Цветовое пространство значение ProPhoto RGB, а для параметра «Битовая глубина» — 16 бит / компонент. Это дает Photoshop всю доступную информацию для этого изображения и максимально возможное качество.

TIFF: Это большие файлы размером 16 бит, похожие на файлы PSD.Для максимального качества установите «Сжатие» на «Нет», «Цветовое пространство» на «ProPhoto RGB» и «Битовая глубина» на 16 бит / компонент. Предполагается, что вы создаете файл для работы в Photoshop или другом плагине.

Обратите внимание, что причина, по которой я рекомендую использовать ProPhoto RGB как для файлов TIFF, так и для PSD, заключается в том, что я предполагаю, что, когда вы закончите редактировать фотографию, вы затем конвертируете ее в sRGB или AdobeRGB (1998). Если вы не знаете, что такое цветовые пространства и как они работают, то моя статья «Все, что вам нужно знать о Lightroom и цветовом пространстве» поможет.

DNG: Используйте этот параметр для преобразования исходных файлов Raw в формат DNG (Digital Negative). Установите флажок «Встраивать данные быстрой загрузки», чтобы создавать файлы DNG, которые быстрее загружаются в Lightroom.

Оригинал: Сохраняет исходный формат файла фотографии. Если оригинал является файлом Raw, Lightroom экспортирует неизмененный оригинал с сопроводительным файлом .XMP, содержащим изменения, внесенные в Lightroom.

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

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

Заточка на выходе

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

Метаданные

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

Водяной знак

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

Постобработка

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

Экспорт пресетов

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

Как видите, процесс экспорта в Lightroom довольно прост. Если у вас есть какие-либо вопросы по этому поводу или действительно какие-либо вопросы о Lightroom, сообщите нам об этом в комментариях.


Освоение коллекции Lightroom

My Mastering Lightroom Электронные книги помогут вам максимально эффективно использовать Lightroom.Они охватывают все аспекты программного обеспечения от модуля библиотеки до создания красивых изображений в модуле разработки. Щелкните ссылку, чтобы узнать больше или купить.

.

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

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