К вопросу о подделке скриншотов

Доброго времени!

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

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

Если на вашем компьютере уже было установлено приложение «Яндекс-диск», то вам не нужно утруждать себя и скачивать приложение отдельно. Просто обновите «Яндекс-диск» и дополнение автоматически установится и появится в трее при нажатии правой клавиши мыши на значке диска. Делать скрины можно с помощью «быстрых клавиш»: как и в большинстве программ, в Скриншотах действует как просто кнопка ПринтСкрин (Print Screen, PrtScn, PrtScr или PrtSc , Prnt Scrn – варианты названия кнопки на разных клавиатурах), так и разные сочетания клавиш. Все довольно просто! При нажатии одной клавиши или комбинации клавиш, вы получаете четкий и не размытый скриншот экрана.

Возможности приложения

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

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

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

• Стрелки (сплошную прямую и прерывистую изогнутую);
• Выделения разными фигурами;
• Выделения участков скриншота экрана полупрозрачным маркером;
• Размытую область для скрытия каких-то участков скриншота;
• Текст, причем на выбор предлагаются три шрифта: Arial, Georgia и Comic Sans. Текст можно писать на белой, черной «подложке» и без нее.
  Цвета стрелок, текста, «подложки» под текст, фигур можно изменять, для этого предложена палитра из 8 цветов. Еще изменяется толщина фигур и маркера (в трех вариантах).

Фактически, приложение совместило в себе сильно урезанную версию программы FastStoneCapture, позволяющую делать хорошие снимки экрана для размещения на веб-ресурсах, и что-то типа Floomby для «быстроскринов».

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

В качестве заключения

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

if(function_exists("the_ratings")) { the_ratings(); } ?>

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

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

Ничто так ни радует душу геймера, как красивый скриншот. Как приятно разглядывать картинки в разрешении 1280х1024 при 32-битной глубине цвета, где изображена поражающая плавностью линий сцена, с сотнями мегабайт текстур и эффектами, которых даже представить себе сложно. А тем более, когда это - кадр из игры, где, по словам производителей, минимальная скорость - 60 кадров в секунду (дальше просто кадров, или fps). И никому не придёт в голову, сколько 3D художники и моделлеры (не путать с модельерами) проработали в 3D Studio MAX, чтобы сделать эту сцену. Сколько времени 3DS MAX рендерил эту сцену, как потом в Adobe Photoshop на картинку были наложены поля и надписи, показывающие количество патронов и жизней у героя никогда не существующей игры. Никто и не подумает, как стыдно было представителям фирмы говорить, что это - кадры из технологической демки, где их продукт показывает не меньше 60 кадров в любом разрешении, и которую по причине недоделанности они никому не показывают.

И это относится не только к продуктам компьютерного железа, но и к играм. Вспомните первые скриншоты к играм Pray, Blood 2, Unreal. Все они были сделаны по этой технологии. Фирма Epic впоследствии призналась, что и разработчики Unreal грешили этим. Но, одно дело игра, а другое - высокотехнологический продукт, который должен будет спасти всё мировое сообщество от тормозов и глюков. Тот продукт, который в первые две недели разойдётся по цене, превышающей в два раза ту цену, которая установится через три-четыре месяца. Разумеется, ставки здесь выше и уровень обмана тоже. Мы рассмотрим именно этот случай. Здесь продуктом является видеочип (просто чип).

Итак, в отношении качества есть два основных направления обмана. Первый способ - улучшение качества скриншотов своего продукта. Второй способ - ухудшение качества скриншотов продукта конкурентов.

Рассмотрим каждую из этих методик подробнее.

Улучшение качества своих скриншотов

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

Способ первый и самый лучший - использовать пакет 3D Studio MAX, или аналогичный. Для этого придётся набирать штат художников, которые будут создавать сцены для демонстрации вашего видеочипа. Сначала создаётся настоящая качественная сцена со всеми источниками освещения, текстурами, различными эффектами типа огня и дождя. Затем сцена оптимизируется (уменьшается количество полигонов) чтобы сделать сцену более угловатой и похожей на реальные игры. Уровень оптимизации зависит от амбиций создателей видеочипов. В слишком гладкую сцену вряд ли кто поверит, а сцена с малым количеством полигонов никого не удивит.

После того, как оптимизация проведена, рендерится картинка - такая, какой она должна быть. Затем в программе Adobe Photoshop на неё накладываются различные фильтры, чтобы показать, допустим, трилинейную фильтрацию, дизеринг и всё такое. Здесь также при необходимости накладывается меню игрока, показывающее количество его жизней, патронов и всё, что нужно в таких случаях. Надо сказать, что эта стадия является очень важной и требует особого отношения. Ведь одно дело, что в вашей игре машина на трёх колёсах (это ведь всего лишь игра), а другое дело - если у вас плохо реализована трилинейная фильтрация. Так что те художники, которые доводят скриншот до ума должны обладать знаниями в 3D технологиях.

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

Способ второй.

Вы никогда не замечали, скриншоты на какие игры предпочитают выкладывать производители чипов? Это Quake / Quake 2 / Quake 3 и Unreal. Почему? Да потому, что модели и сцены из этих игр легко импортируются в 3D Studio MAX. В интернете легко найти плагины, программки и разные утилитки, которые переводят модели и целиком уровни с текстурами в нужный вам формат. А дальше всё идёт так, как рассмотрено выше.

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

Тут надо вспомнить истину, что софтверный рендеринг всегда лучше хардварного. Для этих целей берётся софтварная библиотека OpenGL или Direct3D, устанавливается в компьютер с видеокартой, имеющей очень качественное 2D (как, например, #9 Revolution IV) и мощным процессором (возможно не одним) и запускается игра. Здесь качество не зависит от видеокарты, а разрешение экрана определяется возможностями самой игры. Даже в самом слабом разрешении скорость игры составит 2-3 кадра в секунду (в лучшем случае), но для скриншота это не имеет значения. Поэтому выставляется наибольшее разрешение, включаются все эффекты и делаются скриншоты. Здесь качество будет самое лучшее, на которое способна игра.
Далее скриншоты загружаются снова в Adobe Photoshop и обрабатываются. Здесь получается нужная фильтрация, градиенты переходов цвета и другие эффекты. Готовая картинка сохраняется в чуть меньшем разрешении (для избавления от Aliasing-а) и - скриншот готов.

Ниже приведён скриншот из игры Quake 3 Arena, сделанный в софтварном режиме.

Ну, вот это и есть основные способы создания скриншотов повышенного качества. После того, как они были созданы, представители компаний заявляют, что именно в этом месте было 60 fps, что это их чип так красиво всё прорисовывает и что дальше будет ещё лучше. А глупые вебмастеры перепечатывают скриншоты на свои страницы, становясь разносчиками этой заразы.

Ухудшение качества чужих скриншотов

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

Способ первый

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

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

Способ второй

Для этого лучше всего взять ту игру, которая ещё не вышла. До недавнего времени такой игрой была Quake 3 Arena. Именно здесь, когда бета - версии запускаются не на всех компьютерах, когда у каждого свои результаты лучше всего подойдёт данный способ. Этот способ аналогичен второму способу улучшения качества. С той лишь только разницей, что всё делается наоборот.
Для начала потребуется всё тот же софтверный рендерер OpenGL или Direct3D. Почему лучше ухудшать идеальную картинку, чем реальную? Здесь много причин, понять которые можно лишь поработав с Photoshop. Например, легче создать заново видимость фильтрации, чем изменять уже готовую.
Снятие скриншота производится аналогично, как и при улучшении качества. Идеальную картинку загружаем в Photoshop и начинаем делить на уровни. Здесь главное - наметить, где и что ухудшать.

Чего боятся все покупатели видеокарт? Чего боятся те, кто покупает себе дорогие мониторы? Для чего они покупают дорогие мониторы? Чтобы увеличить разрешение? Но зачем? Чтобы улучшить чёткость изображения.

Действительно, ни что так не отпугнёт покупателя, как смазанность изображения. И те, кто поиграли в Quake 3 Arena на RivaTNT, уже вряд ли будут со спокойной душой смотреть на маленькие текстурки на Voodoo3. Именно для того, чтобы уменьшить смазанность изображения изобретаются новые типы фильтрации. И смазанность - первое, что надо сделать, чтобы раз и навсегда избавиться от конкурентов. Но так как сейчас практически у всех видеокарт качественный RAMDAC, то смазывать всё изображение не стоит. Нужно наметить больные точки и бить туда.
Первая точка - это качественные большие текстуры. Смазав их, можно будет показать плохую реализацию компрессии, плохую поддержку больших текстур. Но смазывать все текстуры безмысленно. Нужно выбрать те, на которых это особо будет видно. Подойдут надписи, схемы на стенах, и текстуры, имеющие мелкую структуру.

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

Первую и вторую точку можно с лёгкостью поразить следующими фильтрами.
Blur, Blur More, Motion Blur - эти фильтры используются для создания любых размытостей. Очень мощные, дают хороший результат.
Pixelate->Fragment хорошо используется в паре с фильтрами Blur. Пригоден для имитации фильтрации.

Третья точка - дизеринг. Здесь можно пойти разными путями. Первый - готовую картинку перевести не в 16-битный цвет, а в 8-битный, или чуть выше. Для этого потребуется специальное программное обеспечение. Но можно изменять не всю картинку, а только особые её фрагменты. Такими фрагментами являются дым, туман, свет прожекторов и фонарей, а также плавные градиенты цвета.

Для поражения третьей точки выделяются лучи прожекторов, туман, дым. Выделеное копируется в отдельный файл, затем у этого файла понижается количество цветов. Image-> Mode->Indexed Color. Здесь выбирается нужное количество цветов, затем это изображение конвертируется обратно в RGB (Image->Mode->RGB Color) и ставится точно на место в исходном файле. Можно также применить некоторые фильтры.

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

Для четвёртой точки лучше создать в 3DS MAX на белом фоне какой-нибудь угловатый объект (типа звезды, или Hedra), наложить на него wireframe текстуру и отрендерить. Затем снова отрендерить, но в другом положении и окрашеном в чёрный цвет. Остальое - дело техники.

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

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

Шестая точка - алиасинг. Эффект лесенки. Бич всех видеокарт. За его поддержку геймеры выложат последние кровные денежки. Даже надпись о том, что он будет поддерживаться в драйверах через год или два уже греет душу.

Здесь тоже возможны варианты. Основные - изменять разрешения при низком качестве ресэмплинга, или использовать фильтр sharpen . Последний способ эффективен на Wireframed объектах.

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

Для этого хорошо бы использовать инструмент Rubber Stamp - чтобы на месте пропавших букв закрасить картинку. Здесь опять же каждый работает по-своему.

Ну вот, вроде бы, и разобрались, как ухудшить изображение.

Внизу приведён скриншот из Quake 3 Arena, сделаный вторым способом. Левая половина была изменена мной, правая - оставлена в первоначальном виде.

Квадратами выделены места, на которых явно видны изменения.

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

Имитация спецэффектов

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

Вспомним про технологию T-Buffer от 3dfx . Там была очень интересная картиночка с изображением эффекта motion blur - размазывания объекта при движении. Вот она.

А вот это - картинка того же самого эффекта, но только из реальной игры - Quake 3 Arena.

Видна разница? В игре motion blur напоминает "хвост" от курсора мышки в Windows - всего лишь повторение прозрачных спрайтов. И назвать это motion blur как-то язык не поворачивается. Сразу появляется вопрос: где подделка? Даже если и та картинка и другая - поддлинники, то в первом случае, скорее всего, картинка статична (без движения) а во втором уже настоящая игра.

А вот как я представляю себе motion blur в Quake 3 Arena

Какая реальнее?

Обе картинки - подделки - сделаны в Adobe Photoshop. Но слева Motion Blur именно такой, каким должен быть, а справа - такой, каким представляет его нам 3dfx.

Ну и коль мы заговорили про T-Buffer, то вот эта картинка показывает эффект Focal Blur. Вся сцена, располагающаяся за телепортером смазана, сам телепортер в фокусе. Для чего этот эффект нужен - разговор отдельный, а вот подделать его можно.

Обратите внимание на fps в правом верхнем углу - подделка.

Выводы

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

Каким скриншотам можно верить?

На сто процентов - никаким. Даже фотографии образцов видеоплат и другого железа могут быть подделкой. Технология подделки таких фотографий не очень сложна. Так что увидев видеоплату, на которой стоят одновременно Voodoo2 и RivaTNT, сохраните её как образец творчества.

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

P.S. Никогда не ругайте скриншоты - ведь это плод работы многих людей...

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

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

Если вы пользуетесь Steam и имеете лицензионную копию игры, в которой вы собираетесь делать скриншоты, можно воспользоваться встроенной функцией, которая позволяет делать снимки экрана с помощью кнопки F12. Фото будут храниться только в формате.jpg, однако их можно будет сразу загружать в свою галерею на Steam.

Владельцы современных видеокарт от Nvidia могут делать скриншоты с помощью функции Shadowplay в GeForce Experience.

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

3. Не ленитесь экспериментировать с ракурсом, особенно, если есть время. Можете вспомнить любимые фильмы или посмотреть интересные фото на Google, чтобы иметь приблизительное представление, как строить кадр.

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

5. Фон играет наверняка же ключевую роль во всем процессе, однако не всегда. Красивая локация – это обычно то, что наталкивает людей на мысль сделать скриншот в какой-то игре. Также попробуйте сделать скриншот от камеры первого лица, если это позволяет игра.

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

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

Ashampoo Snap

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

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

Screenpresso

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

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

Screenpresso имеет даже очень неплохой встроенный графический редактор с базовым набором инструментов рисования – стрелками, фигурами, выделением, возможностью наложения эффектов. А еще Screenpresso имеет приятный интерфейс. Почему удалил? Мне нужно было что-то еще более простое и в тоже же время мощное, поэтому я и выбрал FastStone Capture.

FastStone Capture

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

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

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

Вы можете “запрограммировать” FastStone Capture таким образом, чтобы каждое изображение обрабатывалось соответствующим образом.

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

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

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

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

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

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

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

Очень многие дизайнеры совершают ошибку, сохраняя скриншоты в формате JPEG. Ведь интерфейс Windows (впрочем, как и интерфейсы Macintosh и графических оболочек Unix) построен на прямых линиях и довольно небольшом количестве цветов (не более 256, но обычно — от 8 до 32 цветов). То есть для сохранения изображения компьютерных интерфейсов идеально подходит формат GIF. Если же вы сохраните скриншот в формате JPEG, то в результате используемой в этом формате компрессии изображения прямые линии и надписи на картинке будут сильно размыты, и она приобретет неприглядный вид. Конечно, можно сохранить скриншот в JPEG и без сжатия, но тогда объем получившегося файла будет слишком большим.

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

Что касается цветов, то в первую очередь нужно обратить внимание на такую деталь. В Windows 98 и более поздних версиях этой системы фон заголовков окон не сплошной, а градиентный (то есть в виде плавного перехода от одного цвета (синего) до другого (светло-голубого)). В этом переходе “участвуют” несколько миллионов цветов — так как действительно плавным такой градиент выглядит в режиме минимум 24 бит (2 с копейками миллиона цветов). Представляете, как сильно пострадает качество скриншота при его оптимизации до стандартных для формата GIF 256 цветов, не говоря уже о 16 цветах? И это притом, что никакой смысловой нагрузки этот градиент не несет — так, ненужное украшение.

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

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

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

Во-вторых (и это самое неприятное), при масштабировании снимка экрана в графическом редакторе четкие линии оконного интерфейса Windows размываются, и теряется все преимущество формата GIF, который, как известно, лучше всего сжимает четкие и контрастные изображения. Например, этот маленький по размерам скриншот на диске занимает 11 килобайт — столько же, сколько и большой снимок окна “Свойства экрана” четырьмя абзацами выше.

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

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

Существует множество программ для создания скриншотов (одна из самых известных —). С их помощью можно скопировать содержимое экрана или его часть в буфер, отредактировать его и записать на диск. Лично я считаю, что все эти программы — от лукавого. Как говорится в старом анекдоте, “А руки зачем?!”. Незачем скачивать, оплачивать, осваивать еще одну программу, когда все можно сделать с помощью трех уже имеющихся у вас инструментов: рук, Windows и графического редактора.

Итак, чтобы скопировать содержимое экрана компьютера в буфер обмена, нажмите клавишу PrintScreen. Если вам нужно скопировать только содержимое активного окна, нажмите комбинацию клавиш Alt+PrintScreen.

Осталось совсем немного. Вы переходите в графический редактор. У многих из них в меню “Edit” (“Правка”) есть функция “Paste As New Image” (Вставить как новое изображение). В Adobe Photoshop нужно сделать на 2 клика больше: создать новый файл (размеры для него будут автоматически предложены равные размерам изображения, находящегося в буфере обмена) и нажать Shift+Insert. В результате вы получите новый графический файл, содержащий сделанный вами снимок экрана.

И, наконец, финальная стадия — сохранение файла. В зависимости от возможностей конкретного редактора, вам нужно выбрать цветовую палитру изображения. Поэкспериментируйте с палитрами 8, 16, 32, 64, 128, 256 цветов и остановитесь на той, при которой соотношение “качество картинки/объем файла” является оптимальным. После этого сохраните файл на диск в формате GIF — и качественный скриншот готов.