conBLOG

21. 6. 2004 pondělí

ClearType

Technologie ClearType by měla vylepšovat zobrazení písma na obrazovce v prostředí Windows XP. Technologie je určena podle Microsoftu pro monitory s plochými obrazovkami (zvlášť pro LCD monitory). Mnozí uživatelé ji ale rádi používají i na klasických stolních CRT monitorech.

Stránka bez ClearType

Výřez stránky zobrazené bez ClearType

Stránka s ClearType

Výřez stránky zobrazené s ClearType

Pokud byste si chtěli zapnout vyhlazování písem, pak:

Zobrazte dialog Zobrazení - vlastnosti (např. klepnutí pravým tlačítkem myši na ploše).
Zvolte kartu Vzhled a tlačítko Efekty….
V dialogu Efekty zatrhněte pole Používat metodu vyhlazování hran rastrových písem.
Ze seznamu zvolte položku ClearType.

ClearType a webové stránky

Webové stránky, které si prohlížíte na počítači se zapnutým ClearType vypadají mnohdy lépe. Písmo má hladší obrysy, je trochu tučnější a většinou se lépe čte. ClearType využívá tzv. antialiasing (vyhlazení), kdy jsou do hran objektů vloženy další barvy za účelem zdánlivého zkvalitnění především obrysů. Patrné je to na obrázku písmene V z již zmíněné stránky:

Písmeno V s a bez použití ClearType

Písmeno V: vlevo s ClearType, vpravo bez použití ClearType

Přesto z hlediska použití ClearType narážím na několik problémů:

ClearType rozmazává (především malé znaky). To může některé uživatele přinutit zvětšit si písmo.
S rozmazáním souvisí také zdánlivá změna tloušťky čar. Např. svislé tahy jednoho znaku mají různou sytost barvy.
Pokud na web dáváte screenshoty obrazovky, může mít výsledný obrázek větší velikost souboru. Typicky se nárůst velikosti pohybuje od 150 % - 250 %. Je to dáno přidáním dalších barev a bodů do obrazu (Ukázkové obrázky mají 43 barev a 2 barvy).
U klasického antialiasingu se do grafiky přimíchají většinou barvy vzniklé z přechodu barvy popředí a pozadí. ClearType generuje celou škálu různých barev (dobře je to vidět na ukázce písmena V). Vznikají tak docela psychedelické výjevy.

Souvislosti

Mrtvola se hýbe červy - Petr Staníček - diskuse byla inspirací pro spot
ClearType information - Microsoft Corp. - mj. odkaz na nástroj k nastavení ClearType

trvalý odkaz | komentáře (11)

Komentáře

1 Jiří Macich ml. | e-mail - web

21. 6. 2004 pondělí, 17.29

Tak já mám CRT s plochým displejem a vyhlazování mi způsobý spíše to na druhém obrázku tj. rozmaže se obraz :-(

2 pixy | e-mail

21. 6. 2004 pondělí, 17.46

To by mě docela zajímal nějaký příklad stránky, kde je s antialiasingem pod XP problém. Na Macu jsem se s tím totiž ještě nesetkal a měl jsem pocit, že když je to udělané dobře, tak s tím ani problém nemůže být. Ale je pravda, že Quartz na Macu (který to má mj. na starosti) je geniální zobrazovací engine a třeba to opravdu dělá nějak podstatně líp než Windows. Jestli nějaký příklad máš, moc rád bych ho porovnal v XP a MacOSX. Díky.

3 Jiří Bureš - web

21. 6. 2004 pondělí, 19.50

[2] On to ani tak není problém stránky jako spíš problém zobrazovacího systému (proto jsem spot dal do kategorie conBLOG a ne Webdesign). Ty příklady by mohly být patrné z prvních dvou obrázků tohoto spotu. Možná kdybys típl stejný obrázek (je to spot Jak nazvat homepage), jako jsou ty mé a poslal to, tak bych to mohl přidat jako 3. příklad.
Mě osobně se z estetického hlediska víc líbí ClearType "upravená" písma (podobně jako písma v US filmech/seriálech, když píšou na Macu). Škoda jenom, že to není dobře dotažené ve WinXP na CRT monitoru.

4 lolek

21. 6. 2004 pondělí, 21.46

Ta velikost souboru zase neni tak velka ... u Vaseho webu to dela pro jpg (50 bytu z velikosti 108kB), png (2 kB z velikosti 39kB) a pro gif (1 kB z velikosti 58kB) ... s tim, ze jsem nechal rovne podminky.

5 Jiří Bureš - web

22. 6. 2004 úterý, 7.52

[4] Je pravda, že jsem netestoval stovky screenshotů, ale na těch několika desítkách típnutých obrázků to dělá mnou uváděných 150 - 250 procent (u lépe optimalizovaných obrázků png to byla spíš ta horní hranice). Stačí si stáhnout dva uvedené příklady. U grafiky samozřejmě záleží na konkrétním obrázku. Já testoval především převážně textové weby. Když obraz zahrnuje více barev, tak se rozdíly stírají. To je pravda.

6 selda - web

22. 6. 2004 úterý, 8.24

Na ClearType si na 19" CTR nemohu stezovat. Znaky se rozmazavaji pouze pri hodne velkem zmenseni, a to jsou uz tak male, ze se stejne nedaji cist.

7 rony - web

22. 6. 2004 úterý, 12.28

krajsie je vidno ClearType na patkovom pisme, tam je rozdiel vzhladu az radikalny.

8 tark - web

23. 6. 2004 středa, 15.53

Mno, já si na ClearType nemůžu stěžovat -- 15"LCD 1024x768x32 ... Jediný co mi vadí je vyhlazenej Courier. :( Ale jinak je to super -- čte se to o hodně líp. :)