Ускоряем производительность программы Adobe Photoshop. Оптимизация и настройка Photoshop, самое основное
Работа с большими изображениями предъявляет особые требования к производительности программы, особенно если вы используете функции HDR, Photomerge, 3D-объеты или видеослои. Данный урок по фотошопу я дам вам пару советов по оптимизации и ускорению работы фотошопа. Итак, приступим!
1. Используемая память
Фотошоп – это изначально 64-битная программа, и способна задействовать настолько большой объем памяти, какой только вы способны ей предоставить. Больший объем оперативной памяти, используемой при работе с большими изображениями, способен значительно ускорить работу программы. По умолчанию фотошоп использует около 70% доступной оперативной памяти, но вы всегда можете изменить этот параметр, зайдя в меню Редактирование > Установки > Производительность (Preferences > Performance). Внесенные здесь изменения вступят в силу только после перезапуска программы. Увеличение объема используемой оперативной памяти – наиболее эффективный способ увеличения производительности программы.
Данная шкала наглядно показывает, какую часть из доступной оперативной памяти использует фотошоп.
2. Рабочие диски
Когда в процессе работы вы выходите за пределы выделенной оперативной памяти, компьютер испытывает дополнительную нагрузку. В этом случае дополнительное дисковое пространство можно обеспечить, добавляя какие-либо внешние накопители в качестве рабочих дисков. При этом приоритетность дисков можно задавать при помощи стрелок в соответствующем окне настроек производительности. Добавляя рабочие диски, следует учитывать следующие факторы:
- SSD-приводы обычно более производительны, чем обычные HDD- приводы
- внутренние приводы накопителей предпочтительнее и быстрее внешних
Если вы используете внешние накопители, то лучше работать и интерфейсом USB 3.0, Firewire или Thunderbolt.
В этом окне можно назначать и задавать приоритет рабочих дисков.
3. Индикатор эффективности
Вы можете отслеживать эффективность работы фотошопа при помощи специального индикатора в строке состояния в нижней части окна программы. Для этого нужно поставить галочку на соответствующем пункте контекстного меню строки состояния. Эффективность, при этом, будет отображаться в процентном соотношении, где значение 100% соответствует максимальной эффективности. С целью повышения эффективности можно, к примеру, уменьшить количество слоев и смарт-объектов, что, в свою очередь, ведет к потере прежней недеструктивности рабочего процесса.
После того, как вы откроете в фотошопе какой-либо документ, в нижней части окна программы появится строка состояния.
4. Управление уровнями кэша и историей
В кэше сохраняется версия вашего рабочего изображения с низким разрешением, которая легко и быстро перерисовывается. Всего существует 8 различных уровней кэша, и чем больше из них задействовано, тем большее время требуется фотошопу для открытия файла. При этом, большее количество уровней кэша обеспечивает более быструю работу фотошопа после того, как документ будет открыт.
Чтобы открыть окно настройки данных параметров, пройдите во все то же меню Установки > Производительность (Preferences > Performance). При работе с небольшими изображениями с большим количеством слоев (например, вэб-дизайн) используйте режим “Небольшие, многослойные” (Tall and Thin). А при работе над большими иллюстрациями с малым количеством слоев (цифровой рисунок, фоторетуширование) задействуйте режим “Большие, мало слоев” (Big and Flat). Во всех остальных случаях лучше использовать набор настроек по умолчанию.
Большое значение истории действий так же ведет к снижению производительности. Данный параметр может быть изменен в диапазоне 1-1000. Для недеструктивной работы вполне достаточно величины 5. Если же вы художник, и часто используете в работе кисть, то лучше задать сохранение в памяти примерно 100 последних действий.
5. Уменьшение разрешения
Бывает очень полезно заранее определить назначение вашего конечного изображения, прежде чем приступить к работе над ним в фотошопе. Если вы знаете, что ваше изображение будет использовано на вебсайте, шириной всего 600 пикселей, то нет смысла работать с 20-мегапиксельным изображением. Поэтому, прежде чем применять фильтры, коррекцию и стили слоя, следует соответствующим образом уменьшить размер изображения.
6. Закрытие неиспользуемых документов
Совершенно очевидно, что несколько одновременно открытых документов замедляют работу фотошопа. Следите за тем, чтобы эффективность работы программы составляла не менее 100% (данный параметр отображается в строке состояния в нижней части окна программы).
7. Фоновое и автоматическое сохранение
Данные настройки доступны в меню Установки > Обработка файлов (Preferences > File Handling). Если вы активируете опцию Сохранения в фоне (Save in Background), вы можете не прерывать работу над документом, а ход процесса сохранения будет отображаться в строке состояния. Деактивация данной опции автоматически отключит и автосохранение. В процессе сохранения происходит обращение к рабочему диску, и при дефиците дискового пространства возможно заметное уменьшение производительности. Здесь же можно задать периодичность сохранения в диапазоне от сохранения каждые 5 минут, до сохранения каждый час.
8. Удаление истории
Всю историю операций и любой другой информации, содержащейся в буфере обмена вы можете удалить, пройдя в меню Редактирование > Удалить из памяти > Все (Edit > Purge > All). Данная операция особенно полезна, если у вас задано сохранение длинной последовательности действий, а так же если в процессе работы вы неоднократно копировали большие изображения. То есть, если в процессе работы был выделен и скопирован какой-то элемент, он “застревает” в буфере обмена и занимает определенный объем оперативной памяти.
9. Отключение панелей предпросмотра и миниатюр
В целях дельнейшего повышения быстродействия рекомендуется так же отключить отображение иконок предпросмотра на палитрах Каналов (Channels), Слоев (Layers) и Контуров (Paths). Отключение иконок предпросмотра несколько ускорит работу программы, но сделает отыскание нужных слоев, если вы плохо систематизируете их на палитре слоев. Если же вы аккуратно группируете ваши слои и присваиваете им значимые имена, то трудностей с нахождением нужного слоя даже не видя миниатюры, возникнуть не должно.
10. Оптимизация работы со слоями
Прежде все включите отображение размера документа в строке состояния. Первое значение при этом будет показывать размер файла, который он примет при растрировании, второй – его текущий размер. Текущий размер, как правило, значительно превышает размер предполагаемого растрированного файла.
Следует так же учитывать, что корректирующие слои очень удобны в использовании, но при этом они значительно увеличивают размер файла. Можно уменьшить размер файла за счет растрирования слоев, но данное изменение является необратимым, и вы можете утратить результаты своей недеструктивной работы.
В меню Файл > Сценарии (File > Scripts) вы можете найти несколько опций, которые помогут вам уменьшить размер файла, не прибегая к тотальному растрированию:
- Удалить все пустые слои (Delete All Empty Layers)
- Выполнить сведение всех эффектов слоя (Flatten All Layer Effects)
- Выполнить сведение всех масок (Flatten All Masks)
Для того, чтобы ускорить загрузку блога, рекомендуется оптимизировать изображение, то есть при минимальном объёме файла, получить максимально качественную картинку. Лидером рынка в области редактирования web-изображений является редактор Adobe Photoshop (Фотошоп). Скачать последнею версию можно с сайта разработчика или воспользоваться услугами таких программ, как MediaGet. Я выбрала последнее. Вот скаченный мной файл Adobe_Photoshop_CS5_En-Ru-Ukr . При обозначении настроек принято использовать английский язык, поскольку перевод (русификация программы) может варьироваться. Я же буду указывать обозначения, задействованные в данной версии программы.
Общие настройки сжатия изображения.
После предварительной обработки фотографии, выбираем пункт "Файл"-"Сохранить для Web и устройств". Не стоит сохранять оптимизированные картинки поверх оригинала, исходные изображения лучше держать под рукой. При сохранении, имя файла присваиваем латинскими буквами без пробелов, используя в качестве разделителя слов тире, формат - "Только изображения".
Определяемся с удобным способом предварительного просмотра результата оптимизации изо в сравнении с оригиналом:
- Исходное,
- Оптимизация,
- 2 варианта,
- 4 варианта.
Можно выбрать уже готовый вариант установок сжатия рисунка в поле "Набор". Для того, чтобы добавить свои часто применяемые параметры сжатия, нужно, после задания их значений, вызвать всплывающее меню и нажать на "Сохранить настройки". В том же меню есть возможность оптимизировать рисунок, задав лишь желаемое значение размера файла. Но для лучшего результата всё же следует использовать ручные настройки.
От показа метаданных я отказываюсь. Они увеличивают объём файла картинки.
При необходимости можно изменить размер изображения. Нежелательный эффект: изменение пикселей в картинке ухудшает чёткость рисунка. Я для манипуляций размера использую программу Image Resize Guide Lite (скачать с сайта разработчика). На мой взгляд, итоговая картинка получается чётче, чем в Фотошопе. А скриншот, по-возможности, стараюсь сразу получить нужного размера, либо предварительно уменьшив размер программы (см, рис. ниже), либо изменив масштаб в браузере: "Вид"-"Масштаб".
Оптимизация изображения в формате PNG-8.
Оптимальным вариантом для скриншотов является формат PNG-8 (вариация формата PNG). Данный формат предназначен для графических изображений и позволяет получить наилучшее сжатие, степень которого в наибольшей мере определяется количеством цветов и алгоритмом сокращения цветов:
- Перцепционная - за основу берутся текущие цвета скриншота, сохраняется целостность цвета, особое внимание уделяется восприятию цветовой палитры человеком.
- Селективная - предпочтение отдаётся Web-безопасным цветам (количество: 216), которые во всех браузерах выглядят одинаково.
- Адаптивная - цветовая таблица состоит из наиболее часто встречающихся цветов в исходном изо.
#000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
#003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
#006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
#009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
#00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
#00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
#330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
#333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
#336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
#339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
#33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
#33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
#660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
#663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
#666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
#669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
#66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
#66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
#990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
#993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
#996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
#999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
#99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
#99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
#CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
#CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
#CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
#CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
#CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
#CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
#FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
#FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
#FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
#FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
#FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
#FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
Web-цвета - допуск, с которым цвета преобразуются в ближайшие Web-цвета: чем выше значение, тем меньше вес файла и менее привлекательно изображение. Подобрать золотую середину не сложно.
При наличии дизеринга, отсутствующие цвета составляются из имеющихся путём их перемешивания, что позволяет получить скриншот, содержащие плавные переходы цветов. Размер файла при данной манипуляции увеличивается. Для большинства графических изображений в использовании этого параметра нет необходимости.
Прозрачность позволяет создать непрямоугольные изображения, что достигается присутствием прозрачных участков рисунка, через которые можно видеть фон блога. Для прозрачности лучше подходит формат PNG-24. При постоянном однородном фоне целесообразнее использовать поле "Матовый", задав цвет, соответствующий фону.
Всегда использую галочку "Чересстрочно", т.е. постепенного увеличения чёткости картинки по мере его загрузки. Чтобы посетитель имел возможность сразу увидеть скриншот.
Оптимизация изображения в формате PNG-24.
Этот формат применяется для полноцветных изображений, использует более 16 миллионов цветов в файле, сохраняет чёткие детали рисунка, поддерживает многоуровневую прозрачность, в результате чего конечный объём графического файла получается наибольшим. Оптимизация проводится лишь в двух направлениях: присутствием прозрачности и наличием режима "Чересстрочно".
Оптимизация изображения в формате GIF.
Формат GIF поддерживает по кадровую смену изображений. Широко используется при создании баннеров и анимационной графики.
Оптимизация изображения в формате JPEG.
Для цифровых фотографий и картин с плавными переходами яркости и цвета применяется формат JPEG. Он не подходит для многоразового сжатия, поскольку каждый раз будут происходить искажения фото. Если изображение уже было оптимизировано в JPEG, то при дальнейшем его сжатии не рекомендуется использовать другие форматы.
Перед осуществлением оптимизации фоторгафии, предварительно применяем команду "Фильтр"-"Шум"-"Уменьшить шум".
Степень сжатия определяется:
- Значением поля "Качество" (при использовании очень мелких контрастных деталей, не стоит выставлять качество ниже 51),
- Желательным наличием режима "Прогрессивный" (постепенная загрузка изображения),
- Значением поля "Размытие",
- Не обязательным присутствием галочки "Встроенный профиль" (большинство браузеров не могут читать ICC-профиль).
Пока я довольствуюсь этим материалом, что не мешает мне восхищаться работами профессионалов, которые применяют взвешенную оптимизацию и оптимизацию фрагментов. Также, для прочтения по данной теме рекомендую статьи "Студии Артемия Лебедева" .
Программа Image Optimizer.
Для быстрой оптимизации изображений без потери качества в формате PNG и JPEG можно воспользоваться программой Image Optimizer (ссылка компьютерного портала RU-BOARD). После использования Фотошопа, я применяю также эту программу, что позволяет ещё уменьшить размер объёма файла. Для JPEG практикую цифру 2 (Прогрессивный), а для PNG - 3 (Чересстрочно). При Xtreme происходит наилучшее сжатие.
Программа Blogger.
В первую очередь замечу, что поскольку блогпост не позволяет размещать у себя на сервере файлы, в Blogger интегрирован один из сервисов Google - веб-альбом Picasa. Автоматически в нём изображения закрыты для индексации поисковыми системами. Для разрешения поисковикам сканировать ваши изо, нужно
При включении картинки в блог, Blogger автоматически размещает ссылку на её оригинальный размер и место расположения (левый/правый край, по центру). Код при этом выглядит следующим образом (для работы с кодом нужно при редактировании/создании сообщения выбрать вкладку "Изменить HTML"):
Обратите внимание на часть адреса /s1600/ - он определяет размер изо. Оно может варьироваться по вашему усмотрению, а не только (маленький, средний, крупный, очень крупный, исходный). В данном случаем установлен "средний размер". Но, если выбрать "исходный размер", изображение уместится в ширину сообщения блога. То есть, можно безболезненно удалить ссылку, поскольку она не увеличивает рисунок и не улучшает качество просмотра. Я стараюсь , поэтому располагаю большую часть картинок в их исходном виде без использования тега .
Также мы видим тег
Тигры |