E-gradiva > Računalništvo > Programiranje > Načrtovanje in razvoj spletnih aplikacij > HTML > Večpredstavnost > Slike

Prijava

TIPI INFORMACIJE - SLIKA

tipi informacije slika     

  

             Bitna slika - vsaka točka na zaslonu predstavljena z barvo

         Vektorska slika (slika je predstavljena z obliko in barvo

 

Podatki, ki jih je treba shraniti, da lahko sliko kasneje ponovno prikažemo, vsebujejo:

 

 

Operacije nad slikami

 

  1. Urejanje. Osnovna operacija urejanja na slikah je spreminjanje barve posameznega piksla. Operacije urejanja vključujejo tudi rezanje, kopiranje in lepljenje skupine pikslov.
  2. Geometrijske transformacije. Osnovni geometrijski transformaciji sta razteg in rotacija slike. Implementirana sta lahko tudi zrcaljenje in ukrivljanje. Razteg za prevelik skalirni faktor se pri slikah z nizko ločljivostjo odraža v zmanjšani kvaliteti.
  3. Filtriranje. Pri filtriranju se nad vsakim pikslom slike uporabi posebna funkcija (filter). Pri tem se kot funkcijski argument uporabi trenutna barva piksla, pogosto pa tudi barvne vrednosti sosednjih pikslov. Rezultat je nova barva piksla. S filtriranjem tvorimo najrazličnejše efekte (npr. izostrenje, iskanje in poudarjanje robov objektov, spreminjanje barvne slike v črno belo).
  4. Zlivanje (composing). Ta operacija zlije dve ali več slik v novo sliko. Zlivanje je realizirano z uporabo Boolovih operacij.
  5. Pretvorba (conversion). Funkcije pretvorbe vključujejo različne notranje pretvorbe predstavitve slike, ki ne spremenijo videza slike. Tipična pretvorba je zamenjava barvnega modela. Npr. prepleteni barvni model RGB je primeren za računalniške zaslone, medtem ko tiskarji in boljši barvni tiskalniki rajši uporabljajo neprepleteni model CMY.

 

Originalna slika in  zrcaljena slika

 

tipi informacije slika

tipi informacije slika

Kompresijske metode brez izgub (losless)

 

    Omogočajo, da je restavrirana slika enake kvalitete, kot je bil original pred stiskanjem.

 

 

Kompresijske metode z izgubami (lossy)

 

   Dosegajo boljšo stopnjo stiskanja z izločanjem manj pomembnih informacij. Ko sliko restavriramo, je njena kvaliteta nižja, kot je bila pred stiskanjem. Uporabnik nadzira izgubo kvalitete in običajno išče optimum med kvaliteto slike in velikostjo datoteke. Najpomembnejši in najbolj priljubljen format v tej skupini je JPEG.

 

Slike

 

  1. Sliko vstavimo v dokument s pomočjo elementa <img> , ki je brez vsebine, torej nima zaključne značke. Element <img> je vrstični element, kar pomeni, da se slika v dokumentu obnaša kot en velik znak. Če želimo večjo sliko prikazati samostojno, jo moramo obdati z bločnim elementom. Element <img> ima nekaj pomembnih lastnosti:
  2. Z lastnostjo src določimo naslov slike (ime datoteke). Če se slika nahaja v isti mapi kot spletna stran, je za vrednost lastnosti dovolj napisati samo ime datoteke, kako se sestavi naslov datoteke, ki se nahaja kje drugje (v drugi mapi, na drugem strežniku), pa je podrobneje opisano v poglavju o aktivnih povezavah. Slika mora biti zapisana na datoteki oblike GIF, JPG ali PNG.
  3. Z lastnostma width (širina) in height (višina) določimo velikost pravokotnega področja, namenjenega prikazu slike. Če velikosti ne predpišemo, bo slika prikazana v njeni originalni velikosti (kot je zapisano na datoteki). Če podamo samo širino ali samo višino, bo slika tako široka oziroma visoka, kot smo zahtevali, pri čemer bo razmerje med njeno širino in višino ohranjeno (slika ne bo popačena). Če pa podamo širino in višino, bo prikazana slika točno tako velika, kot smo zahtevali (pri tem se lahko slika tudi popači). Priporočljivo je, da vedno podamo obe dimenziji slike. Samo tako bo brskalnik lahko že med nalaganjem strani rezerviral dovolj velik prostor, kjer bo kasneje prikazal sliko.
  4. Z lastnostjo alt na kratko opišemo, kaj se nahaja na sliki. Opis slike se prikaže, če z miško nekaj sekund počivamo na njej (prikaže se v rumenem okvirčku) ali pa če pregledovalnik slike ne more prikazati (prikaže se namesto slike).

 

 

Primer je tukaj.

 

 

           

tipi informacije slika