Робимо якісний скріншот, замітки

37. Робимо якісний скріншот

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

Майже на кожному з таких сайтів існує розділ ?? Скріншоти ?? (?? Screenshots ??). Якщо хто не в курсі, то скріншот (дослівно ?? знімок екрана ??) ?? це зображення-копія вмісту екрану комп'ютера. За скриншоту потенційний користувач програми може отримати уявлення про її зовнішній вигляд.

Навіть якщо дизайн сайту виконаний професійної студією, майже завжди скріншоти роблять самі програмісти ?? адже нові версії програм виходять дуже часто, і зроблені одного разу скріншоти застарівають; доводиться їх час від часу оновлювати. Природно, у програмістів є набагато важливіші заняття, ніж вивчення тонкощів підготовки графіки для WWW, але через це якість публікованих на софт-сайтах скріншотів сильно страждає: картинка то виходить занадто великий і рідкісний користувач дочекається хоча б половини її завантаження, то виявляється розмитою і виглядає погано.

Так, спочатку я хочу зробити застереження, що подальші рекомендації відносяться до процесу підготовки скріншотів тільки до програм, чий інтерфейс витриманий в стилі оформлення Windows-програм (стандартний вид вікон і їх елементів ?? заголовків, рамок, кнопок і т.п.). Підготовка скріншотів до програм, які мають багатобарвний нестандартний інтерфейс (наприклад, до великих і складних ігор), принципово мало чим відрізняється від обробки, скажімо, повнокольорових фотографій і оптимізації їх для Web.

Спочатку треба вибрати формат файлу, в якому буде збережений скріншот. Ні, звичайно, про збереження файлу до того, як створена картинка, говорити рано, але вибір формату файлу в чому визначає дії по її створенню і обробці.

Дуже багато дизайнерів роблять помилку, зберігаючи скріншоти в форматі JPEG. Адже інтерфейс Windows (втім, як і інтерфейси Macintosh і графічних оболонок Unix) побудований на прямих лініях і досить невеликій кількості квітів (не більше 256, але зазвичай ?? від 8 до 32 кольорів). Тобто для збереження зображення комп'ютерних інтерфейсів ідеально підходить формат GIF. Якщо ж ви збережете скріншот в форматі JPEG, то в результаті використовуваної в цьому форматі компресії зображення прямі лінії і написи на зображенні будуть сильно розмиті, і вона придбає непривабливий вигляд. Звичайно, можна зберегти скріншот в JPEG і без стиснення, але тоді обсяг отриманого файлу буде занадто великим.

Що стосується кольорів, то в першу чергу потрібно звернути увагу на таку деталь. У Windows 98 і пізніших версіях цієї системи фон заголовків вікон не суцільний, а градієнтний (тобто у вигляді плавного переходу від одного кольору (синього) до іншого (світло-блакитного)). У цьому переході ?? беруть участь ?? кілька мільйонів квітів ?? так як дійсно плавним такий градієнт виглядає в режимі мінімум 24 біт (2 з копійками мільйона квітів). Уявляєте, як сильно постраждає якість скріншота при його оптимізації до стандартних для формату GIF 256 квітів, не кажучи вже про 16 кольорах? І це при тому, що ніякого смислового навантаження цей градієнт не несе ?? так, непотрібне прикраса.

Тому потрібно відкрити ?? Властивості екрану ?? Windows, вибрати закладку ?? Оформлення ?? і встановити для заголовка активного вікна однакові ?? Колір ?? і ?? Колір 2 ??. Після цього мільйони квітів, присутні у вікні програми, заміняться всього одним.

До речі, якщо ви для оформлення своєї системи використовуєте будь-яку специфічну тему (нестандартні кольори, шрифти), то в цьому ж вікні встановіть стандартну схему оформлення. Справа в тому, що екзотичний вид звичайних елементів Windows (вікон, кнопок і т.п.) може збити з толку не дуже досвідчених користувачів або просто перешкодити сприйняттю інформації. Пам'ятається, Євген Козловський, ведучи в рубрику ?? Город Козловського ??, супроводжував свої статті скриншотами, де для заголовків вікон був обраний малочитабельні рукописний шрифт.

Тому краще за все змінити розміри вікна ?? знімається ?? програми до потрібних вам (з деякими вікнами, наприклад, вікнами діалогів, це не вдасться ?? так як вони мають незмінну кордон). При цьому не потрібно соромитися ?? залишити за кадром ?? частина кнопкових панелей інструментів або зменшити робоче поле (там, де, наприклад, в MS Word набирається текст) ?? головне, щоб глядачеві було зрозуміло їх функціональне призначення.

Іноді буває так, що зменшити розміри вікна програми можна, так як його вміст має бути показано ?? у всій красі ??. Я постійно стикаюся з такою ситуацією при підготовці ілюстрацій для матеріалів розділу ?? Огляди ?? цього сайту. Тут нічого не поробиш: такий скріншот доводиться масштабувати в Photoshop і потім зберігати його в форматі JPEG. Єдине, що радує ?? так як квітів у таких знімках екрану відносно небагато, то можна застосовувати високий рівень стиснення JPEG (60% ?? 70%) - зниження якості майже непомітно.

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

Отже, щоб скопіювати вміст екрану комп'ютера в буфер обміну, натисніть клавішу PrintScreen. Якщо вам потрібно скопіювати тільки вміст активного вікна, натисніть комбінацію клавіш Alt + PrintScreen.

Далі, якщо потрібно, ви можете відредагувати картинку ?? наприклад, виділити область зображення і скопіювати її в новий файл.