www.seomark.ru
Обзоры интересных и полезных программ, фотография, радио, веб-дизайн и т.д. и т.п. и др. и пр.

Фотолаборатория

Логотип Фото

Скриншоты - снятие и подготовка для Web

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

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

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

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

Для примера, приведу скриншоты верхней части типичного окна Windows с синей полосой. Первый снимок конвертирован в PNG-8 из несжатого формата BMP, второй - из BMP в JPEG сопоставимого с первым снимком качества, третий - из JPEG среднего качества в PNG-8. В скобках указаны размеры оптимизированных файлов.

Синяя полоса 1 Из BMP в PNG-8 (1,37KБ)

Синяя полоса 2 Из BMP в JPEG (4,31КБ))

Синяя полоса 3 Из JPEG в PNG-8 (4,98KБ)

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

Следовательно, для подготовки изображений, оптимизируемых в GIF и PNG-8, исходники должны быть в несжатом формате BMP, TIFF или PSD. Если же они представлены в JPEG, то потребуется кропотливая подготовка изображений для их переформатирования. Причем достаточно всего один раз сжать изображение в JPEG даже самого высокого качества - и дальнейший перевод в GIF и PNG-8 становится практически неэффективным. Даже если вы снова вернетесь из JPEG обратно к несжатому формату, то все равно не сможете хорошо оптимизировать изображение в GIF и PNG-8. Это следствие того, что JPEG - формат сжатия с потерями и вносит необратимые изменения в изображение.

Таким образом, при выборе программ для снятия скриншотов следует выбирать те, которые позволяют сохранять снимок в несжатом формате, а уже затем оптимизировать его. На мой взгляд, неплохая программа снятия скриншотов - ScreenHunter 4.0 Free фирмы Wisdom Software Inc. Имея объем всего 680 КБ, она поддерживает запись в формате BMP без сжатия, обеспечивает выполнение большинства возникающих задач и очень проста в использовании.

Бесплатно скачать четвертую версию программы можно на сайте www.webnet.com.ru, а на сайте фирмы-разработчика предлагается последняя - пятая версия программы ScreenHunter 5.1 Free, отличающаяся интерфейсом, некоторыми второстепенными функциями и занимающая уже 5Мб памяти. Пример работы с этой программой описан в статье "Сжатие изображений с помощью скриншотов".

Бесплатно скачать программу снятия скриншотов ScreenHunter 5.1 Free можно на странице загрузок сайта компании-разработчика (размер около 5 Мб).

Важное замечание: программа ScreenHunter постоянно обновляется и последние версии, естественно, могут отличаться от описанной в статье V5.0. Если вы не найдете описываемую версию на сайте компании-разработчика, то можете скачать её здесь.

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

Рассмотрим работу программы ScreenHunter 4.0. При запуске открывается окно с тремя вкладками:

ScreenHunter 1
Настройки программы ScreenHunter 4.0 Free

На первой вкладке назначаем горячую клавишу (Hotkey) старта процесса снятия скриншота. В Windows для снятия скриншотов используется клавиша Print Screen.

Затем определяем область захвата (Capture) изображения с экрана. Возможны три варианта:

  1. Rectangle area (Прямоугольная область) - границы ее рисуются мышкой на экране монитора. При отпускании кнопки мыши скриншот записывается в файл;
  2. Active window - записывается изображение активного в данный момент окна по его границам. Это удобно, так как в дальнейшем не потребуется кадрирование;
  3. Full screen - снимок всего экрана монитора.

Если необходимо показать на скриншоте указатель мыши, ставим галку Include mouse pointer. Дополнительно можно установить время задержки (паузу) перед снятием скриншота Use timed capture в секундах.

На второй вкладке назначаем место для сохранения скриншота: в буфер обмена (Clipboard) и/или в файл (File). Через буфер обмена удобно вставлять скриншот в различные документы и изображения. В случае записи в файл становятся доступны параметры сохранения скриншота.

ScreenHunter 2

Как выяснили раньше, при назначении формата файла (File type) лучше использовать BMP, но вполне рабочие также JPEG и GIF, если вам не критичен размер файла. В конце концов, не всегда же скриншоты делаются только для размещения в интернете.

Функция нумерации снимков Automatic naming организована в программе очень грамотно. ScreenHunter складирует снимки в определенной папке, нумеруя названия их файлов. Даже если вы сотрете один из снимков, ScreenHunter восстановит корректную последовательность номеров. Такая способность программы удобна для создания анимации на компьютере. Имена скриншотов можно назначить в графе Prefix.

В графе Folder, естественно, указываем папку, где будем хранить собранные снимки экрана. И наконец, на последней закладке Advanced есть смысл установить флажок уведомления о конце снятия скриншота Notify end of capture with a message box.

ScreenHunter 3

Установив нужные параметры снятия скриншотов, переводим ScreenHunter в режим ожидания, нажав кнопку Stand By. В области индикаторов рабочего стола появляется значок программы.

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

Полученные скриншоты для размещения в интернете оптимизируем в Photoshop (см. статью "Оптимизация изображений для Web"). Некоторые особенности скриншотов позволяют уменьшить объем получаемого файла на 10-30%, например:

  1. Уменьшение цветов в изображении. Как известно, чем меньше цветов в изображении, тем сильнее его можно сжать с хорошим качеством. Типичный скриншот - окно Windows. Для передачи градиента синей полосы требуется не менее 64 цветов в формате GIF, а для остального содержимого окна обычно достаточно 8 цветов. Чтобы обойти это препятствие, выделим в Photoshop синюю полосу, например, инструментом Magic Wand Tool (Волшебная кисть), и зальем ее однородным синим цветом. Теперь 8 цветов вполне хватает. Информативность скриншота от этого не пострадает, а "вес" уменьшится. Аналогично можно отредактировать и другие области, где характер цветной заливки не имеет значения;
  2. Вырезание неинформативных участков или показ важного участка экрана вместо общего вида.
  3. Для некоторых скриншотов оптимально разделить изображение на фрагменты - слайсы и каждый оптимизировать по своему алгоритму сжатия. Например, при описании многих операций в Photoshop приводятся снимки окон, состоящие из фрагмента обрабатываемого изображения и регулировочных шкал с разными параметрами. В данном случае удобно применить разное сжатие для каждого участка окна. Этот способ рассмотрим подробнее в дальнейших статьях.

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

Для примера, рассмотрим получение скриншота отдельного кадра в популярном проигрывателе CyberLink PowerDVD. На панели управления программы нажимаем кнопку "Конфигурация".

Окно проигрывателя CyberLink PowerDVD
Панель управления программы CyberLink PowerDVD

В появившемся окне настроек выбираем Проигрыватель - Дополнительно и устанавливаем флажок "Размер текущего окна видеоизображения".

Установки проигрывателя для съемки кадра

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

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

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

12.08.2008 г.
обновлено 18.06.2009 г.

Далее - Снятие скриншотов и видео скриншотов. Обзор бесплатных программ

Задать вопрос автору





Яндекс.Метрика

Copyright © 2008 - Марк Розенталь e-mail: Мой e-mail
Перепечатка материалов сайта разрешается при условии сохранения имени автора и гиперссылки на www.seomark.ru
Ключевые слова: снятие скриншотов, скриншоты фильма, программа ScreenHunter