Подготовка скриншотов
Подготовка скриншотов
Почти на каждом из сайтов, посвященных программному обеспечению, существует раздел "Скриншоты" (Screenshots). Скриншот (дословно "снимок экрана") — это изображение-копия содержимого экрана компьютера. По скриншоту потенциальный пользователь программы может получить представление о ее внешнем виде.
Даже если дизайн сайта выполнен профессиональной студией, почти всегда скриншоты делают сами программисты — ведь новые версии программ выходят очень часто, и сделанные однажды скриншоты устаревают; приходится их время от времени обновлять. Естественно, у программистов есть гораздо более важные занятия, чем изучение тонкостей подготовки графики для WWW, но из-за этого качество публикуемых на Web-сайтах скриншотов сильно страдает: картинка то получается слишком большой и редкий пользователь дождется хотя бы половины ее загрузки, то оказывается размытой и выглядит плохо.
Однако скриншот — очень важная деталь для эффективного представления программного продукта в Интернете. Потенциальному пользователю зачастую гораздо приятнее и интереснее познакомиться с внешним видом программы, чем изучать длинный список функциональных возможностей. Например, мне на сайте каталога программ SoftList.ru пришлось сделать возможность показа скриншотов к опубликованным в каталоге программам во многом из-за многочисленных просьб посетителей. По статистике многих shareware-сайтов, страницы со скриншотами имеет один- из самых высоких уровней посещаемости. Поэтому долго загружающийся или некрасивый скриншот действует на потенциального пользователя программы отталкивающе.
То, что скриншоты на большинстве сайтов с shareware-программами имеют крайне низкий уровень исполнения, часто обусловлено тем, что авторы сайтов обращаются со скриншотами так, как будто это обычная картинка. Однако процесс создания скриншота программы несколько отличается от процесса подготовки обычной графики для Web-сайтов. В этом разделе я расскажу о том, как самостоятельно сделать качественный скриншот к программе.
Замечание 1
Замечание 1
Эти рекомендации относятся к процессу подготовки скриншотов только к программам, чей интерфейс выдержан в стиле оформления Windows-программ (стандартный вид окон и их элементов — заголовков, рамок, кнопок и т. п.). Подготовка скриншотов к программам, имеющим многокрасочный нестандартный интерфейс (например, к большим и сложным играм), мало чем отличается от обработки, скажем, полноцветных фотографий и оптимизации их для Интернета.
Сначала надо выбрать формат файла, в котором будет сохранен скриншот. Конечно, о сохранении файла до того, как создана картинка, говорить рано, но выбор формата файла во многом определяет действия по ее созданию и обработке.
Очень многие авторы совершают ошибку, сохраняя скриншоты в формате JPEG. Ведь интерфейс Windows (впрочем, как и интерфейсы Macintosh и графических оболочек Unix) построен на прямых линиях и довольно небольшом количестве цветов (не более 256, но обычно — от 8 до 32 цветов). А это означает, что для сохранения изображения компьютерных интерфейсов идеально подходит формат GIF: сжатие изображения без потерь качества, лучшая упаковка горизонтальных последовательностей точек (линий), максимум 256 цветов в одном файле. Если же сохранить скриншот в формате JPEG, то в результате используемой в этом формате компрессии изображения прямые линии и надписи на картинке будут сильно размыты, и она приобретет неприглядный вид. Конечно, можно сохранить скриншот в JPEG и без сжатия, но тогда объем получившегося файла будет слишком большим.
Как вы, вероятно, знаете, объем графического файла (формата GIF — особенно) в первую очередь зависит от количества цветов и размеров сохраненной в нем картинки. Вам также, скорее всего, известно, что в графическом редакторе при обработке загруженного файла можно установить любое количество цветов и любое разрешение (эти параметры могут быть ограничены ресурсами компьютера и возможностями конкретной программы). Но сопровождающее изменение размеров картинки незначительное ухудшение качества изображения (то же размытие линий и букв), почти незаметное при оптимизации фотографий, на скриншотах будет сразу бросаться в глаза — ведь все знают, как выглядит интерфейс Windows. Поэтому главная задача — сделать так, чтобы окно программы, с которого делается снимок, изначально содержало относительно небольшое количество цветов, и при этом было нужного размера, чтобы в графическом редакторе не потребовалось изменять эти параметры, ухудшая качество изображения.
Что касается цветов, то в первую очередь нужно обратить внимание на такую деталь. В Windows 98 и более поздних версиях систем семейства Windows фон заголовков окон не сплошной, а градиентный (т. е. в виде плавного перехода от одного цвета (синего) до другого (светло-голубого). В этом переходе "участвуют" несколько миллионов цветов — т. к. действительно плавным такой градиент выглядит в режиме минимум 24 битов (более двух миллионов цветов). Представляете, как сильно пострадает качество скриншота при его оптимизации до стандартных для формата GIF 256 цветов, не говоря уже о 16 цветах? И это при том, что никакой смысловой нагрузки этот градиент не несет, — это не более, чем украшение.
А вот если открыть диалоговое окно Свойства: Экран Windows, выбрать вкладку Оформление и установить для заголовка активного окна одинаковые значения полей Цвет и Цвет 2, то миллионы цветов, присутствующие в окне программы, заменятся всего одним.
Далее, если программа, с которой вы снимаете скриншот, может показывать полноцветную графику (например, это просмотрщик картинок или видеоплейер), то позаботьтесь о том, чтобы в момент, когда вы делаете снимок экрана, в программу было загружено какое-нибудь не очень пестрое, с небольшим количеством цветов изображение. Принцип тот же: чем меньше -тем лучше.
Теперь — о размере окна программы. На первый взгляд, не нужно особо задумываться над этим: проще простого сделать скриншот, а потом в графическом редакторе уменьшить изображение до нужного размера. Но в данном случае (когда речь идет не об изображении вообще, а о скриншоте) налицо два больших минуса. Во-первых, уменьшение снимка экрана отрицательно сказывается на качестве восприятия информации пользователем: на небольшом изображении трудно рассмотреть элементы интерфейса и оценить качество их исполнения. Во-вторых, и это самое неприятное, при масштабировании снимка экрана в графическом редакторе четкие линии оконного интерфейса Windows размываются, и теряется все преимущество формата GIF, который, как известно, лучше всего сжимает четкие и контрастные изображения. Например, если размеры рисунка (см. Рисунок 9.10) уменьшить в графическом редакторе в восемь раз, то получившийся в результате графический файл будет точно таким же, как файл исходного, большого изображения.
