Obrßzky

Displej mobilnφch za°φzenφ je obvykle pom∞rn∞ mal² i pro zobrazovßnφ textu, a tak nßs m∙₧e p°ekvapit, ₧e WML nabφzφ i prost°edky pro zobrazovßnφ obrßzk∙. Tuto vlastnost dnes v∞tÜina strßnek vyu₧φvß pouze k zobrazovßnφ firemnφch log a reklamnφch banner∙. Existujφ vÜak i smyslupln∞jÜφ aplikace û zobrazovßnφ plßnk∙ m∞st, grafy v²voje cen finanΦnφch aktiv nebo t°eba p°edpov∞∩ poΦasφ s nßzorn²mi ikonkami.

Pro pot°eby WAPu byl vytvo°en nov² formßt WBMP. Ten umo₧≥uje uklßdßnφ pouze dvoubarevn²ch obrßzk∙. V budoucnu se pro WAP poΦφtß i s nov²m formßtem, kter² bude podporovat barevnΘ a animovanΘ obrßzky.

Pro konverzi stßvajφcφch obrßzk∙ do formßtu WBMP existuje mnoho nßstroj∙. K v∞tÜin∞ grafick²ch editor∙ lze doinstalovat plug-in s podporou pro WBMP. Pro prvnφ pokusy m∙₧eme pou₧φt i program WAP Pictus, kter² umφ nejb∞₧n∞jÜφ formßty p°evßd∞t do WBMP.

P°i p°φprav∞ obrßzk∙ musφme mφt na mysli dv∞ velkß omezenφ û velikost displeje a mal² poΦet barev. V∞tÜina telefon∙ je schopnß zobrazit obrßzky, jejich₧ Üφ°ka nep°esahuje 96 pixel∙. V²Üka displeje se nejΦast∞ji pohybuje mezi 40 a 60 pixely. NaÜe obrßzky by proto nem∞ly p°esßhnout rozm∞ry 96╫50 pixel∙. V opaΦnΘm p°φpad∞ neuvidφ u₧ivatelΘ obrßzek cel² najednou.

S konverzφ obrßzku si musφme chvφli hrßt. V barevnΘm obrßzku se toti₧ n∞kterΘ barvy p°evedou na bφlou a n∞kterΘ na Φernou. Algoritmus pou₧it² p°i p°evodu v²razn∞ ovlivnφ v²sledn² vzhled obrßzku. LepÜφ je v₧dy vyzkouÜet n∞kolik algoritm∙, kterΘ konverznφ programy nabφzejφ, a vybrat si ten nejlepÜφ v²sledek.

DalÜφm problΘmem je tvar pixel∙ na displejφch. N∞kterΘ mobilnφ telefony majφ pixely ΦtvercovΘ, n∞kterΘ zase obdΘlnφkovΘ. ProblΘm je v tom, ₧e obdΘlnφkovΘ pixely zkreslφ proporce obrßzku. Z kru₧nice se na takovΘm displeji rßzem stane elipsa. Na to vÜe musφme p°i nßvrhu grafiky pro WAP strßnky myslet.

Kdy₧ u₧ mßme obrßzky ulo₧eny ve formßtu WBMP, m∙₧eme je vlo₧it do wapovΘ strßnky. Slou₧φ k tomu element img. U n∞j musφme povinn∞ uvΘst dva atributy û src a alt. Prvnφ z nich obsahuje URL adresu souboru s obrßzkem. V∞tÜinou vÜak staΦφ uvΘst samotnΘ jmΘno souboru, proto₧e je ve stejnΘm adresß°i jako strßnka. Do atributu alt je pak sluÜnΘ napsat textov² popis obrßzku. Ten se zobrazφ v p°φpad∞, ₧e se obrßzek nepoda°φ naΦφst.

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" 
              "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
  <card title="Stranka s obrazkem">
    <p align="center">
      <img src="foto.wbmp" alt="Autorova fotografie"/>
    </p>
  </card>
</wml>

Obrßzek 4. Tak takhle ·₧asn∞ dopadne moje fotografie na displeji mobilnφho telefonu

U obrßzku je dobrΘ jeÜt∞ p°φmo urΦit jeho v²Üku a Üφ°ku. Dφky tomu mikroprohlφ₧eΦ m∙₧e hned p°i naΦtenφ strßnky vynechat pro obrßzek dostateΦn² prostor. Kdy₧ tyto ·daje nenastavφme, m∙₧e strßnka nep°φjemn∞ äposkoΦitô v okam₧iku, kdy se naΦte i obrßzek a prohlφ₧eΦ zjistφ jeho skuteΦnou velikost.

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" 
              "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
  <card title="Stranka s obrazkem">
    <p align="center">
      <img alt="Autorova fotografie" src="foto.wbmp" 
           height="50" width="37"/>
    </p>
  </card>
</wml>

ZaΦlen∞nφ obrßzku do okolnφho textu lze °φdit i dalÜφmi atributy, ale jejich vyu₧itφ nenφ p°φliÜ obvyklΘ. Displeje jsou toti₧ tak malΘ, ₧e obrßzek je v∞tÜinou stejn∞ zobrazovßn na samostatnΘ °ßdce a nenφ obklopen ₧ßdn²m textem.

⌐ Ji°φ Kosek 2000-2001