HTML/Pisipiltide kasutamine

Allikas: Vikiõpikud

Milleks pisipildid?[muuda]

Tihtipeale on veebilehekülgi tehes vaja hoida ja näidata fotosid. Kuna fotod on üldreeglina mahukad, siis ei soovitata üle 2-3 suure pildi ühele lehele panna. Esiteks on probleemiks aeglus ja seda seetõttu, et suured fotod tuleb läbi interneti oma arvutisse saada ning see võtab aega. Ka võtab aega nende piltide suurendamine või vähendamine veebisirvijas endas ning vähemvõimekates arvutites on üsna ebameeldiv sellisel juhul suuri fotosi vaadata. Et hoida kokku ressursse tehakse fotodest pisipildid (thumbnails), mis ei ole sama kvaliteediga, mis orginaalid, kuid siiski suudavad anda edasi selle, mida see foto kujutab.

Erinevad lahendused[muuda]

Fotod on eri mõõtudes, mõned on püstformaadis, teised laiformaadis, võimalik ka panoraamvaade. Pisipiltide tegemisel tuleb neid arvestada ning mitte venitamisega moonutada pilti. Võimalikud lahendused mis ei venita fotot pisipildil:

  1. Pisipildiks tehakse mingi osa fotost. Näiteks silm, puu, auto vms.
    • + iga kasutaja saab pisut omapära piltidesse pannna
    • + sobib väga suure kõrgus-laiussuhtega piltide puhul, nagu panoraamvaated
    •  ? erinevaid mõõtesuhteid omavad pisipildid raskendavad veebikujunduse tegemist
    •  ? mõni oluline detail võib välja jääda kuna ei näe kogu pilti
    • - ei ole automatiseeritav
    • - ei näe kogu pilti
  2. Pisipildiks tehakse automaatselt mingi osa pildist. Näiteks maksimaalne ruudukujuline osa pildist
    • + automatiseeritav
    • + sobib väga suure kõrgus-laiussuhtega piltide puhul, nagu panoraamvaated
    • + kuna kõik pidid on sama mõõtmega siis veebikujundust on sellevõrra kergem teha
    •  ? automatiseeritud pildid võivad tulla ebamugavatest kohtadest
    •  ? mõni oluline detail võib välja jääda kuna ei näe kogu pilti
    • - ei näe kogu pilti
  3. Piltides hoitakse suhet ühe mõõtme järgi. Näiteks pisipildi kõrgus on on igal pildil üks, laius aga püst ja laiformaadi piltidel erinev.
    • + automatiseeritav
    • + sobib kui kõik pildid omavad samat mõõdusuhet. Näiteks kõik pildid on püstformadis
    • + näha kogu pilti
    •  ? kui kõik pidid on sama mõõtmega siis veebikujundust on kerge teha, kui erimõõtmelised sisi tulemus ei ole ilus
    •  ? võimalik et ei sobi väga suure kõrgus-laiussuhtega piltide puhul, nagu panoraamvaated
    • - pisipiltide suurus on erinev püst ja laiformaadi puhul
    • - ei sobi kui on erinevate laiussuhetega fotod
  4. Piltides hoitakse suhet mõlema mõõtme järgi. Vähendatakse pilti senikaua kuni pilt mahub etteantud ritküliku või ruudu sisse.
    • + automatiseeritav
    • + näha kogu pilti
    • + veebikujundust on kerge teha
    • + sobib erinevate laiussuhetega piltide korral
    •  ? panoraamfotode korral on tulemus enamasti liiga väike