OSNOVE ICT-a

PRIKAZ SLIKA NA
MONITORU I PISAČU

6. razred

učiteljica: Iva Naranđa

 Prisjetimo se …
 Od kojih znakova je
sačinjen jezik kojim govori
računalo ?
 Što je bit, a što bajt ?
 U kakvom obliku trebaju
biti prikazani podaci da bi
ih spremnik računala
mogao upamtiti ?
 Kako slike i crteže pohraniti u
binarnom zapisu ?
• Da bi prikazalo sliku, računalo je pretvara u
određeni broj točaka
• Svaka točka može biti točno određene boje
koja se sastoji od tri osnovne komponente
(crvena, zelena i plava) što je tzv. RGB paleta
boja (engl. RedGreenBlue)

VIŠE …
DVIJE VRSTE GRAFIKA:

rasterska grafika i vektorska grafika

VEKTORSKA
GRAFIKA

RASTERSKA
GRAFIKA

VIŠE …
 RASTERSKA
GRAFIKA
• Slika se na zaslonu crta pomoću
niza točkica (elementa slike)
raspoređenih u kvadratnu mrežu, a
te točkice nazivamo pikselima
• Kvadratnu mrežu nazivamo raster,
VIŠE …
a takav način stvaranja slike
rasterska grafika
RAZLUČIVOST
ZASLONA

• Broj točaka (piksela) od kojih se stvara

slika na zaslonu naziva se razlučivost
zaslona
• Iskazuje se kao broj vodoravnih x broj
okomitih zaslonskih točaka (npr. 1024 x 768,
1200 x 1024 i dr.)
VIŠE …
 Kako nastaje slika na
zaslonu ?
• S unutrašnje strane stakla zaslona nalazi se mrežica
koja dijeli zaslon u kvadratnu mrežu
• Slika na zaslonu nastaje redanjem točkica odozgo
prema dolje, s lijeve strane na desnu
• Kada se jednom iscrta cijela slika, počinje se crtati
ispočetka
• Postupak se događa u dijeliću sekunde, tako da ga
naše oko ne primjećuje
• Točkice za pojedinu boju pojavljuju se jako blizu
jedna druge pa nam izgleda kao da se miješaju
 Slika na LCD monitoru ?

• Nastaje paljenjem i gašenjem

stotina tisuća malih žaruljica od
kojih se sastoji ekran
• LCD monitori daju savršeno čistu i
mirnu sliku
Kako provjeriti razlučivost vašeg zaslona ?
1. Start > Upravljačka
ploča > Prikaz
2. kartica Postavke, okvir
Razlučivost zaslona

ILI

1. Start > Control Panel >

Display
2. kartica Settings, okvir
Screen resolution
Primjer 1:
Kako prikazati srce u rasteru s 25 redaka,
svaki s 24 piksela (crno-bijelo)?
Srce se može nacrtati samo
približno !

Kako bismo mogli nacrtati

ljepše srce ?
ODGOVOR:

Pomoću finijeg rastera,

tj. upotrebom točaka
koje su manje i gušće.
 RAZLUČIVOST SLIKE
(REZOLUCIJA SLIKE)

• Broj piksela u rasteru po jedinici

duljine
• Što je broj piksela po jedinici duljine
veći, tj. što su točkice sitnije i gušće
poredane, raster je finiji, a slike ljepše
Slika na kojoj je vidljiva točkasta struktura:
 Primjer 2: crno – bijeli znak plus

• Za crno – bijele slike računalo

za svaki piksel treba upamtiti
je li bijel (0) ili crn (1)
razlučivost: 12 x 12 piksela
• Podatak koji sadrži
(ukupno 144 piksela) informaciju je li pojedini
piksel 0 ili 1 naziva se bit
• Za sliku treba upamtiti
cjelokupan niz bitova po
redovima (tzv. bitmapa)

znak plus prikazan pomoću

bitova (0 za bijelo, 1 za crno)
 A slike u boji ?

• Za slike u boji treba zapamtiti puno više

informacija
• Pojedini piksel treba opisati s tri bajta
informacija, po jedan bajt za svaku
komponentu boje
• Slika s više boja zauzima više memorije
 FORMATI POHRANJIVANJA
SLIKA
• Slike u boji treba “stisnuti” kako bi zauzele što
manje memorije
• Upotrebljavaju se različiti načini (formati)
pohranjivanja slika, a najpoznatiji su: BMP,
TIF, GIF i JPEG
• Ako istu sliku spremimo u formatu JPEG, GIF
i BMP te usporedimo veličinu datoteka, dobit
ćemo rezultat: BMP > JPEG, a JPEG > GIF
VIŠE …
 RAZLUČIVOST ISPISA
• Pisači također upotrebljavaju rasterski prikaz
slike
• Razlučivost ili rezolucija ispisa iskazuje se
točkama po jednom inču (dots per inch –
dpi) čime se opisuje veličina najmanje točke
koju pisač može ispisati
• npr. pisač od 600 dpi ne može ispisati točku
manju od 1/600 inča
VIŠE …
 VEKTORSKA GRAFIKA

• Za opis slike upotrebljava matematičke

formule, npr. za rad s dužinom upotrebljava
koordinate njezinih krajnjih točaka
• Objekt je određen kao skup koordinata i linija
• Čuva kvalitetu slike pri promjeni veličine
 ZAŠTO DVIJE VRSTE GRAFIKE ?
• Tehničke crteže je lakše izrađivati vektorskom grafikom,
a fotografije rasterskom grafikom
• Ako rastersku sliku želimo povećati, program će povećati
piksele, a ako je želimo smanjiti, program će ukloniti
neke piksele – time se gubi dio informacije o slici
• Prilikom promjene veličine vektorske slike program
povećava ili smanjuje slike prema matematičkim
formulama pa sve informacije o slici ostaju sačuvane
Razlika između slika napravljenih u rasterskoj i
vektorskoj grafici pri povećanju od 10 x:
Razlika između slika napravljenih
vektorskom i rasterskom grafikom:
Razlika između slika napravljenih
vektorskom i rasterskom grafikom:
 PONOVIMO …
• Što je piksel ?
• Što je razlučivost ili rezolucija zaslona ?
• Kako iskazujemo razlučivost zaslona ?
• Što je raster ?
• Navedi dvije vrste grafika.
• Što je razlučivost ili rezolucija slike ?
• Što je bitmapa ?
• Koliko bajta je potrebno za opis pojedinog piksela slike
u boji ?
• Koji su najpoznatiji formati za pohranjivanje slika ?
• Kako iskazujemo razlučivost ili rezoluciju ispisa ?
• Da li kod vektorske grafike ima gubitka na kvaliteti pri
promjeni veličine slike ?
• Kakva će biti rasterska slika ako ju povećamo?
 JI
ZA ONE KO
E L E Z NAT I VIŠE
Ž

a) razlika pojmova crtež i slika:

• u informatici se razlikuju pojmovi
crtež i slika: crtež (engl. draw) je
nacrtan vektorskom grafikom, slika
(engl. paint) je nastala rasterskom
grafikom
• crtež (kao informatički pojam) je
slika nastala vektorskom grafikom

NAZAD
 JI
ZA ONE KO
E L E Z NAT I VIŠE
Ž

b) višebojni pikseli

• sastoje se od tri “podpiksela”, tri točke koje je

moguće zasebno osvijetliti, a svaka sja zasebnom
bojom (crvenom, zelenom i plavom)
• “podpikseli” su smješteni jako blizu jedan drugom pa
ih ljudsko oko ne prepoznaje kao zasebne točke,
izgleda kao da je na tom mjestu jedna točka miješane
boje
• različitim intenzitetom sjaja i blizinom podpiksela
postiže se efekt sjaja piksela nekom od preko 16
milijuna boja NAZAD
 JI
ZA ONE KO
E Z NAT I VIŠE
c) zbrajajuće (aditivno)
ŽE L

miješanje boja

Obojeno svijetlo se miješa

prema određenim fizikalnim
zakonitostima i čini različite
nijanse i boje - taj način
miješanja boja nazivamo
zbrajajuće miješanje

NAZAD DALJE
 JI
ZA ONE KO
ŽE L E Z NAT I VIŠE d) oduzimajuće (subtraktivno)
miješanje boja
• Mješanje obojenih tekućina,
pasti i boja nazivamo
oduzimajuće miješanje
• boju vidimo zato što se bijela
svijetlost Sunca odbija od
obojene površine
• npr. ako želite miješanjem
različito obojenih tempera dobiti
nijanse i tonove, vrijede
drugačija pravila (više o tome u
likovnoj kulturi i fizici) NAZAD
 JI
ŽE
ZA ONE KO
L E Z NAT I VIŠE e) primjeri razlučivosti NAZAD

monitora:
KVALITETA RAZLUČIVOST GDJE SE KORISTI
Vrlo niska 480 x 640 danas se ne koristi, osim izuzetno
za crtanje u npr. BASIC-u
Niska 800 x 600 najniža podesiva razlučivost,
rijetko se koristi
Srednja 1024 x 768 standardno za današnja grafička
sučelja operacijskih sustava
Viša 1280 x 720 na većim zaslonima za prikaz
grafičkih sučelja operacijskih
sustava i u mnogim programima
Vrlo visoka 1280 x 1024 u vrhunskim programima za
grafičku obradu, za vrlo kvalitetne
animacije i najkvalitetnije
računalne igre
 ZA ONE KO
JI f) formati za NAZAD
Z NAT I VIŠE
ŽE L E
pohranjivanje slika
FORMAT OPIS
BMP Format Windowsa za bitmap slike, podržava 16 milijuna
boja (24 bit), nesažeti prikaz slike, datoteke vrlo velike

GIF Graphic Interchange Format, ograničen na 256 boja (8

bit), datoteke slika su male i brzo se učitavaju pa se često
upotrebljava na web-stranicama, podržava transparentnu
(prozirnu) podlogu
JPEG Joint Photographic Experts Group, može imati 16
milijuna boja (24 bit), upotrebljava se za slike na web-
stranicama, ne podržava transparentnu (prozirnu)
podlogu
TIFF Tagged Image File Format, može imati 16 milijuna boja
(24 bit), standard za sve vrste nekomprimiranih slika
 JI
ZA ONE KO
T I VIŠE
g) ispis u boji
ŽE L E Z NA

• Pisači u boji ispisuju otisak u četiri osnovne boje:

cijanoplavoj, magentoljubičastoj, žutoj i crnoj
• Nizanjem sitnih točaka tih četiriju boja postiže se privid
različitih boja
• Osnovni element ispisa ne naziva se pikselom, već
piknjom (engl. dot) – mlaznica za tintu ili laserska
zraka nanese na papir piknju tinte
• Postupak ispisa, za razliku od prikaza piksela na
zaslonu, za svaku piknju nudi samo dva ishoda: pisač ili
postavlja na mjesto piknje određenu količinu tinte ili ne
postavlja
• Većina pisača koristi CMYK sustav prikaza boja na
osnovi oduzimajućeg miješanja boja NAZAD