Тексти в графіку або як не бояться незнайомих слів

Досить часто, для оформлення сторінки при створенні сайту використовує зображення, зроблені в якомусь з графічних редакторів. І тут не важливо, з якою (растрову або векторну) графікою ви працювали. Ви помістили зображення в текст, який досить добре, чітко проглядається у вихідному варіанті, а ось у форматі JPEG, GIF або PNG слова стали не читані або створюється враження розмитості написи.
Вся справа в особливості утворення зображення.
Ви прекрасно знаєте, і неодноразово спостерігали за тим, що відбувається з растровим зображенням при його збільшенні. Чіткі лінії перетворюються в «драбинки» з квадратиків. Звичайно, щоб зображення при таких змінах не розмивалося, можна збільшити роздільну здатність (кількість пікселів на одиницю площі), але в такому випадку і вага вашого документа зросте в рази.
Вихід був знайдений. І творцям методу, як не дивно, допомогло знання психології. точніше особливостей сприйняття людини. Цей метод був названий … Не лякайтеся! Антиаліасінг…
Спробуємо розібратися з цим «страшним» слівцем, щоб не з’явилася тривожність при збереженні зображень, підготовлених для приміщення на сайт. Це слово може з’явитися практично в будь-якому графічному редакторі, якщо ви використовуєте не русифікований інтерфейс, або перекладач «забув» замість цього слова написати слово «зрозуміліше».
Наприклад: «згладити», «адаптувати кордону в растровому зображенні для екрану монітора». А з іншого боку, слово «згладити» не досить точно передає зміст поняття, а другий коментар занадто докладний, для приміщення в контекстне меню. А тому «антиаліасінг» залишиться антиалиасинг. Але якщо вам зручно, можете називати це дія згладжуванням кордонів.
Отже, уявіть собі растрове зображення кривої лінії, збільшену в кілька разів З’явилися «квадратики». А тепер, меду кольором лінії і кольором фону розмістимо проміжний шар квадратиків-пікселів, заповнивши їх перехідним кольором.
Між чорним-білим помістимо сірий, між білим і червоним – світло-червоний (додамо яскравості). Вийшло? Чисто візуально кордон згладилася. Цей метод і був названий «антиалиасинг». Цей метод використовується тепер у більшості сучасних графічних редакторів і чудово «маскує» піксельну структуру екранів монітора/
Текст з антиалиасинг досить добре читається і (що особливо важливо) при використанні дрібних літер. Але пам’ятайте, що якщо розмір ваших букв менше 5-ти пікселів, краще цим методом не користуватися, а просто скористатися системним шрифтом і краще використовувати шрифт без насічок.
Веб-студія Сайтоника – Розробка сайтів від сайтів-візиток до інтернет-магазинів