Imaginile sunt create şi editate cu ajutorul unor programe speciale de grafică.

Nişte indicaţii în
acest sens ar depăşi cu mult scopul acestui hăţiş, însă aici ar trebui precizate câteva
particularităţi ale imaginilor de pe Web. Indiferent de metoda de lucru şi tehnologia alese, vă
rugăm consultaţi literatura de specialitate potrivită pentru programele respective.

Elemente de bază

Imaginile nu sunt toate la fel. La lucrul pe Web, trebuie luate în considerare aspecte foarte
speciale, întrucât rolul artiştilor este să mărească valoarea calitativă a imaginilor, dar oferind
timpi de descărcare reduşi. Aspect general: cu cât sunt mai mari imaginile şi cu cât aveţi mai
multe pe pagina Web, cu atât se va mări timpul de descărcare a paginii.
Pentru Web, sunt folosite două tipuri de imagini: imaginile cu pixeli şi imaginile vectoriale.

Pixel sau vector?

Imagini cu pixeli sau imagini bitmap:

Imaginile cu pixeli sunt alcătuite din puncte ( = pixeli) alăturate. Rezoluţia acestor imagini
este dată în dpi ( = dot per inch = puncte pe inch, unde 1 inch = 2,54 cm). Monitoarele
standard pot reprezenta fizic numai 72 dpi, de aceea imaginile pentru Web nu au nevoie de o
rezoluţie mai mare.
În imaginile cu pixeli, este reprezentat fiecare punct al imaginii şi are atribuită o anumită
culoare. Întrucât numărul de puncte ale imaginii este determinat exact, imaginile de acest tip
nu pot fi mărite fără pierderi. De obicei, fotografiile sunt stocate în acest format.
Imaginile bazate pe pixeli pot fi afişate, create şi editate în programe cum sunt, de exemplu,
Corel Photo-Paint sau Adobe Photoshop.

Imagini vectoriale:
Spe deosebire de imaginile cu pixeli, imaginile vectoriale nu sunt alcătuite din puncte
individuale, ci din zone colorate. Sunt stocate numai punctele de început şi de sfârşit ale
fiecărei linii, iar punctele dintre ele sunt generate automat. De aceea, imaginile vectoriale pot
fi mărite fără pierderi.
Un alt avantaj al lor este că fişierele corespunzătoare imaginilor vectoriale optic echivalente
cu imaginile bitmap sunt ceva mai mici.
Imaginile cu pixeli pot fi afişate, create şi editate în programe cum sunt, de exemplu,
CorelDRAW sau Adobe Illustrator, aşa cum se întâmplă şi cu benzile comice din revistele
pentru copii.

Diferite formate grafice

Alegerea formatului grafic potrivit decide asupra calităţii şi timpului de descărcare a paginii.
Erorile comise în alegerea formatului nu mai pot fi corectate ulterior.

Formatul GIF (*.gif):

Formatul GIFa fost dezvoltat de serviciul online Compuserve şi este aplicabil pe orice sistem
de operare. În timp, a devenit standardul pentru Web şi cel mai popular format în rândul
designerilor web.
Imaginile GIF sunt alcătuite din 256 de culori şi sunt potrivite mai ales pentru imaginile cu
pixeli. În cazul fotografiilor de care rezoluţie înaltă, acest format nu este recomandabil, din
cauza profunzimii reduse a culorilor (8 biţi).
GIF funcţionează cu schema de compresie LZW (denumită după Lempel, Ziv şi Welch). Este
decomprimat fără pierderi, asta însemnând că imaginea arată ca la început. Rata de compresie
medie ajunge la 4:1.

Formatul GIF este preferat mai ales datorită câtorva particularităţi:

Întreţeserea (interlacing):
În mod normal imaginile sunt construite de browser linie cu linie. Cu cât este imaginea mai
mare, cu atât durează mai mult până să poată fi văzută de utilizator, în timp ce se încarcă. Prin
contrast, întreţeserea construieşte mai întâi o afişare generală cu contururi neclare, iar
imaginea devine mai clară în timp. Avantajul vizitatorului este că înţelege imaginile deja când
datele sunt pe jumătate descărcate, chiar dacă procesul de descărcare s-ar opri prematur.
Pentru a produce o astfel de imagine , trebuie ca în programul în care lucraţi (Fireworks, sau
Adobe Photoshop, de exemplu), să selectaţi împreună cu compresia GIF, opţiunea Interlaced.

Transparenţa (formatul GIF89a):

În formatul GIF89a, există posibilitatea de a defini ca transparentă o culoare a imaginii.
Browserul reprezintă toţi pixelii acestei culori ca transparenţi, ceea ce înseamnă că în aceste
locuri fundalul se vede prin imaginea GIF.

Dacă intenţionaţi să creaţi imagini

GIF transparente,
ar trebui ca opţiunea Anti-Aliasing
(netezirea marginilor) să fie dezactivată, altfel
tranziţiile la zona transparentă vor fi inexacte
şi va apărea efectul de „blitz“.

Animaţia:
În timp ce aţi navigat pe marile întinderi ale Web-ului, aţi văzut deja, cu siguranţă, săgeţi în
mişcare, mingi care se rotesc, şoareci care denasează, broaşte care sar, inimi care bat şi pitici
săltăreţi. Asemenea animaţii pot fi generate cu fişere GIF, în sensul ca mai multe imagini
simple sunt aranjate secvenţial şi sunt schimbate după un anumit timp.

În Corel Photo-Paint şi în Fireworks, de exemplu, puteţi genera astfel de animaţii, dar trebuie
să creaţi toate imaginile individuale, să le asamblaţi şi să lucraţi cu ele folosind un software
special. Viteza secvenţei poate fi determinată la crearea animaţiei.

Formatul JPEG (*.jpg):

Formatul JPEG (Joint Photographic Experts Group) poate reprezenta, prin contrast cu
formatul GIFpână la 16,7 milioane de culori. Este posibilitatea cea mai eficientă de
reprezentare a imaginilor şi fotografiilor complexe, cu rezoluţie înaltă. Dimensiunea fişierului
este diminuată prin reducerea datelor, în timp ce informaţiile despre strălucire sunt separate
prin culori. Formatul JPEG păstrează simultan o copie bună a versiunii alb negru a imaginii
care poate fi percepută de ochiul nostru, iar majoritatea nuanţelor de culori pe care le putem
distinge sunt păstrate.

Spre deosebire de formatul GIF, formatul JPEG nu este, din păcate, fără pierderi, deoarece în
procesul de compresie a imaginii anumite informaţii se pierd. Cu cât este mai mare rata
compresiei fişierului, cât atât devine mai reacalitatea imaginii. Rata compresiei variază de la
10:1 la 100:1.
În unele programe de grafică, de exemplu în Fireworks, această rată de compresie poate fi
ajustată puţin la salvarea fişierului, iar în alte programe, ca Adobe Photoshop au niveluri
prestabilite. Cu cât este selectată o rată de compresie mai mică, calitatea iamginii este mai
bună, dar cu atât mai mare va fi fişierul.

Comprimarea nu poate fi anulată. De aceea, ar trebui să asiguraţi fişierul original în alt loc
înainte de a vă aventura în alt experiment.

Din nefericire, formatul JPEG nu suportă transparenţa, nici întreţeserea sau animaţia.

Formatul PNG (*.png):

Formatul PNG (Portable Network Graphics) a fost dezvoltat special pentru Web şi reuneşte
avantajele imaginilor GIF şi JPEG. Imaginile PNG pot fi salvate cu o profunzime a culorii de
48 de biţi şi pot fi comprimate fără pierderi. În plus, poate reprezenta până la 16,7 milioane de
culori. PNG suportă transparenţa şi întreţeserea, dar nu şi animaţia.

Dezavantajul imaginilor PNG este că nu pot fi afişate decât de browserele din a patra
generaţie sau mai noi. În crearea paginilor Web, acest format trebuie folosit deci cu prudenţă,
pentru a nu supăra o parte a vizitatorilor.

Calitatea imaginilor pe Web

Pentru calitatea imaginilor de pe Web, există mai mulţi factori decisivi:

Calitatea imaginii în sine;

Sistemul de operare;

Browserul;

Monitorul;

Placa video;

Anumite imagini de pe Web sunt reprezentate diferit în diferite browsere. Netscape Navigator
afişează culorile din tabelul de culori CLUT, iar Internet Explorer foloseşte schema de culori
Windows.

Numai 216 culori standard, considerate sigure, sunt combinate şi reprezentate identic în toate
browserele curente. Browserul schimbă o culoare care nu este conţinută în această paletă, iar
în locul ei este aleasă o culoare similară sau o nouă combinaţie de culori (procesul se numeşte
„dithering“).
Profunzimea culorii:
Profunzimea culorilor unui sistem este determinată de monitor şi de placa sa video (grafică).
Este exprimată în BIŢI şi are semnificaţia:

1 bit 2 culori;
2 biţi 4 culori;
3 biţi 8 culori;
4 biţi 16 culori;
5 biţi 32 culori
6 biţi 64 culori;
7 biţi 128 culori;
8 biţi 256 culori;
9 biţi 512 culori;
10 biţi 1024 culori;
până la
32 biţi 16,7 milioane de culori.

Acest factor este independent de utilizatori şi nu poate fi influenţat de ei. Cu toate acestea, ar
trebui să ştiţi aceste aspecte dacă proiectaţi şi creaţi o pagină Web.

Imagini pentru Web – de unde?

Pentru a vă procura imaginile necesare paginii Web, există mai multe posibilităţi, care pot fi
împărţite în două categorii:

Metode ilegale şi

Metode legale.

Metode ilegale:
Cea mai simplă şi mai ieftină sursă de imagini pentru Web este Web-ul însuşi. Pot fi salvate
în mare (aproape) orice fundal şi orice imagine şi pot fi folosite la pagina Web pe care o
creaţi. Însă trebuie să ştiţi că mai toate imaginile fac obiectul legilor de copyright. În cazul în
care creaţi o pagină Web comercială, trebuie să dobândiţi dreptul de a folosi imaginile
respective. Paginile personale nu prea sunt controlate şi nu sunt subiectul necondiţionat al
acestor legi severe.

Salvarea fundalului:
Dacă aţi descoperit pe o pagină un fundal care vă place, executaţi clic dreapta pe orice loc al
fundalului şi selectaţi Save Background as… din meniul contextual. Alegeţi un loc pentru
salvarea fundalului.
Fundalul va fi salvat în formatul pe care îl avea pe pagina respectivă. El nu are influenţă
asupra formatului imaginilor, şi poate fi încorporat imediat în pagina dumneavoastră. Anumite
imagini de pe Web sunt totuşi protejate şi nu pot fi salvate.

Creaţi-vă un folder special care conţine imagini de pe Web. Copiaţi fişierele corespunzătoare
înainte de publicarea pe pagina Web, apoi în folderul care însoţeşte pagina.
Salvarea imaginilor:
Procesul este acelaşi ca la salvarea imaginilor de fundal. Executaţi clic dreapta pe imaginile
potrivite şi selectaţi Save picture as din meniul contextual.

Imaginea salvată poate fi editată direct într-un program de grafică sau poate fi încorporată
direct pe pagina dumneavoastră Web. Totuşi, nu aveţi influenţă asupra rezoluţiei imaginilor.
Imaginile cu rezoluţie slabă pot fi îmbunătăţite, însă veţi pierde mult timp.

Metode legale:
Metodele legale de procurare a imaginilor sunt întotdeauna mai scumpe şi, de obicei, mai
scumpe decât cele procurate pe cale ilegală. Dar veţi păşi spre viitor cu conştiinţa curată –
dacă vă pasă de asta.

CD-urile cu imagini:
Cumpăraţi-vă unul sau mai multe CD-uri cu imagini gata create şi potrivite pentru Web.
Creaţi-vă propriile imagini:
Fiţi creativ şi exploraţi la maxim posibilităţile programelor de grafică. Puteţi crede că sunteţi
Leonardo, uneori puteţi glumi pe tema asta!

Aspecte legale despre Web:

Anumite pagini Web oferă imagini absolut gratuit, pe care le puteţi utiliza nelimitat.
Introduceţi într-un motor de căutare cuvinte precum gif, gif-uri animate, download gratuit,
butoane, bare, fundal şi combinaţii ale lor.

Inserarea unor imagini

Pentru inserarea anumitei imagini, fotografie sau desen, veţi selecta Insert, Picture... În
fereastra care apare, veţi executa clic pe butonul de căutare a unei imagini.

şi veţi indica locaţia imaginii care trebuie inserată; confirmaţi prin clic pe butonul Open.

Ar trebui să inseraţi imaginile la dimensiunea originală (1:1), fără să le scalaţi. Anumite

editoare şi programe vă oferă această posibilitate, deoarece multe browsere nu reprezintă bine
imaginile scalate. Mai bine faceţi schimbările de dimensiune într-un program de grafică
înainte de a insera imaginea în pagina Web.

Aliniere

Imaginile inserate pot fi aliniate la stânga, centrat sau la dreapta. Indentarea poate fi şi ea
mărită sau micşorată. Imaginea este inserată pe aceeaşi linie cu textul, ceea ce poate duce la
distorsiuni inestetice.