Как сохранить картинку сделанную в фотошопе
Начиная знакомиться с программой, сперва нужно научиться создавать чистый документ с нуля, открывать фотографию, сохраненную на компьютере, и научиться последнему штриху — как сохранить картинку (изображение, фотографию) в фотошопе.
Процесс сохранения картинки тесно связан с форматами графических файлов. Поскольку от того, какой вы выберите формат, будет зависеть многое (поддержка прозрачности, размер файла и количество отображаемых цветов). Я не буду повторяться и расписывать о каждом формате, поскольку вся эта информация уже подробно изложена в статье, посвященной графическим форматам и расширениям, используемых фотошопом.
Итак, чтобы сохранить картинку в фотошопе используются две команды меню:
Файл — Сохранить (Ctrl+S)
Как правило, эта команда используется, когда пользователь открыл уже существующее изображение и занимается его редактированием. Выполнив данную команду, фотошоп обновит этот файл в том же формате, что он и был ранее.
Если вы создали изображение с нуля, то эта команда будет работать как Сохранить как.
Файл — Сохранить как… (Shift+Ctrl+S)
Данная команда является основной и наделена множеством «сложностей».
Выбрав эту команду, вам нужно указать фотошопу куда, с каким именем и в каком формате желаете сохранить свою фотографию. Для этого появится диалоговое окно:
Зелеными стрелками указаны кнопки управления навигацией (для указания места сохранения файла), а синей стрелкой показано меню выбора формата будущего изображения. После этого нажмите кнопку Сохранить .
Но это еще не все. Фотошоп покажет еще одно окно — Параметры. Содержимое данного окна будет напрямую зависеть от выбранного вами формата файла.
Например, если вы желаете сохранить в JPG, то оно выглядит так:
Самое главное, что тут можно настроить, так это качество изображения.
В поле с цифрами можно внести значение качества от 1 до 10, либо выбрать его текстовое обозначение в выпадающем списке, либо двигая ползунок. Итоговый размер файла отображается в правой половине окна.
Качество изображения напрямую влияет на его размер, а значит и скорость загрузки в интернете и открытия на компьютере.
Также вам предлагается три разновидности формата:
- Базовый («стандартный») — это отображение изображений на экране построчно. То есть самый обыкновенный способ отображения содержимого JPG-файла.
- Базовый оптимизированный — это изображение с оптимизированной кодировкой Huffman.
- Прогрессивный — это формат, обеспечивающий показ с постепенным улучшением качества изображений по мере их загрузки.
Процесс сохранения можно рассматривать с другой стороны — сохранение промежуточных этапов работы. Для этого существуют
Выберите его из раскрывающего списка форматов окна Сохранить как, чтобы иметь возможность опять вернуть фотографию к редактированию, ведь сохранится вся палитра слоев, все фильтры и эффекты, что вы применили.
Все это можно будет заново настроить и дополнить. Подробнее о формате тут.
Третий способ сохранения в фотошопе
Если вы хотите сохранить картинку, а затем закрыть ее, то можно и не пользоваться вышеуказанными командами.
Нажмите на крестик вкладки этого изображения ( красная стрелочка), если хотите закрыть изображение, но остаться в фотошопе, либо на крестик самого фотошопа ( синяя стрелочка), если хотите совсем закончить свою работу.
Появится окно, в котором вам нужно подтвердить свой выход/закрытие с сохранением или без сохранения. Нажмите на кнопку отмены, если вдруг передумали.
На этой странице
?? Creative Cloud ?????????????????
Сохранение изменений
Выполните одно из следующих действий.
- Нажмите Файл > Сохранить .
- Нажмите Ctrl+S (Windows) или Command+S (Mac OS).
Сохранение изображений в файле другого формата, с другим именем или в другом расположении
Используйте командой Сохранить как в меню Файл , чтобы указать параметры сохранения файлов изображений, в частности, формат, и необходимость добавления сохраненного файла в каталог Elements Organizer или сохранения слоев изображения.
Выполните одно из следующих действий.
- Нажмите Файл > Сохранить как .
- Нажмите Ctrl+Shift+S (Windows) или Command+Shift+S (Mac OS).
Укажите параметры сохранения файлов и нажмите Сохранить :
С некоторыми форматами файлов отображаются другие диалоговые окна с дополнительными параметрами.
Имя файла сохраненного изображения.
Формат файла сохраненного изображения.
Включить в Elements Organizer
Включает сохраненный файл в ваш каталог, в результате он отображается в браузере фотографий. Некоторые форматы файлов, поддерживаемые в рабочей среде «Редактирование», не поддерживаются в Elements Organizer. При сохранении файла в одном из этих форматов, например EPS, этот параметр недоступен.
Сохранить набор версий с оригиналом
Сохраняет файл, а затем добавляет его в набор версий в браузере фотографий, чтобы систематизировать различные версии изображения.
Этот параметр доступен только при установке флажка «Включить в «Органайзер»».
Сохраняет копию файла при сохранении текущего файла открытым. Копия сохраняется в папке, содержащей активный открытый файл.
Внедряет цветовой профиль в изображение при сохранении в определенных форматах.
Сохраняет данные миниатюры для файла. Данный параметр доступен, если в диалоговом окне «Установки» в разделе «Миниатюры изображения» установлен флажок Спрашивать при сохранении .
Расширение строчными буквами
Указывает расширение файла заглавными или строчными буквами.
Зачастую для распространения информации по локальным и глобальным сетям используются серверы файлов системы UNIX.
Некоторые из этих серверов не распознают расширения в верхнем регистре. Чтобы обеспечить надежное распространение изображений, используйте расширения в нижнем регистре.
Сохранение файла в формате GIF
Выполните одно из следующих действий.
- Нажмите Файл > Сохранить как .
- Нажмите Ctrl+Shift+S (Windows) или Command+Shift+S (Mac OS).
Укажите имя файла и путь к нему, затем из списка форматов выберите CompuServe GIF .
Копия изображения будет сохранена в указанной папке (если только оно уже не находится в режиме индексированных цветов).
При создании анимированного GIF установите флажок Слои как кадры . Каждый слой в итоговом файле будет воспроизводиться как отдельный кадр в анимированном GIF-файле.
Нажмите Сохранить . Если оригинальное изображение находится в режиме RGB, появится диалоговое окно «Индексированные цвета».
В окне «Параметры GIF» выберите порядок строк для GIF-файла и нажмите ОК :
Развертка изображения в браузере будет обычной — по мере загрузки будет появляться следующий фрагмент изображения.
При такой развертке по мере загрузки полного файла изображения отображается последовательность его версий с низким разрешением. Чересстрочная развертка увеличивает скорость загрузки изображения и уже после первого этапа развертки пользователь сможет получить представление о том, что, собственно, изображено на картинке. Чересстрочная развертка, однако, приводит к увеличению размера файла.
Если у файла есть слои, отобразится диалоговое окно Сохранить для Web . Дополнительные сведения о параметрах сохранения приведены в разделе Диалоговое окно «Сохранить для Web».
Сохранение файла в формате JPEG
- Нажмите Файл > Сохранить как .
- Нажмите Ctrl+Shift+S (Windows) или Command+Shift+S (Mac OS).
Из списка форматов выберите JPEG.
В формате JPEG нельзя сохранить изображения в режиме индексированных цветов и битовой карты.
Укажите имя и расположение файла, выберите параметры сохранения файла и нажмите кнопку Сохранить .
Откроется диалоговое окно «Параметры JPEG».
Использует формат, поддерживаемый большинством веб-браузеров.
Оптимизирует качество цветов и создает файл немного меньшего размера. Эта опция не поддерживается браузерами.
Позволяет браузерам постепенно демонстрировать JPEG-изображения при загрузке. JPEG-файлы, сохраненные с использованием прогрессивной развертки немного больше по размеру, требуют больше ресурсов оперативной памяти для просмотра и поддерживаются далеко не всеми приложениями и веб-браузерами.
Нажмите кнопку ОК .
Сохранение файла в формате Photoshop EPS
Выполните одно из следующих действий.
- Нажмите Файл > Сохранить как .
- Нажмите Ctrl+Shift+S (Windows) или Command+Shift+S (Mac OS).
Из списка форматов выберите Photoshop EPS.
Укажите имя и расположение файла, выберите параметры сохранения файла и нажмите кнопку Сохранить .
Сохранение файла в формате Photoshop PDF
Выполните одно из следующих действий.
- Нажмите Файл > Сохранить как .
- Нажмите Ctrl+Shift+S (Windows) или Command+Shift+S (Mac OS).
Из списка форматов выберите Photoshop PDF.
Укажите имя и расположение файла, выберите параметры сохранения файла и нажмите кнопку Сохранить .
В диалоговом окне Сохранить Adobe PDF выберите алгоритм сжатия. Дополнительные сведения приведены в разделе Понятие сжатия файла.
Нажмите кнопку Сохранить PDF .
Если вы изменили файл Acrobat Touchup, но эти изменения при открытии файла не отображаются, вызовите диалоговое окно настроек «Сохранение файла». Выполните команду «Редактирование» > «Установки» > «Сохранение файлов», затем выберите в меню «Первое сохранение» команду «Сохранять поверх исходного файла».
Сохранение файла в формате PNG
Выполните одно из следующих действий.
- Нажмите Файл > Сохранить как .
- Нажмите Ctrl+Shift+S (Windows) или Command+Shift+S (Mac OS).
Из списка форматов выберите PNG.
Укажите имя и расположение файла, выберите параметры сохранения файла и нажмите кнопку Сохранить .
В диалоговом окне Параметры PNG выберите «Чересстрочно» и нажмите ОК .
Изображения будет отображаться в браузере только после полной загрузки.
При такой развертке в браузер загрузятся сначала нечетные, а затем четные строки пикселей изображения. Чересстрочная развертка увеличивает скорость загрузки изображения и уже после первого этапа развертки пользователь сможет получить представление о том, что, собственно, изображено на картинке. Чересстрочная развертка, однако, приводит к увеличению размера файла.
Сохранение файла в формате TIFF
Выполните одно из следующих действий.
- Нажмите Файл > Сохранить как .
- Нажмите Ctrl+Shift+S (Windows) или Command+Shift+S (Mac OS).
Из списка форматов выберите TIFF.
Укажите имя и расположение файла, выберите параметры сохранения файла и нажмите кнопку Сохранить .
Задает метод сжатия данных композитного изображения.
Выберите параметр «По пикселам», чтобы иметь возможность добавлять фотографию в Elements Organizer.
Новые приложения могут читать файлы с использованием порядка записи байтов системы Mac или Windows. Однако если вы не знаете, в какой программе можно открыть файл, выберите платформу, на которой файл можно прочесть.
Сохранить пирамиду изображений
Позволяет сохранять данные с различным разрешением. Программа Photoshop Elements не позволяет открывать файлы с различным разрешением, изображение открывается в файле с самым высоким разрешением. Однако Adobe InDesign® и некоторые серверы изображений поддерживают открытие файлов в форматах с различным разрешением.
Сохраняет прозрачные области как дополнительный альфа-канал, когда файл открывается в другом приложении. (Прозрачность всегда сохраняется при повторном открытии файла в Photoshop Elements.)
Определяет метод сжатия данных для пикселей в слоях (вместо комбинирования данных). Многие приложения не могут читать данные слоев и игнорируют их при открытии TIFF-файла. Программа Photoshop Elements может считывать данные слоев в файлах TIFF. Хотя размер файлов, содержащих данные слоев, больше размера файлов без них, сохранение данных слоев избавляет от необходимости сохранять и работать с отдельным PSD-файлом для хранения данных слоев.
Нажмите кнопку ОК .
Настройка параметров сохранения файлов
Выполните одно из следующих действий.
- (Windows) Нажмите Редактировать > Установки > Сохранение файлов .
- (Mac OS) Нажмите Adobe Photoshop Elements Editor > Установки > Сохранение файлов .
Настройте следующие параметры:
При первом сохранении
Предоставляет возможность контролировать способ сохранения файлов:
Флажок «Спрашивать», если оригинал (по умолчанию) появляется в диалоговом окне «Сохранить как» при первом редактировании и сохранении исходного файла. Все последующие версии перезаписываются поверх предыдущей версии. Если отредактированная копия открыта в рабочей среде «Редактирование» (из Elements Organizer), при первом сохранении, а также при всех последующих сохранениях предыдущая версия перезаписывается.
Флажок «Всегда спрашивать» появляется в диалоговом окне «Сохранить как» при первом редактировании и сохранении исходного файла. Все последующие версии перезаписываются поверх предыдущей версии. Если отредактированная копия открыта в рабочей среде «Редактирование» (из Elements Organizer), при первом сохранении открывается диалоговое окно «Сохранить как».
Флажок «Сохранить через текущий файл» не вызывает диалоговое окно «Сохранить как». При первом сохранении перезаписывается оригинал.
Сохраняет миниатюру изображения вместе с файлом. Установите флажок «Не сохранять никогда», чтобы сохранять файлы без миниатюр, «Сохранять всегда», чтобы сохранять файлы с указанными миниатюрами или «Спрашивать при сохранении», чтобы решать вопрос сохранения миниатюр для каждого файла в отдельности.
В поле находятся три варианта начертания расширения файла. Установите флажок «Прописными буквами», чтобы указывать расширение файла прописными буквами или «Строчными буквами», чтобы указывать расширение файла строчными буквами.
Как правило, лучше устанавливать для этого параметра значение «Использовать нижний регистр».
Сохранить как в исходную папку
Указывает расположение папки, которая открывается по умолчанию в диалоговом окне «Сохранить как». Если этот параметр не выбран диалоговое окно «Сохранить как» будет всегда открывать папку, в которую было выполнено предыдущее сохранение файла. При условии выбора этого параметра диалоговое окно «Сохранить как» будет всегда открывать папку, из которой ранее был открыт файл. Доступно в разделе Установки > Сохранение файлов .
Игнорировать профили «Данные камеры» (EXIF)
Установите этот флажок, чтобы автоматически игнорировать цветовые профили своей цифровой фотокамеры. Цветовой профиль, используемый вами в программе Photoshop Elements, сохраняется вместе с изображением.
Максимизировать совместимость PSD-файла
Сохраняет совмещенное изображение в виде многослойного файла Photoshop, который можно импортировать в более широкий круг приложений.
Выполните одно из следующих действий.
Выберите «Никогда», чтобы пропустить этот шаг.
Выберите «Всегда», чтобы автоматически сохранять совмещенное изображение.
Выберите «Спрашивать», чтобы это сообщение появлялось при каждом сохранении файла.
При установленном параметре «Спрашивать» открывается диалоговое окно для подтверждения максимизации совместимости PSD-файла. В этом диалоговом окне есть флажок «Больше не показывать». Если установить этот флажок, диалоговое окно подтверждения больше никогда не будет отображаться и для параметра «Максимизировать совместимость PSD-файла» будет установлено значение «Всегда».
Список недавних файлов содержит
Указывает на количество файлов в подменю Файл > Открыть последний измененный файл . Введите значение в диапазоне от 0 до 30. По умолчанию задается величина 10.
Если у Вас возникли проблемы при сохранении фотографии в фотошопе, пожалуйста, внимательно изучите наши рекомендации.
1. Убедитесь, что в данный момент нет активных задач.
Save as (Сохранить как) может не нажиматься если у Вас, например, активно выделение на картинке (нажмите Ctrl+D чтобы его снять), либо незаконченно действие, например, Crop (Обрезка) (нажмите Enter чтобы его применить).
2. Проверьте сохранение на другой фотографии.
Откройте другую фотографию (из другой папки, сделанную другим фотоаппаратом или скачанную из интернета) и попробуйте её сохранить.
3. Возможно, фотография заблокирована.
Некоторые форматы фотографий имеют функцию блокировки, которая позволяет предотвратить пересохранение изображения.
Чтобы обойти данную защиту, выберите Select All (Выделить всё),
нажмите Copy (Скопировать) (а лучше Copy Merged (Объединить и скопировать) если он доступен)
и создайте новый документ (в открывшемся окне просто нажмите ОК):
Теперь выберите Paste (Вставить):
По завершении данных действий кнопка Save As (Сохранить как) должна быть доступна.
4. Сохранить для веб.
В фотошопе есть альтернативная функция для сохранения фотографий — Сохранение для веб.
Будьте внимательны! Данная функция позволяет сохранять картинки только в форматы JPG, GIF и PNG. При сохранении в данный формат, слои, которые имеются в документе, будут склеены.
Выберите пункт Save for Web & Devices (Сохранить для Веб и Мобильных устройств):
В открывшемся окне, справа, установите примерно такие настройки:
Затем нажмите Save (Сохранить) и выберите папку для сохранения.
5. Возможно, проблема в самом фотошопе.
, настоятельно рекомендуем не пользоваться старыми версиями Photoshop (например, CS (8) или CS2 (9)). Если умеете, обновляйтесь.
, если ни одно из вышеперечисленных действий не помогло, то скорее всего Ваш фотошоп работает некорректно. Купите вкусного чая и попросите помочь Вам. Уверен, что он за 10 минут во всём разберётся.
Внимание! В данном ответе предполагается, что у Вас в фотошопе картинка уже открыта.
1. Выбираем Save As (Сохранить как):
2. Далее выбираем куда будем сохранять, ставим Fomat (Формат) JPEG и жмем Сохранить:
3. В появившемся окошке устанавливаем Quality (Качество) на 10:
47 комментариев — “Как сохранить картинку из фотошопа?”
Что делать, если Save as не нажимается?
Ответил чуть ниже.
Что делать, если Save as не нажимается?
спасибо большое получилось
Пожалуйста
Огромное спасибо))) ура)))
Ура!
у меня тоже не нажимается Save as
Save as может не нажиматься если у Вас, например, активно выделение на картинке (нажмите Ctrl+D чтобы его снять), либо какое-то незаконченно действие, например Crop «Обрезка изображения» (нажмите Enter чтобы его применить).
Save as не может просто так не нажиматься
у меня не нажимается но просто так
Я испробовала то что вы написали, но у меня все равно не нажимается Save as……. Скажите пожалуйста что делать :((((((((
Женечка, заочно причину данной проблемы назвать сложно.
Пожалуйста, сделайте снимок экрана в момент попытки сохранения и загрузите его в нашу группу вКонтакте .
Попробуем Вам помочь.
Спасибо все нештяк
Как открыть изображение через 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 раз меньше:
Ну вот и все, жмем кнопку “Да” и готово!
Автор: Екатерина Гончарова
Как сохранять изображения для сайтов. Оптимизация фото для веб
Головная боль вебмастера – картинки. Поисковые системы хотят, чтобы картинки были лёгкими и быстро грузились, посетители сайтов и соцсетей не хотят смотреть на «пожатые» пикселы и отвратительные артефакты сжатия. Как найти компромисс между требованиями поисковых алгоритмов и людей? Вот несколько советов.
Выберите подходящий формат для изображений
Полноцветные изображения, включающие в себя миллионы оттенков, можно сохранять лишь в двух основных форматах: JPG и PNG-24. GIF и PNG-8 категорически не годятся: они оба работают лишь с ограниченным количеством цветов (до 256 в зависимости от цветовой таблицы). И GIF, и PNG-8 идеальны для сохранения рисунков, чертежей, или изображений, где используется очень ограниченная палитра. Не фото!
- Особенность картинок в форматах GIF и PNG-8: в отличие от JPG и PNG-24, их не стоит масштабировать. Сразу теряется чёткость, появляются неприятные артефакты.
- Особенности JPG и PNG-24. PNG-24 стоит выбрать, если нужно максимально доступное качество вне зависимости от размера. Ещё одно отличие этого формата — поддержка прозрачности: можно, например, удалить фон, чтобы разместить фрагмент фото на том фоне, который уже есть на сайте. Это удобно для размещения сложных логотипов в градиентными цветами и множеством цветовых оттенков. В большинстве случаев надо использовать JPG.
Вывод. Если вам нужно разместить на сайте чертеж, скан документа, рисунок — используйте GIF и PNG-8. В таком случае вы получите высокую чёткость при крохотном весе. Для загрузки фотографий на сайт используйте JPG. В соцсети предпочтительно загружать PNG-24, но об этом — ниже.Так выглядит фотография, которую сохраняют в одном из восьмибитных форматовДля подготовки фото для веб используйте профессиональное ПО. Я рекомендую Adobe Photoshop или его аналоги. Почему «Фотошоп»? Его модуль Save for Web позволяет видеть, как именно портится картинка по мере усиления сжатия, и вы можете выбрать нужное соотношение между качеством и весом картинки. В этом же окне можно посмотреть, как будет выглядеть картинка на других платформах.
А теперь перейдём к более конкретным рекомендациям.Готовим к публикации JPG
Первое, что стоит усвоить: каждое сохранение в формате JPG увеличивает количество артефактов. Этот алгоритм сжимает за счёт усреднения однородных пикселов. Чем больше сжатие — тем меньше деталей, оттенков, тем более выражены всем знакомые «квадратики». Сохраняйте изображение в JPG для веб в самый последний момент, перед публикацией. До этого сохраняйте картинку в одном из форматов без сжатия с потерями: PSD, TIFF, или даже PNG-24.
До того, как сохранять изображение для веб, уменьшите разрешение фото. Камера сохраняет фотографии с ppi 300 или 240 (в зависимости от настроек камеры), а дисплеи (кроме ретины) понимают лишь 72 ppi. Избыточное разрешение увеличивает вес изображения без каких-либо визуальных преимуществ. Высокое разрешение нужно только для печати.Не сохраняйте для публикации в интернет фото с избыточным разрешением. Это увеличивает размеры, но не даёт никаких преимуществСтепень сжатия JPG для публикации в web — 80% и больше (то есть 70, 60, 50%…). Ориентируйтесь на качество в первую очередь, но помните: на сегодняшний день предельный «вес» картинки, размещенной на странице как иллюстрация — около 250 кб. Придерживайтесь этой цифры.
Удаляйте метатеги из картинок для веб: данные об авторе, авторских правах, информация о камере и т. д. Они значительно увеличивают «вес» картинки.
При сохранении поставьте галочку в чекбокс «Прогрессивная развёрстка». Этот алгоритм загружает изображение за несколько проходов. Посетитель сайта уже видит загружающуюся фотографию, которая по мере загрузки становится всё более детальной.
Подпишитесь на наш канал в Telegram, чтобы не пропустить новые статьи и рецепты!
@aromaesthetica
Стоит ли включать в изображение цветовой профиль? Пожалуй, нет, если вы сконвертировали фото в sRGB-1966. Браузеры умеют работать только с ним. А вот если ваше изображение сохранено в одном из профессиональных форматов, с отображением будут проблемы. Сам по себе цветовой профиль — крохотный текстовый файлик, интегрированный в контейнер с изображением. Конечно же, он немного увеличивает вес файла, поэтому его лучше срезать вместе с метатегами.
GIF и PNG-8
Разница между этими форматами — в лицензировании, и нашей темы это не касается. Кроме того, GIF умеет работать с анимацией, а PNG-8 — нет. Если ваше изображение содержит ограниченное количество цветов (от 1 до 256), а также области прозрачного — сохраняйте в одном из этих форматов.Старинная гравюра содержит минимум цветов и построена на штрихах. оптимальный формат — GIF или PNG-8GIF использует сжатие без потерь в формате LZW и поддерживает анимацию.
Его основное ограничение — палитра в 256 цветов. В конце 80-х, когда формат был создан, это было оправдано. Тогдашние дисплеи больше цветов и не поддерживали. Однако с развитием технологий такая цветопередача оказалась недостаточной. GIF не справляется с градиентными переходами цветов.
Однако, если говорить об анимации, проблемы с цветопередачей отходят на задний план: в этом случае мы менее чувствительны к качеству картинки.
При сохранении GIF и PNG-8 «Фотошоп» предлагает несколько опций. Первая: выбрать количество цветов. Больше цветов — больше вес. Смотрите, чтобы не уходило качество и не терялась резкость, и ориентируйтесь на минимальную по размерам палитру.
Если изображению не нужна прозрачность — снимите соответствующую галочку.
В некоторых случаях в индексированное изображение надо подмешать немного «шума», чтобы скрыть артефакты. Это используется для сохранения GIF и PNG-8, создаваемых из фотографий и видео (если речь о GIF). «Фотошоп» предлагает несколько типов такого шума, выбирайте подходящий.
Напомню: GIF и PNG-8 не стоит масштабировать! Сохраняйте их в том размере, в каком они должны отображаться на мониторе.
PNG-24
В это формате качество сохраняется, потому что сжатие не предусмотрено. Поддерживается прозрачность (альфа-канал).
Никогда не публикуйте на сайте фотографии в формате PNG-24. Они в несколько раз «тяжелее» фото в формате JPG. Размер загружаемого изображения прямо влияет на скорость загрузки страницы, и файл в формате PNG-25 «весит» примерно в 4−8 раз больше этого же изображения в формате JPEG без видимого ухудшения качества (с показателем сжатия 80%).
Если вы загружаете фото в соцсети (Facebook, Instagram, Vkontakte), стоит выбрать PNG-24. Причина в том, что при загрузке изображения всё равно будут конвертированы и ужаты соцсетями, а значит, качество фото пострадает ещё раз. Вы никак не можете контролировать степень сжатия, можно лишь попытаться снизить риски. Для этого и нужен PNG-24 как формат без потери качества. Во всех других случаях используйте более подходящие форматы.
Новые форматы изображений для WEB: WebP и HEIC
Алгоритмы, используемые видеокодеками для сжатия потоков, можно разделить на 2 основных типа: межкадровые и внутрикадровые. Межкадровые алгоритмы избавляют от лишних данных на временной шкале. Внутрикадровые сжимают информацию в рамках каждого кадра, вне зависимости от остальных кадров. И такой алгоритм вполне применим к статическим изображениям.
Развитие мобильного видео и увеличения разрешения дисплеев стали причиной появления новых стандартов кодирования, а с ними — и новых форматов изображений. Эти форматы предлагают намного больше возможностей сжатия, чем JPEG. Качество — выше, «вес» — меньше.
WebP
Этот формат изображений для публикации в интернет был разработан Google почти 10 лет назад. WebP — формат, производный от видеокодека VP8. Он обеспечивает сжатие без потерь, и в отличие от JPEG поддерживает анимацию и прозрачность. Таким образом, все старые форматы — JPEG, PNG и GIF в перспективе становятся не нужны. Единственная проблема — совместимость. Но рано или поздно эта проблема будет устранена.
Главная проблема формата WebP (читается как «веппи»): его до сих пор читают далеко не все браузеры. Сейчас, в 2018, с ним справляются только Chrome и Opera, а Microsoft Explorer, Microsoft Edge, Firefox и Safari его не понимают. Поэтому вам придётся предусмотреть подмену изображений этого формата на изображения традиционных для интернет форматов. А это ровно в два раза больше картинок, которые придётся загружать на сервер.
Ещё одна проблема: актуальная реализация работы с этим форматом подразумевает и конвертацию «налету», значительно утяжеляющую исходный ход веб-странички. Иными словами, соотношение «текст/код html» меняется в сторону html. Это плохо для поисковой оптимизации. Вот и получается: с одной стороны, картинки быстрее грузятся, но не каждым браузером, и надо держать картинки в двух форматах. С другой стороны, страничка становится тяжелее. И что более важно: зачем пережимать уже оптимизированную картинку во второй раз?
У формата изображений для интернет WebP может быть большое будущее: он действительно сильнее сжимает картинки. Фото с большой степенью сжатия становится чуть более мутным, другие артефакты сжатия не обнаружены. Но использовать этот формат сейчас — тема для размышления вебмастера. Лично я пока использовать этот формат не готов.
HEIC / HEIF
Этот формат может стать настоящим прорывом в области изображений для интернета. И вот почему:
- Контейнер файла поддерживает самый большой набор функций среди существующих форматов изображений. Например, тут есть поддержка многокадровых изображений с многокадровым сжатием. А это — HDR-изображения, а также мультифокусные и многообъективные изображения.
- Поддержка дисплеев 4K и 8K последних поколений. Кодирование HEVC использует сложные операции с меньшим, чем у JPEG, количеством ограничений. А это более эффективное сжатие за счет чуть большего времени кодирования.
Главная проблема на сегодняшний день — всё та же совместимость. Формат HEIC поддерживают только приложения iOS. Ни Windows, ни Android РУШС не поддерживают. А учитывая проблемы с лицензированием, ситуация, скорее всего, сохранится.
Общие рекомендации
Сохраняя файл для публикации на сайте, дайте ему осмысленное название, описывающее его содержание. Поисковые системы обращают на это внимание. Название нужно писать транслитом, пробелы — заменять дефисами. Все слова в названии — с маленькой буквы.
При уменьшении размеров фото используйте алгоритм с усилением резкости. Если умеете работать с алгоритмами усиления резкости — предварительно усиливайте её вручную, до того, как уменьшите размеры фото. Подробнее об усилении резкости и детальности смотрите здесь.
Не размещайте масштабированные изображения. Выясните у вебмастера, какой размер по ширине и высоте изображения нужен для сайта, и сохраняйте ваше фото для публикации именно в этом размере. CMS могут масштабировать изображение автоматически, но в результате страница будет весить намного больше, чем надо. Это плохо сказывается на быстродействии сайта, и как следствие — на его место в поисковой выдаче. Или, как вариант, CMS растянет картинку до нужного размера, смотрится это плохо.Те самые «квадратики», артефакты алгоритма сжатия. Вам нравится такое качество?Не рекомендую автоматические «оптимизаторы» картинок по рекомендациям Google Speed Test. Да, они драматически уменьшат вес изображений, но пожалейте глаза своих посетителей. Да и собственный бизнес: качество визуального контента влияет на восприятие сайта и конверсию. Хуже восприятие — меньше денег в ваш карман. Лучше потратьте немного времени на подготовку полноценного контента, оно того стоит.
Заключение
Чтобы соблюсти баланс качества и малого размера файла, сохраняйте изображения для публикации в интернет вручную. К выбору конечного формата подходите осознанно, если есть сомнения — выбирайте JPG. Да, каждый год появляются новые оптимизированные форматы, но поддерживаются они не всеми браузерами и системами управления контентом. JPG — универсальный формат для иллюстраций к текстам.
Резюме
Название статьи
Как сохранять изображения для сайтов
Описание
Как выбрать формат изображений для публикации в интернет, какие настройки применить, чтобы картинка хорошо выглядела, но не замедляла загрузку сайта? Работающие рекомендации.
Автор
Виктор Петров
Издатель
aromaesthetica.ru
Почему Фотошоп не сохраняет в jpg и png: обновлено — МирДоступа
Часто фотошоп отказывается сохранять фотографии в популярных форматах. Поговорим о том, почему так происходит…
Многие дизайнеры, художники и другие пользователи часто сталкиваются с тем что графический редактор Фотошоп не сохраняет фотографии в требуемых форматах.
Как правило, невозможность сохранения фотографий в формате JPG обычно проявляется после обновления самого Фотошопа или даже после установки новой версии Windows
Нередко невозможность сохранения фотографий в JPG и PNG может зависеть от настроек графического редактора — подобные ошибки могут также возникать из-за перегрузки Фотошопа плагинами.
Кстати, далеко не все форматы сохранения изображений поддерживаются монитором — именно поэтому сохранять фотографии в подобных форматах просто нецелесообразно.
Причин немного почему фотошоп не сохраняет в JPG не так много. Если не получается сохранить фотографию JPG, то попробуйте сохранить изображение в формате RGB c глубиной цвета 8 бит/канал
Сохранение в JPG цветовой схемы CMYK поддерживается далеко не всеми версиями Фотошопа. Схемы Lab и многоканальные цветовые профили и вовсе чаще всего не поддерживаются.
Есть и другие факторы, которые могут повлиять на сохранение готовых фотографий в Фотошоп.
Так если создание картинка состоит из нескольких слоев, то перед её сохранением в JPG слои необходимо объединить. Ещё одна причина, почему Фотошоп не сохраняет в JPG — это нехватка вычислительных ресурсов машины
Так попытка сохранить обработанную фотографию после многослойной ретуши или со сложной цветовой гаммой, для слабого компьютера может быть непосильной задачей.
Почему Фотошоп не сохраняет в PNG
Формат изображения PNG отличается от JPG тем, что первый позволяет сохраняет изображение с прозрачным фоном, что особенно удобно для Web-проектов. Причины почему не удается сохранить фотографию в Фотошоп в PN аналогичны тем, что и при сохранении в JPG.
Кроме того, есть еще одна специфическая причина почему Фотошоп не сохраняет в PNG — это отсутствует файла png.8bi, который должен находиться в рабочем каталоге программы. Внимательно проверьте подкаталоги Plugins/форматы файлов — там должен быть файл png.8bi
Если данный файл отсутствует, то необходимо скачать его либо переустановить Фотошоп целиком. Производитель при сохранении в формате PNG также рекомендует производить сохранение не через Save As, а через Save for web.
Мой мир
Вконтакте
Одноклассники
Сохранение изображений из PSD макета
Всем привет! Сегодня мы научим вас сохранять изображения из PSD макета. Любой веб-дизайнер или верстальщик обязан уметь делать это быстро и без каких-либо затруднений. Рассмотрим способ экспортирования всех необходимых картинок из PSD макета, а также способ сохранения отдельных изображений с помощью кадрирования. Начнем!
Быстрый экспорт всех нужных изображений из PSD макетаДанный метод будет актуален для пользователей Photoshop CC, так как на более ранних версиях отсутствует данная функция.
- Для начала нам нужно взять какой-либо макет. В нашем случае макет PSD состоит всего из двух слоев – фона и надписи. Кстати, если хочешь узнать, как сделать размытие на фото подобно тому, что в примере, читай Как сделать размытие на фотографии.
- Наша задача сохранить картинку фона, имеющую формат .jpg. Необходимо к названию фона добавить название формата фото, просто переименовав слой. Например, хххх.jpg как показано на скрине:
- После, нам нужно зайти во вкладку «Набор изображений». Она находится Файл → Генерировать → Набор изображений. На скрине показано наглядно:
- Обратите внимание, что после клика по вкладке «Набор изображений», должна появиться галочка:
- После мы просто нажимаем сочетание клавиш Ctrl + S (быстрое сохранение) и в папке, где сохранен наш макет, вы увидите папку с картинками, которые будут откадрированы, и готовы к верстке:
Благодаря этому способу, вы сэкономите много времени на монотонный и скучный процесс подготовки изображений к верстке и не только.
Сохранение отдельного изображения из PSD макетаДанный способ позволит вытащить из PSD отдельную картинку. Для примера мы возьмем макет из первого способа.
- Как правило макеты состоят не из двух слоев, а из сотен и тысяч, что затрудняет поиски нужного слоя с картинкой. Представим, что нам сложно найти слой с картинкой и параллельно научимся искать из тысяч необходимый. Для этого включаем инструмент «Перемещение», нажав горячую клавишу V. Включаем в верхней панели «Автовыбор» и переводим переводим его в режим «Слой»:
- Теперь нам необходимо просто кликнуть по нужному слою, и он будет выбран в панели слоев:
- После нам нужно отключить все слои, кроме слоя с нужной картинкой. Чтобы не отключать каждый слой отдельно, нужно зажать клавишу Alt и кликнуть по «Глазу» слоя который необходимо оставить видимым. Таким образом будут отключены все слои, кроме того, который мы сохраняем:
- После зажимаем клавишу Ctrl и кликаем по миниатюре слоя:
- Дальше нам остается кадрировать картинку с помощью функции, которая находится по пути Изображение → Кадрировать:
- Теперь наше изображение кадрировано, и его можно сохранять.
Вот мы с вами и освоили быстрые и удобные методы сохранения всех изображений в PSD макете и индивидуально каждое изображение отдельно.
Сохранение изображений в редакторе Фотошоп онлайн, растровая и векторная графика
Мы с Вами изучили панель инструментов и палитры графического редактора Фотошоп онлайн, и теперь давайте вернемся к главному меню, и начнем рассматривать его подробнее.
Сохранение изображений
Прежде всего хочу обратить Ваше внимание на то, что работа с редактором Фотошоп онлайн происходит целиком на стороне сервиса, и не занимает ресурсов Вашего компьютера.
В этом легко убедиться. Откройте редактор Фотошоп онлайн, и в нем какую-то картинку со своего компьютера. Даже если картинка открыта в этом графическом редакторе онлайн, Вы можете ее переименовывать, переместить в другое место, или вовсе удалить со своего компьютера. И после этого Вы сможете продолжать работать с ней в графическом редакторе. Из этого следует, что изображение полностью загружается на сервис, и все работа происходит именно там.
После того, как Вы поработаете с изображением, и захотите его сохранить, Вам нужно будет использовать пункт меню Файл — Сохранить, или клавиши Ctrl + S.
На выбор для сохранения предлагаются следующие варианты форматов картинок:
- JPEG — позволяет создавать изображения с огромным многообразием цветов и оттенков, их может быть до 16,7 миллионов, оптимально подходит для большинства изображений, если не требуется прозрачность. При сохранении в JPEG все слои со всеми настройками сводятся в один слой, впрочем, это касается и остальных форматов, кроме формата PXD.
- PNG — если картинка многоцветная, этот формат имеет больший вес по сравнению с JPEG при том же качестве, но PNG поддерживает прозрачность, в отличие от JPEG.
- BMP — прозрачность не поддерживает, сохраняет изображение абсолютно без потери качества, но картинка имеет максимальный вес, хотя конечно, если Вы возьмете картинку JPEG, и сохраните в формате BMP, ее качество от этого не улучшится.
- TIFF — позволяет сохранять изображения с большой глубиной цвета, и потому используется в полиграфии, прозрачность не поддерживает, вес файла большой, сравнимый с весом в формате BMP.
- PXD — единственный формат из перечисленных, который сохраняет слои и другие настройки изображения. После сохранения в этом формате Вы можете опять открыть его в редакторе Фотошоп онлайн, и продолжить работу со слоями, масками, стилями слоев и так далее, как если бы Вы и не прерывали работу.
Рекомендую сохранять изображение в этом формате, если есть вероятность, что Вам придется вернуться к работе над изображением.
Для практического применения, конечно, формат PXD не подходит, например, на сайте Вы его не сможете поставить. Он — только для работы в редакторе Фотошоп онлайн.
Этот формат аналогичен формату PSD в фотошопе. Кстати, формат PSD отлично открывается в редакторе Фотошоп онлайн, а вот формат PXD открываться в программе Photoshop не хочет.Растровая и векторная графика
И графический редактор Фотошоп онлайн, и программа Photoshop умеют работать с растровой и векторной графикой. Напомню, что растровая графика формируется с помощью маленьких одноцветных квадратиков — пикселей, а векторная графика — с помощью формул и символов.
В редакторе Фотошоп онлайн векторная графика — это текст, который Вы наносите на изображение. Когда Вы пишете текст на картинке, создается отдельный векторный слой для этого текста. На этом слое нельзя рисовать, нельзя пользоваться ластиком, например, стереть часть буквы. Но можно изменить шрифт, заменить букву в тексте, сделать буквы маленькими или большими. В растровой графике этого сделать Вы бы не смогли.
Но текстовый слой при желании можно сделать растровым. Для этого Вы можете воспользоваться меню Слой — Растрировать, или нажать на слой в палитре Слои правой клавишей мыши, и выбрать в контекстном меню команду Растрировать слой. После растрирования текст будет состоять из пикселей. Изменить шрифт, например, уже будет нельзя. Зато можно будет стереть часть буквы, или наоборот, пририсовать
И к векторному, и к растровому слою можно применять стили. Для применения стилей можно выбрать пункт меню Стили слоев, или нажать на иконку Стили слоев на палитре Слои.
Если у Вас несколько слоев, можно скопировать стиль одного слоя, и вставить на другой. Для копирования стиля нужно кликнуть правой клавишей мыши по слою на палитре Слои, и выбрать команду Копировать стиль слоя. Для вставки применяется команда Вставить стиль слоя.
Видео о том, в каких форматах можно сохранять изображение в графическом редакторе Фотошоп онлайн, и о том, чем отличается векторная и растровая графика
Более подробные сведения Вы можете получить в разделах «Все курсы» и «Полезности», в которые можно перейти через верхнее меню сайта. В этих разделах статьи сгруппированы по тематикам в блоки, содержащие максимально развернутую (насколько это было возможно) информацию по различным темам.
Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
Подписаться на блог: Дорога к Бизнесу за Компьютером
Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:
Как сохранить фото в лайтруме после обработки: шаги экспорта
Приветствую вас дорогие читатели моего блога. С вами на связи, Тимур Мустаев. Сегодня я хочу продолжить тему, посвященную Lightroom. В прошлой статье, мы с вами научились как загружать фотографии в Лайтрум. Сегодня мы поговорим об экспорте обработанных фотографий.
С этой проблем сталкиваются все, кто начинал работать данной программой. Зачем-то разработчики сделали эту функцию столь заумной, я до сих пор не могу понять. Ну да ладно, что есть, то есть!
В моей практике тоже не обошлось без этого. Как я уже рассказывал, первые проблемы у меня возникли с открытием фотографий в программе, а про экспорт, это вообще была катастрофа.
Только по этим двум непониманием, многие открыв Lightroom сразу его бросают, считая, что он очень сложный и не хотят тратить своего драгоценного времени. Но сегодня я развею миф о сложности, и вы узнаете, как сохранить фото в лайтруме после обработки.
С чего начать?
Касаться обработки фото, сегодня мы не будем. Так как это тема не одной статьи. Там столько фишек и интересных вкусностей, которые мы будем рассматривать по отдельности в каждой статье, для детального понимания программы.
И так, вы обработали фотографию, исправили контрастность, яркость, насыщенность, вытащили детали из теней, убрали засветы, выровняли цвет неба, если это пейзаж. А может быть отретушировали кожу, убрали прыщики, неровности кожи, отбелили зубы, если это портрет.
Одним словом, вы поработали с изображением и решили сохранить.
Вот с этого момента, мы начнем детально описывать все действия.
Сохранения фото
Весь пример я буду показывать в Лайтруме 5, на русской версии. Если у вас софт на английском, делайте все последовательные действия, вот и будет вам перевод. Ощениться не возможно! Те же самые действия, будут и для 3 и для 6 версии, суть неизменна.
Есть 2 способа сохранения
1 способ
Допустим, у нас есть обработанный файл, который вы хотите сохранить.
Нажимаем правой клавишей мышкой по основной (большой) фотографии. В выпадающем меню выбираем Экспорт.
Далее, появляется вкладка меню, где необходимо выбрать нужные параметры.
Вкладка Экспорт. Я всегда экспортирую В выбранную папку. Указываю путь, сразу. В этом подменю, есть еще пункты: Выбрать папку позже и Поместить в папку с оригиналами, нажав на стрелочку.
Поместить в подпапку. Здесь я галочку не ставлю.
Добавить этот каталог, здесь тоже галочка не нужна.
Если файл существует. Здесь я выбираю пункт – Спросить о действии.
Заменить имя на – ставлю галочку и выбираю Задать имя. Я люблю контролировать весь процесс, поэтому имя я задаю сразу.
Категорию Видео, мы пропускаем, нам оно не нужно.
Останавливаемся подробно на категории Формат файла.
Качество ставим 80, это в хорошем качестве. Если хотите самое лучшее, ставим значение 100.
Формат: JPEG. Есть еще PSD, TIFF, DNG, Оригинал. Нас интересует экспорт в jpeg.
Далее, нас интересует цветовое пространство sRGB. Другое нас не интересует!
Следующая категория Размер изображения. С этим пунктом я не работаю. Как я писал выше, я люблю все контролировать, и если мне необходимо обрезать фотографию я пользуюсь фотошопом.
Следующая категория – Резкость вывода. Я так же ей не пользуюсь, она не нужна.
Метаданные. Я ставлю Все. Что это такое. Это все данные о фотографии. Какая выдержка, какая диафрагма использовалась, ISO, модель камеры, модель объектива и другая полезная информация.
Далее, Водяной знак. Давайте здесь остановимся тоже поподробнее. В лайтруме есть возможность выставить знать копирайта к каждой фотографии. Что это такое, давайте рассмотрим на примере. Ставим галочку. Кликаем по стрелочке, открывается подменю. Выбираем в нем Редактор водяных знаков.
Открывается меню редактора. Как видите, я написал в тексте свою фамилию. Она используется как копирайт к фотографии.
Здесь можно поработать со шрифтом, с тенью, с цветом, с прозрачностью, в каком краю располагать копирайт и так далее.
Чтобы добраться до других опций, передвиньте бегунок вниз или нажмите на стрелочку. Здесь нас ждет еще часть параметров, над которыми можно поработать. Поэкспериментируйте, посмотрите, что получится. Не бойтесь, всегда можно нажать кнопку Отмена.
Например, данной функцией копирайта в Lightroom 5 я не пользуюсь. В начале пользовался, как только начинал осваивать данный софт. Сейчас, при необходимости, я делаю все доработки в фотошопе.
Последний оставшийся пункт экспорта, это Постобработка. Я ставлю – Ничего не делать. Если мне необходимо доработать фотографию, я делаю это, когда обработаю все снятые фотографии.
И наконец, нажимаем кнопку Экспорт.
Вот и все, ваша фотография экспортировалась в нужную вам папку. Смотрим и радуемся результату.
2 способ
Второй способ экспорта, это через главное меню. Файл – Экспорт.
А далее, все тоже самое, что описано выше…
Напоследок
Теперь вы научились, как сохранить фотографию в лайтруме. Что скажите? Сложно? Я считаю, ничего сложного здесь нет. Просто нужно побольше практики и все пойдет как «по маслу».
Если вы не хотите ждать следующих статей по обработке, а хотите, как можно быстрее научиться Lightroom, тогда видео версия обучения именно для вас. Курс «Lightroom — незаменимый инструмент современного фотографа», то что вам нужно. Замечательный видео курс. Все изложено понятным, человеческим языком, без научных фраз, специально для начинающих. Очень рекомендую, как хорошего помощника в ваших начинаниях.
Lightroom — незаменимый инструмент современного фотографа
Цифровая зеркалка для новичка 2.0 — для пользователей фотокамеры NIKON.
Моя первая ЗЕРКАЛКА — для пользователей фотокамеры CANON.
Я постарался объяснить все, на максимально простом языке. Если у вас есть пожелания, вопросы к статье, пишите в комментариях, обязательно отвечу. Не надо вопросы держать в себе, спрашивайте, развиваетесь максимально полезно для себя!
На этом у меня все. Заканчиваю я данную статью. Подписывайтесь на обновление. Рекомендуйте друзьям в социальных сетях, пусть и они знают все тонкости лайтрум.
Всех вам благ, Тимур Мустаев.
Сохранение изображений для Facebook (Photoshop и Lightroom) — Шон Малуга
ТЕОРИЯ
Почему Facebook портит мои фотографии?
Люди часто жалуются, что их фотографии после загрузки на Facebook выглядят хуже, и они будут правильными. Цвета могут казаться менее впечатляющими, похоже, что вы потеряли детали на изображении, а области кажутся блочными, но есть способы оптимизировать ваши файлы перед загрузкой, чтобы вы могли минимизировать деградацию и поддерживать их внешний вид настолько хорошо, насколько Facebook позволит вам .
Есть три основные причины, по которым ваши изображения могут выглядеть хуже после загрузки на Facebook; неправильное цветовое пространство, неправильное разрешение и сжатие.
1. Цветовое пространствоЦветовые пространства трудно осмыслить, когда вы только начинаете, но проведите небольшое исследование, и вы должны в кратчайшие сроки справиться с этим. Я не буду вдаваться в подробности цветового пространства, но в основном проблема может заключаться в том, что вы снимаете и редактируете в цветовом пространстве «Adobe RGB 1998» (или в какой-либо другой версии), а изображения в Интернете отображаются в цветовом пространстве sRGB. .Съемка и редактирование в Adobe RGB 1998 — это хорошо, но когда вы загружаете свои изображения на Facebook, они будут преобразованы в некоторую версию цветового пространства sRGB. У вас нет контроля над преобразованием цветов, и вы можете обнаружить, что загруженные вами изображения менее насыщены или имеют немного другие оттенки, чем изображение, с которого вы начали. Чтобы исправить это, вам нужно самостоятельно преобразовать цветовое пространство в Lightroom или Photoshop перед загрузкой.
2.Разрешение
Facebook позволяет загружать изображения любого размера, но имеет встроенные алгоритмы для автоматического уменьшения размера изображения до максимального размера 2048 пикселей (самая длинная сторона). Этот алгоритм не так хорош, как если бы вы сами изменили размер фотографии в Photoshop или Lightroom, и поэтому ваша фотография будет выглядеть хуже после завершения и, возможно, потеряет детали и резкость. Решение простое: измените размер изображения перед загрузкой на Facebook, это может даже сэкономить вам время загрузки!
3.Компрессия
Facebook автоматически сжимает загружаемые вами изображения, чтобы сэкономить место на своих серверах. Сжатие где-то эквивалентно сохранению JPG с качеством от 7 до 8. Вы не можете это изменить, все, что вы можете сделать, это загрузить JPG с полным качеством 12, чтобы свести к минимуму количество сжатий вашего изображения. или используйте несжатый PNG для лучшего результата. Если вы сжимаете свое изображение, чтобы сказать JPG 9, когда вы его сохраняете, а затем, когда вы загружаете, Facebook повторно сжимает ваше изображение во все, что ему нравится, вы теперь дважды сжимаете изображение, каждый раз ухудшая качество! Думайте об этом как о фотокопии: каждый раз, когда вы делаете копию с копии, становится немного хуже.То же самое и при сохранении сжатых изображений (даже в формате JPG 12). Решение состоит в том, чтобы работать в формате без потерь, таком как PSD или TIFF (без сжатия), и сохранять JPG или PNG только один раз, в конце процесса, с максимально возможной настройкой качества.
ПРАКТИКА
ЭКСПОРТ НАПРЯМУЮ ИЗ СВЕТИЛЬНИКА
Lightroom позволяет очень легко конвертировать профили и изменять размер изображения с помощью параметров экспорта.
1. Выбрав фото, перейдите к Файл -> Экспорт (Ctrl + Shift + E)
2.Спуститесь в «Настройки файла» и выберите Формат изображения: JPEG Цветовое пространство: sRGB и Качество 100 , как показано на рисунке ниже.
3. В разделе «Размер изображения» установите флажок « Изменить размер по размеру », выберите « Самый длинный край » и введите « 2048 » « пикселей » в качестве измерения с разрешением «». 72 ”“ пикселей на дюйм “. Вы можете выбрать «Не увеличивать», чтобы изображения меньшего размера не растягивались до этого размера.
4. Нажмите «Экспорт», и готово!
Это должно быть достаточно просто, но на всякий случай вот несколько пресетов Lightroom для экспорта на разные носители. Пожалуйста, напишите мне, если у вас есть другие носители, которые вы хотели бы добавить. Просто распакуйте и скопируйте файлы пресетов в Lightroom -> Экспорт пресетов -> папку пользовательских настроек.
Нажмите здесь, чтобы загрузить:
Экспортные пресеты LightroomПРЕОБРАЗОВАНИЕ И СОХРАНЕНИЕ ИЗ PHOTOSHOP
Открыв окончательное изображение в Photoshop, перейдите в раздел «Файл — Сохранить для Интернета» (теперь в разделе «Файл — Экспорт — Сохранить для Интернета» в июльском обновлении Photoshop CC).
Должен быть показан прямоугольник, аналогичный приведенному ниже. Вы можете выбрать предустановку «JPG High» в качестве основы для начала, но убедитесь, что все настройки выделены ниже, с самым длинным краем 2048 пикселей (в идеале вы должны сначала изменить размер фотографии до 2048 пикселей в PS, чтобы сохранить идеальную резкость, изменив размер шаги, описанные ниже). Или вы можете сохранить файл PNG, что приведет к еще меньшему сжатию при загрузке на Facebook, хотя размеры файлов будут намного больше. Я считаю, что обложки и изображения профиля для страниц Facebook фактически будут отображать файл PNG с меньшим сжатием, чем обычный JPG альбома / стены, если вы загружаете как PNG.Это необходимо для обеспечения четкого и четкого текста для логотипов и т. Д.
* Обратите внимание, что на изображении ниже высота должна быть 2048 пикселей, так как это самый длинный край.
Нажмите «Сохранить», и все готово!
В качестве альтернативы это шаги для изменения размера и преобразования изображений в Photoshop:
Преобразование в цветовое пространство sRGB
1. Открыв окончательно отредактированное изображение, перейдите к Правка -> Преобразовать в профиль
2. На экране «Преобразовать в профиль» измените «Целевое пространство» на sRGB IEC61966-2.1 . Оставьте параметры преобразования так, как они показаны на изображении ниже (вы можете выбрать плоское изображение).
3. Щелкните « OK », и теперь ваше изображение будет в цветовом пространстве sRGB. Возможно, вы не сможете увидеть разницу визуально, но она будет иметь значение при загрузке.
* Любое изображение, которое вы загружаете в Интернет, должно быть в формате sRGB, независимо от того, Facebook это, FlickR или 500 пикселей.
* Если в исходном пространстве уже указано «sRGB XXXXXXXXXX», значит, вы уже работаете в sRGB и вам не нужно преобразовывать файл (вы можете захотеть изменить настройки камеры и фотошопа, чтобы вы работали в Adobe RGB 1998). .
Изменение размера изображения (разрешение)
1. Не закрывая изображение, перейдите в меню «Изображение» -> «Размер изображения» (Alt + Ctrl + I).
2. На экране размера изображения убедитесь, что единицы измерения находятся в «пикселях» и что ширина & Высота Коробки связаны с помощью значка цепочки. Измените самый длинный край на 2048 и оставьте другой край таким, как он рассчитывается автоматически. Убедитесь, что разрешение составляет 72 пикселей / дюйм .
3.Нажмите OK, и ваше изображение теперь оптимизировано до максимального размера, который в настоящее время обрабатывает Facebook.
Сжатие (сохранение)
Вы должны сохранять все свои изображения или «основные файлы» в формате без потерь, таком как TIFF или PSD. Вы должны сохранять только кодек без потерь, такой как JPG, когда вы переходите к выводу для загрузки или печати и т. Д. Если вы когда-нибудь захотите внести какие-либо изменения в файл, вы открываете главный файл, а затем сохраняете новый JPG.
1. Открыв файл, перейдите в меню Файл -> Сохранить как (Ctrl + Shift + S)
2.Измените «Сохранить как тип» на JPEG и убедитесь, что установлен флажок ICC Profile , и нажмите Сохранить . (лучше всего добавить « _FB » к вашему имени файла, чтобы вы могли сразу определить, для чего нужен файл)
3. На экране параметров JPEG убедитесь, что качество установлено на 12 , установлено максимальное и базовое («Стандартное») .
4. Нажмите OK , и теперь у вас должно быть изображение, оптимизированное для Facebook.
ЗАКЛЮЧЕНИЕ
Ваши изображения на Facebook никогда не будут выглядеть так же хорошо, как просмотр PSD с полным разрешением на мониторе 4k, но, следуя приведенным выше инструкциям, вы делаете все возможное, чтобы максимально повысить качество вашего файла на Facebook.
Вы можете выполнить этот процесс для загрузки на любой веб-сайт, все, что вам нужно сделать, это выяснить, какой идеальный размер вы должны сделать для своего изображения для каждого веб-сайта, и соответствующим образом изменить разрешение. По состоянию на июль 2015 года Instagram увеличил размер экрана до 1080 x 1080 пикселей (раньше он отображался с разрешением 614 x 614 пикселей, хотя я читал, что 1936 пикселей был рекомендованным размером для Instagram).Итак, чтобы экспортировать файл, оптимизированный для Instagram, просто измените максимальный размер 1080 пикселей вместо 2048 пикселей, как мы делали для Facebook выше. Чтобы пойти еще дальше в оптимизации файлов, вы должны фактически изменить резкость в зависимости от того, насколько большое изображение будет отображаться. Это немного сложнее, и я, возможно, расскажу об этом позже в уроке по заточке.
Веб-сайты, такие как 500px и FlickR, известны тем, что отображают изображения более высокого качества (они все равно будут иметь некоторое сжатие и т. Д.), поэтому, если Facebook вам не подходит, попробуйте один из этих сервисов. Вы обнаружите, что многие фотографы размещают ссылки на эти страницы из Facebook, а не загружают их напрямую в FB.
Надеюсь, это было полезно, присылайте мне любые отзывы, орфографические ошибки или дополнительные вопросы, которые могут у вас возникнуть.
от Шона Малуги.
Подписывайтесь на меня в Instagram:
Сохранение фона и автосохранение в Photoshop CS6
Сохранение фона
Если вы какое-то время пользуетесь Photoshop, то знаете, что по мере того, как мы добавляем в документ все больше и больше слоев, мы увеличиваем размер файла.Вы, вероятно, также знаете, что чем больше становится размер файла, тем больше времени требуется Photoshop для сохранения вашей работы. В Photoshop CS5 и более ранних версиях для сохранения большого файла часто приходилось делать перерыв, хотели вы этого или нет, потому что Photoshop по существу зависал во время сохранения файла, блокируя вас из программы и не позволяя вам делать что-либо еще до тех пор, пока процесс сохранения завершен. Благодаря новой функции сохранения в фоновом режиме в Photoshop CS6 этого больше нет.
Вот изображение, которое у меня сейчас открыто в CS6:
Недавно открытое изображение.
Если мы посмотрим в нижний левый угол окна документа, то увидим, что текущий размер файла составляет 121 МБ, что довольно мало для файлов Photoshop:
Размер файла отображается в нижнем левом углу окна документа.
Если мы посмотрим на мою панель «Слои», то увидим, что на данный момент мой документ содержит только один слой, поэтому размер файла относительно невелик:
Панель «Слои» в Photoshop CS6.
С такими небольшими размерами файлов их сохранение не проблема.Процесс происходит так быстро, что вы его почти не замечаете. Новая функция сохранения в фоновом режиме в Photoshop CS6 начинает проявляться, когда мы начинаем работать с файлами размером в сотни мегабайт и более.
Чтобы увидеть, как это работает, я быстро увеличу размер своего файла, сделав несколько копий своего изображения. Для этого я несколько раз нажму сочетание клавиш Ctrl + J (Win) / Command + J (Mac). Каждый раз, когда я нажимаю на нее, я делаю новую копию слоя, на котором находится изображение.Здесь мы видим, что мой документ теперь содержит 8 слоев — исходное изображение на фоновом слое плюс 7 копий над ним:
Всего документ теперь содержит 8 слоев.
Когда мы снова посмотрим в нижний левый угол окна документа, мы увидим, что размер моего файла увеличился с 121 МБ до 967,9 МБ:
Размер файла теперь намного больше после создания нескольких копий изображения.
Сохранение файла такого размера займет некоторое время, и, как я уже упоминал, в Photoshop CS5 и более ранних версиях Photoshop будет заблокирован, и мы не сможем продолжить работу до завершения процесса сохранения.Однако посмотрите, что происходит, когда я сохраняю файл в Photoshop CS6, что я сделаю, перейдя в меню File в строке меню в верхней части экрана и выбрав Save :
Переход к файлу> Сохранить.
Первый признак того, что в CS6 что-то изменилось, заключается в том, что Photoshop теперь показывает нам, как далеко мы продвинулись в процессе сохранения, отображая пару индикаторов прогресса . Первый можно найти на вкладке имени в верхней части окна документа, где прогресс отображается в процентах.Здесь Photoshop сообщает мне, что процесс сохранения завершен на 34%:
Первый индикатор выполнения отображается на вкладке имени в верхней части окна документа.
Второй индикатор появляется в нижнем левом углу окна документа, и этот немного более полезен, потому что наряду с процентным значением он также отображает процесс сохранения в виде знакомой синей полосы прогресса:
Процесс сохранения отображается в процентах и в виде индикатора выполнения в нижнем левом углу окна документа.
Хотя эти индикаторы прогресса являются приятным новым дополнением к интерфейсу, реальная сила функции сохранения в фоновом режиме в Photoshop CS6 заключается в том, что, как следует из названия, процесс сохранения теперь происходит полностью в фоновом режиме. Что это обозначает? Это означает, что наш рабочий процесс больше не будет прерываться, когда мы перейдем к сохранению большого файла, потому что мы не будем заблокированы в Photoshop. Мы можем продолжить работу с изображением, даже если оно было сохранено!
В качестве примера мы видим, что я начал работать над преобразованием моего изображения в черно-белое (путем добавления корректирующего слоя «Черно-белый»), хотя индикаторы выполнения вверху и внизу окна документа говорят Мне кажется, что процесс сохранения завершен только на 51%.Функция фонового сохранения даже позволит нам переключиться на совершенно другое изображение для работы во время сохранения исходного изображения, что было невозможно в Photoshop CS5 и более ранних версиях:
При сохранении в фоновом режиме мы можем продолжать работу, пока Photoshop сохраняет файл. Мы даже можем работать с другим изображением, пока сохраняется первое.
Автосохранение
Вторая и еще более впечатляющая новая функция Photoshop CS6 — Автосохранение . Несмотря на то, что Photoshop превратился в очень зрелую и стабильную программу, всегда есть шанс, что что-то пойдет не так и Photoshop выйдет из строя.Когда это происходит, мы часто теряем всю работу, проделанную над нашим изображением, заставляя нас начинать все с нуля. По крайней мере, именно так вещи использовали , чтобы вернуться в Photoshop CS5 и ранее.
Auto Save позволяет Photoshop сохранять резервную копию нашей работы через регулярные промежутки времени, чтобы в случае сбоя Photoshop мы могли восстановить файл и продолжить работу с того места, на котором остановились!
Мы можем указать Photoshop, как часто мы хотим, чтобы он сохранял резервную копию нашей работы в разделе «Обработка файлов» в настройках.На ПК перейдите в меню Edit вверху экрана, выберите Preferences , а затем выберите File Handling . На Mac откройте меню Photoshop , выберите Preferences , затем выберите File Handling :
Выберите «Правка»> «Установки»> «Обработка файлов» (Win) или Photoshop> «Установки»> «Обработка файлов» (Mac).
Здесь вы найдете опцию «Автоматически сохранять информацию для восстановления каждые », которая по умолчанию установлена на 10 минут, что означает, что Photoshop будет сохранять резервную копию вашей работы каждые 10 минут.Вы можете увеличить его до каждых 5 минут, как я сделал здесь, или, если вы больше любите азартные игры, вы можете настроить его на сохранение резервной копии один раз в час (есть также вариант 15 минут и 30 минут):
Photoshop может сохранять информацию для восстановления каждые 5, 10, 15 или 30 минут или один раз в час.
Важно отметить, что Photoshop не сохраняет исходный файл (что было бы очень плохо). Информация для восстановления хранится в отдельном файле резервной копии. Если в Photoshop произойдет сбой во время работы, просто снова откройте Photoshop, и он автоматически откроет последнюю сохраненную резервную копию вместе со всей работой, которую вы проделали до того момента, когда Photoshop сохранил резервную копию (при условии, что конечно, вы проработали достаточно долго, чтобы Photoshop сделал хотя бы одну резервную копию).Вы узнаете, что это резервная копия, потому что Photoshop добавляет Восстановленное к имени файла (которое отображается на вкладке в верхней части окна документа):
Photoshop добавляет к имени резервной копии слово «Восстановлено», чтобы отличить ее от оригинала.
Как использовать Photoshop «Сохранить для Интернета»
Графические дизайнеры, веб-дизайнеры и другие специалисты, создающие контент для Интернета, также создают готовые для Интернета изображения, такие как фотографии для веб-сайтов и рекламные баннеры. Перед загрузкой этих изображений изображения оптимизируются для быстрой загрузки и отображения в веб-браузере.
Инструмент «Сохранить для Интернета» в Photoshop — это простой способ подготовить файлы JPEG для Интернета. Этот инструмент также сохраняет файлы GIF, PNG и BMP. Вот как использовать инструмент «Сохранить для Интернета», чтобы получить правильный баланс качества изображения и размера файла для ваших изображений.
Инструкции в этой статье относятся к Photoshop 5.5 и более поздних версий. Команды и параметры меню могут отличаться в зависимости от версии.
Что делает графику готовой к работе в Интернете?
Большинство веб-графики имеют общие характеристики:
- Разрешение 72 dpi.
- Цветовой режим — RGB.
- Файлы уменьшены в размере для более быстрой загрузки веб-страниц.
Как сохранить для Интернета в Photoshop
Сохранить для Интернета — это не такой инструмент, как Marquee, Move или Magnetic Lasso. Это способ экспортировать необработанный файл в формат, который могут легко использовать другие люди. Вот как его использовать для оптимизации изображений.
Откройте изображение, которое хотите сохранить, в Photoshop.
Выберите Изображение > Размер изображения .Или нажмите Alt / Option + Command + I на клавиатуре.
В поле Ширина введите новую ширину, выберите пикселей , затем выберите ОК .
Измените размер фотографии до небольшого размера, который можно использовать на веб-сайте.
Выберите Файл > Сохранить для Интернета и устройств . Или используйте сочетание клавиш: Alt / Option + Command + Shift + S .
В других версиях Photoshop путь: Файл > Экспорт > Сохранить для Интернета .Элемент может называться «Сохранить для Интернета» или «Сохранить для Интернета и устройств».
В окне Save for Web перейдите на вкладки Original , Optimized , 2-Up и 4-Up . Эти вкладки позволяют переключаться между просмотром исходной фотографии, оптимизированной фотографии с примененными к ней настройками «Сохранить для Интернета» или сравнением двух или четырех версий фотографии.
Выберите 2-Up , чтобы сравнить исходную фотографию с оптимизированной фотографией.Это показывает расположенные рядом копии изображения.
Измените значение Качество . По мере снижения качества изображение выглядит более грязным, а размер файла уменьшается. Файлы меньшего размера означают более быструю загрузку веб-страниц.
Найдите золотую середину между размером файла и качеством. Качество от 40 до 60 — хороший диапазон. Используйте предустановленные уровни качества (например, JPEG Medium), чтобы сэкономить время.
При необходимости измените тип файла на JPEG, GIF, PNG-8, PNG-24 или WBMP.
При необходимости измените размер изображения. Введите ширину или высоту или масштабируйте ее в процентах.
Щелкните значок блокировки , чтобы изменить пропорции изображения. В противном случае введите другую ширину или высоту, чтобы пропорционально изменить другое значение.
Значения под предварительным просмотром изображения отображают тип файла, размер и время, необходимое для открытия изображения на веб-сайте. Эти числа обновляются по мере внесения изменений.
Когда фотография вас устроит, выберите Сохранить .
Введите имя фотографии и нажмите Сохранить .
Спасибо, что сообщили нам об этом!
Расскажите, почему!
Другой Недостаточно подробностей Сложно понятьКак сохранить высококачественные изображения для Интернета в Photoshop »XO PIXEL
Перед сохранением
Есть несколько вещей, которые вы должны проверить перед сохранением изображений. Первый — это проверка ваших документов. Режим изображения , а второй — настройка размера изображения . Вот как сделать и то, и другое:
Режим изображения
Чтобы проверить режим изображения в Photoshop, выберите Изображение> Режим . Проще говоря, если вы планируете использовать свои изображения для Интернета, ваше изображение должно быть в режиме RGB . Если вы планируете печатать документ на бумаге, ваше изображение должно быть в режиме CMYK . Установка режима изображения для предполагаемого конечного использования вашего изображения поможет гарантировать, что цвета вашего изображения будут отображаться с максимальной цветопередачей.
Разрешение изображения
Чтобы настроить разрешение изображения в Photoshop, выберите Изображение> Размер изображения . Помимо настройки изображения на желаемый размер, вы также должны убедиться, что разрешение подходит для его окончательного вывода (который в данном случае находится в Интернете). Как правило, качество изображений, сохраняемых для Интернета, составляет 72 пикселя на дюйм. Все, что больше или меньше этого, сделает изображение слишком большим или некачественным. Вы также можете настроить размер изображения в окне «Сохранить для Интернета» в Photoshop (см. Ниже).
Окно «Сохранить для Интернета» в Photoshop
Когда вы будете готовы сохранить изображения для Интернета в Photoshop CC, выберите «Файл »> «Экспорт»> «Сохранить для Интернета» (устаревшая версия). Откроется окно «Сохранить для Интернета». Понимание различных типов файлов, в которые вы можете сохранять изображения, значительно приблизит вас к сохранению высококачественных изображений для Интернета. Чтобы упростить задачу, я собираюсь просмотреть все типы файлов, в которые вы можете сохранять изображения (и рекомендации для каждого из них), в таблице ниже:
| Формат файла | Плюсы | Минусы |
|---|---|---|
| JPG | может отображать миллионы цветов, лучше всего использовать для красочных фотографий | не поддерживает качество прозрачности уменьшается каждый раз при открытии файла (сжатие с потерями) нет подходит для значков и логотипов |
| PNG-8 | 256 цветов поддерживают прозрачность, используемую для значков и логотипов с небольшим количеством цветов, аналогичных GIF, меньший размер файла, чем сжатие без потерь GIF (файл большего размера, чем JPEG) | большой размер файла для сложных изображений (фотографии) |
| PNG-24 | 24-битный цвет поддерживает прозрачность, используемую для значков и логотипов с множеством цветов, аналогичных сжатию без потерь JPEG (при каждом открытии файла качество не меняется) | размер файла больше, чем Большой размер файла JPEG для сложных изображений (фотографий) |
| GIF | Сжатие без потерь 256 цветов, лучше всего использовать для небольших микросхем с небольшим количеством цветов, которые лучше всего использовать для простых графических изображений, поддерживает прозрачность, поддерживает небольшие анимации | размер файла больше, чем в формате PNG |
Взвесив плюсы и минусы каждого типа файла в приведенной выше таблице, вы сможете выбрать, какой тип файла, в котором вы хотите сохранить окончательное изображение.Как видите, для каждого типа файлов есть несколько плюсов и минусов. Но есть также рекомендации по использованию для каждого типа файлов. Это поможет сузить круг вариантов. Правильный выбор типа файла для окончательного изображения гарантирует, что вы будете использовать высококачественное изображение в Интернете.
Качество изображения и размер изображения
После того, как вы выбрали файл изображения, в котором хотите сохранить изображение, теперь вы можете выбрать различные параметры качества изображения, уникальные для каждого типа файла.Выбор качества изображения JPEG довольно прост. Для получения изображения наивысшего качества выберите «Максимум» или установите «Качество» на 100. Для изображений PNG и , как указано в таблице выше, чем больше цветов вы выберете (до 256), тем более высокое качество будет изображение будет. Наконец, при сохранении изображения GIF , аналогичного PNG, чем больше цветов вы выберете, тем выше качество изображения. Просто имейте в виду, что чем больше цветов вы выберете для изображения, тем больше будет размер файла.Чем меньше цветов вы выберете, тем меньше размер файла. Вы просто не можете этого получить!
При сохранении изображений для Интернета также важно, чтобы они были сохранены в качестве окончательного размера изображения, которое вы планируете использовать в Интернете. Изображения, которые сохраняются намного больше, чем их конечное использование, увеличивают время загрузки страницы, чего вам следует избегать.
Сохранение изображения
После того, как вы выполнили все вышеперечисленные шаги, самое время сохранить изображение. Все, что вам нужно сделать, это нажать «Сохранить» в правом нижнем углу окна.Легкий!
Заключение
Сохранять высококачественные изображения для Интернета в Adobe Photoshop очень просто. Применяя советы и информацию, описанные выше, вы сможете сохранять высококачественные изображения для своего веб-сайта. Конечно, есть более подробные способы сохранения изображений для Интернета в Photoshop, однако для большинства веб-изображений всего, что я рассмотрел выше, определенно достаточно.
Оставьте комментарий ниже!
Как вы обычно сохраняете изображения для Интернета? Есть ли какие-то специальные методы или программы, которые вы используете для сохранения изображений? Давайте пообщаемся в комментариях ниже!
Сообщение навигации
Как экспортировать фотографии для Facebook, Instagram и вашего веб-сайта
Из всех сайтов, обсужденных до сих пор, ваш собственный веб-сайт, возможно, является наиболее важным.Для многих авторов личные веб-сайты — это инструмент, с помощью которого они должны заявить о себе. Обмен высококачественными изображениями является ключом к успеху в этой области.
Изображения высокого разрешения становятся еще более актуальными, когда речь идет о вашем интернет-магазине, который может располагаться на вашем сайте. Если вы продаете цифровые произведения искусства, чрезвычайно важно загружать изображения высокого качества, которые отражают детали вашей работы и представляют их так, как они выглядели бы после покупки.
При загрузке изображений для вашего онлайн-портфолио есть кое-что, что на самом деле даже более важно, чем качество изображений. Это происходит в форме применения руководящих принципов поисковой оптимизации (SEO).
Хорошее использование SEO приведет к тому, что ваш веб-сайт получит более высокий рейтинг среди других, а это означает, что больше потенциальных клиентов будут нажимать на ваш веб-сайт при поиске подходящего типа создателя.
Поисковые системы, такие как Google и Bing, ранжируют и индексируют ваш сайт по сравнению с другими аналогичными.Проще говоря, чем лучше ваше SEO, тем выше в результатах поиска вы окажетесь.
Один из способов улучшить свой рейтинг, определяемый поисковой оптимизацией, — это загрузить изображения с описательными и очень подробными названиями, которые должны включать ключевые слова.
При этом важно задавать себе вопросы о том, какие ключевые слова помогут привлечь клиентов. Что будут искать потенциальные клиенты? Как эти слова можно применить к моим изображениям? Соответствуют ли ключевые слова изображенной работе?
Ключевые слова, которые вы включаете, будут теми, которые позволят людям найти ваш сайт через поисковые системы.Например, если кто-то будет искать «фотограф», люди, пометившие свои изображения ключевым словом «фотограф», появятся где-то в результатах поиска.
Итак, допустим, вы загружаете изображение портрета, который вы отретушировали. Чтобы стимулировать его появление в поисковых системах, вы можете назвать файл retouching_professional_service_portrait или что-то подобное. Также неплохо добавить название того, где вы находитесь и где вы будете предоставлять свои услуги, чтобы привлечь местных клиентов.
Чем больше ключевых слов вы добавите, тем больше вероятность того, что ваше изображение появится, когда потенциальные клиенты будут искать услугу или работы для покупки. При этом не сходите с ума — включайте только релевантные ключевые слова.
Теперь, что касается экспорта самого изображения из Photoshop, мы обсудим соответствующие настройки, которые следует использовать при сохранении фотографии для использования на веб-сайте.
Давайте экспортируем эту деталь, используя опцию Export As .Чтобы использовать это, мы перейдем к File> Export> Quick Export As.
Photoshop CC Tutorial: Как сохранить для Интернета
Photoshop CC Tutorial: Как сохранить для Интернета — Benchmarq LtdОбновление COVID-19: Benchmark открыт для работы в обычном режиме
Учебное пособие по Photoshop CC: Сохранение для Интернета
При сохранении для Интернета важно убедиться, что изображение оптимизировано для Интернета, чтобы сократить время загрузки веб-страницы.Из этого туториала Вы узнаете, как сохранить в Интернете с помощью Photoshop CC 2015.
DPI означает «точек на дюйм». Следовательно, чем выше число точек на дюйм, тем больше информации и качества в изображении. Как правило, если вы печатаете физическую копию изображения, лучше всего иметь максимально возможное качество. Рекомендуемый минимум изображения для печати — 300 точек на дюйм.
Однако при сохранении изображений для публикации в Интернете рекомендуется сохранять как 72 DPI. Это связано с тем, что внутри изображения хранится меньше информации в виде пикселей, что означает, что оно будет быстрее загружаться на веб-сайте и уменьшит время загрузки.
Для получения дополнительной информации о разрешении и пикселизации изображения есть отличная статья на Creative Bloq.
Как сохранить для Интернета с помощью Adobe Photoshop
Начните с изменения размеров изображения в Photoshop и проверки разрешения. Рекомендуется изменить ширину изображения примерно до 1400 пикселей или меньше, чтобы соответствовать среднему размеру экрана. На изображении ниже уже было разрешение 72 точек на дюйм.
Чтобы открыть окно размера изображения Изображение> Размер изображения или нажмите alt> ctrl> I.
Чтобы сохранить изображение для Интернета, выберите «Файл»> «Экспорт»> «Сохранить для Интернета (устаревшая версия)». В предустановке убедитесь, что изображение в формате JPEG, измените качество на 72, затем нажмите «Сохранить». Чтобы сочетание клавиш открывало это меню, введите Alt + Shft + Ctrl + S.
Сообщение навигации
Benchmarq Ltd — зарегистрированная в Англии № 05402391 — № плательщика НДС 858 741 874 Зарегистрированный офис c / o Richard Place Dobson, 1-7 Station Road, Crawley, West Sussex Rh20 1HT
Photoshop Touch: Как сохранять и импортировать изображения
Сохранить и импортировать
Два урока Photoshop Touch уже позади, которые научили нас выполнять некоторые базовые настройки изображения, а затем сохранять их в собственной галерее PS Touch.
Вот, например, синяя роза, которую мы сделали в прошлый раз, которая может автоматически загружаться из галереи, когда вы открываете программу. Сохранение изображения в галерее предлагается автоматически в PS Touch перед выходом, но если вы закончили настройку фотографии и хотите сохранить ее, вы также можете сделать это, используя значок Готово в верхнем ряду.
Если щелкнуть значок Готово , появится небольшое окно с тремя вариантами.
Во-первых, вы можете сохранить изображение в галерее Photoshop ( Сохранить ), во-вторых, вы можете сохранить его под другим именем ( Сохранить как ), что полезно, если вы внесли новые изменения и не хотите перезаписывать предыдущая версия.В-третьих, вы можете отменить команду сохранения ( Не сохранять ). После использования любой из трех кнопок вы вернетесь в собственную галерею программного обеспечения, где сможете просмотреть предварительные просмотры всех измененных изображений.
Что делать, если вы хотите сохранить во внешней галерее изображений телефона или планшета, или даже если вы хотите поделиться в Интернете?
Для них тоже есть опции во внутренней картинной галерее. Перед импортом во внешнюю галерею щелкните значок зубчатого колеса в верхнем левом углу.Здесь вы можете установить размер импортированной фотографии ( Image Import ), который по умолчанию составляет 3 мегапикселя, но может быть даже 10.
Значок рядом с ним откроет меню, которое поможет вам создать новую импортируемую галерею, которой вы можете присвоить любое имя ( Создать папку ).
Сохранение или загрузка изображений осуществляется с помощью трех нижних значков. Первый касается облачных онлайн-сервисов Adobe Creative Cloud . Второй открывает новый снимок с внешнего источника, пусть даже свежий, сделанный камерой вашего телефона.Третий — это пул команд импорта.
Прикоснитесь к третьему значку, и вам будут предложены следующие три варианта:
Загрузить в Creative Cloud: Готовые фотографии, перечисленные выше, можно загрузить на их веб-сайт в Adobe Cloud (если у них есть такое место).
Сохранить в галерею: Выбранные готовые фотографии можно экспортировать во внешнюю картинную галерею.
Поделиться: Выбранными изображениями можно поделиться через один из сайтов обмена файлами в Интернете (или другой облачный сервис).
