1. Raster vs Vectorial — doua tipuri fundamentale
O imagine digitala poate fi construita in doua moduri complet diferite: raster sau vectorial. Alegerea determina cum se comporta imaginea la marire, cat loc ocupa si in ce situatii este utila.
Raster (Bitmap)
Imaginea este o retea (grila) de pixeli — fiecare pixel are o culoare precisa. Fotografiile digitale, scanele, capturile de ecran sunt raster.
Dezavantaj: La marire excesiva apar patratele (pixelizare). Calitatea e limitata de numarul de pixeli din fisier.
Vectorial
Imaginea este descrisa prin formule matematice: puncte, linii, curbe Bezier, forme geometrice, culori de umplere. Logouri, ilustratii, harti, fonturi sunt vectoriale.
Avantaj: Se poate mari la orice dimensiune fara pierdere de calitate. Fisierele sunt de obicei mai mici pentru forme simple.
Raster: Fotografia unui document de arhiva, scanul unui manuscris medieval, fotografia unui tablou renascentist, captura de ecran dintr-o harta online — toate sunt imagini raster.
Vectorial: Logoul revistei scolare, stema unui oras dintr-un referat de geografie, ilustratia schematica a unui arbore genealogic, o harta politica desenata in Inkscape — toate sunt imagini vectoriale.
Programe raster uzuale: Adobe Photoshop, GIMP (gratuit), Paint (Windows)
Programe vectoriale uzuale: Adobe Illustrator, Inkscape (gratuit), Canva (editare in browser)
2. Rezolutia si DPI — cat de detaliata este imaginea
Rezolutia unei imagini raster se exprima in pixeli: de exemplu, 1920 x 1080 pixeli inseamna 1920 de coloane si 1080 de randuri de pixeli. Cu cat mai multi pixeli, cu atat mai mult detaliu (si mai mult spatiu pe disc).
PPI — Pixels per Inch (ecran)
Masoara densitatea pixelilor pe ecran. Ecranele HD tipice au 72–96 PPI; ecranele Retina/4K depasesc 200 PPI. Mai multi PPI = imagine mai clara pe ecran la aceeasi dimensiune fizica.
DPI — Dots per Inch (tipar)
Masoara densitatea punctelor de cerneala ale imprimantei. Standardul profesional de tipar este 300 DPI. O fotografie tiparita la 72 DPI va arata granulata si neclara pe hartie.
Ai gasit pe internet o fotografie a Columnei lui Traian la rezolutia 800 x 600 pixeli. Vrei s-o incluzi in referatul tiparit la 300 DPI. La 300 DPI, imaginea poate fi tiparita corect pe o suprafata de aproximativ 6,8 cm x 5 cm (800 pixeli / 300 DPI = 2,67 inch = aprox. 6,8 cm). Daca o fortezi la o dimensiune mai mare in pagina, va fi pixelata. Solutia: cauta o versiune la rezolutie mai mare sau foloseste imaginea la dimensiunile potrivite.
Regula rapida: pentru web (site, prezentare digitala) ajung 72–96 PPI. Pentru tipar de calitate (revista, poster, carte) ai nevoie de minimum 300 DPI. Fotografiile de la telefoanele moderne (12–50 MP) au in general suficienti pixeli pentru orice uz.
3. Modelul de culoare RGB — pentru ecrane
RGB (Red-Green-Blue / Rosu-Verde-Albastru) este un model de culoare aditiv: combinand lumina rosie, verde si albastra la intensitati diferite se pot obtine toate culorile vizibile pe ecran. Cand toate trei sunt la maxim, rezultatul este alb. Cand toate sunt zero, rezultatul este negru.
Cum se exprima o culoare RGB
Fiecare canal (R, G, B) are o valoare intre 0 si 255. Negru = (0, 0, 0). Alb = (255, 255, 255). Rosu pur = (255, 0, 0). In HTML si CSS, culorile se scriu si ca cod hexazecimal: #FF0000 = rosu, #FFFFFF = alb, #000000 = negru.
Unde este folosit RGB
Orice ecran (monitor, telefon, televizor, proiector) afiseaza culorile in RGB. Orice imagine destinata publicatiei digitale — web, prezentare, e-book — trebuie salvata in RGB.
Cand alegi culoarea titlurilor pe site-ul tau de poezie sau pe pagina unui proiect de dezbateri, folosesti cod RGB/HEX in CSS: de exemplu, color: #8B5CF6; (violet) sau color: #1D4ED8; (albastru inchis). Browserul interpreteaza aceste valori si aprinde pixelii ecranului la intensitatile corespunzatoare de R, G si B.
4. Modelul de culoare CMYK — pentru tipar
CMYK (Cyan-Magenta-Yellow-Key/Black / Cian-Magenta-Galben-Negru) este un model de culoare substractiv: cernelurile absorb (scad) portiuni din lumina alba reflectata de hartie. Cu cat mai multa cerneala, cu atat mai inchisa culoarea. Amestecand teoretic C+M+Y ar trebui sa obtii negru, dar in practica rezulta un maro murdar; de aceea se adauga un canal separat de negru pur (K = Key/Black).
Valori CMYK
Fiecare canal (C, M, Y, K) se exprima ca procent (0%–100%). CMYK (0%, 0%, 0%, 0%) = alb (fara cerneala pe hartie alba). CMYK (0%, 0%, 0%, 100%) = negru pur. CMYK (100%, 0%, 0%, 0%) = cyan pur.
RGB vs CMYK — diferenta de gamut
Ecranele pot afisa culori mai saturate decat cernelurile. Unele tonuri de albastru electric sau verde neon vizibile pe ecran (RGB) nu pot fi reproduse fidel la tipar (CMYK). Culorile tiparite pot parea mai stinse decat pe ecran — acesta este gamut-ul diferit al celor doua medii.
Daca pregatesti afisul unui eveniment de dezbateri sau coperta revistei literare a clasei pentru tipar la o tipografie, graficianul (sau programul de design) va solicita fisierul in CMYK, 300 DPI. Daca trimiti o imagine RGB, tipografia va converti automat, dar poti obtine surprize: rosul aprins de pe ecran poate deveni caramiziu pe hartie. Regula practica: alege culorile direct in CMYK daca stii ca produsul merge la tipar.
Scurtatura: RGB = ecran / lumina. CMYK = hartie / cerneala. Un document destinat exclusiv web sau prezentarilor digitale ramane in RGB. Un material pentru tipar profesional se pregateste in CMYK.
5. Formate de fisier: JPG, PNG, SVG — cand folosim ce
Formatul unui fisier de imagine determina cum sunt stocati pixelii sau vectorii, cat de mult este comprimat fisierul si ce functii speciale are (transparenta, animatie). Alegerea gresita a formatului duce la pierdere de calitate, fisiere inutil de mari sau incompatibilitati.
JPG / JPEG
Compresie cu pierdere (lossy). Excelent pentru fotografii si imagini cu degradeuri de culoare. Compresia ridicata introduce artefacte vizibile. Nu suporta transparenta. Extensii: .jpg, .jpeg.
Folosit la: fotografii de calatorie, portrete, imagini de fundal web, fotografii de arhiva digitalizate.
PNG
Compresie fara pierdere (lossless). Pastreaza calitatea exacta. Suporta transparenta (canal alpha), inclusiv transparenta partiala per pixel. Fisierele sunt mai mari decat JPG pentru fotografii, dar mai bune pentru grafice cu text si margini clare.
Folosit la: logouri cu transparenta, capturi de ecran, infografice, ilustratii cu text.
SVG
Format vectorial bazat pe XML. Descrie forme geometrice, curbe si text cu formule matematice. Se poate mari la orice dimensiune fara pixelizare. Poate fi editat cu un editor de text sau cu Inkscape/Illustrator.
Folosit la: logouri, iconite, harti schematice, infografice scalabile pe web.
Fotografie de peisaj sau portret pe web? → JPG (fisier mic, calitate vizuala buna)
Logo sau stema cu fond transparent? → PNG sau SVG
Icona scalabila pe site sau harta schematica? → SVG
Captura de ecran cu text clar? → PNG (JPG ar introduce artefacte in jurul literelor)
Fotografie pentru tipar profesional? → JPG calitate maxima sau TIFF, 300 DPI, CMYK
Alte formate utile: GIF (maxim 256 culori, suporta animatii simple). WebP (format modern Google: compresie superioara JPG si PNG, suportat de browserele recente). TIFF (fara pierdere, folosit in arhivistica si tipar profesional de inalta calitate).
6. Compresia imaginilor — calitate vs dimensiune
Compresia reduce dimensiunea pe disc a unui fisier de imagine. Exista doua tipuri: fara pierdere (lossless) — calitatea ramane identica cu originalul — si cu pierdere (lossy) — se arunca informatii pentru un fisier mai mic, dar calitatea scade ireversibil.
Compresie fara pierdere (Lossless)
Exemple: PNG, TIFF. Fiecare pixel este recuperat exact la deschidere. Ideal cand calitatea exacta conteaza: documente, capturi de ecran, arhivarea digitala a manuscriselor, harti istorice.
Compresie cu pierdere (Lossy)
Exemplu principal: JPG. Fisierul este mai mic, dar informatia aruncata nu mai poate fi recuperata. Resalvarea repetata a unui JPG degradeaza progresiv calitatea — fiecare salvare adauga noi artefacte.
Un document de arhiva scanat la 600 DPI genereaza un TIFF de aprox. 80 MB. Pentru a-l publica pe site-ul scolii, il exporti ca JPG la calitate 85% — rezulta un fisier de 3–5 MB, suficient de clar pe ecran. Originalul TIFF il pastrezi pentru arhiva si tipar. Nu stergi TIFF-ul: daca ai nevoie de mariri sau tipar de calitate, JPG-ul nu va mai putea furniza detaliile aruncate la compresie.
Regula de aur: pastreaza intotdeauna fisierul original (necomprimat sau la calitate maxima). Exporturile pentru web sau email se fac dintr-o copie. Nu lucra exclusiv pe un JPG comprimat — fiecare re-salvare adauga pierderi suplimentare.
7. Recapitulare — imaginea digitala pe scurt
Imaginea digitala poate fi raster (retea de pixeli: fotografii, scanuri) sau vectoriala (formule matematice: logouri, iconite, SVG). Calitatea raster se masoara in pixeli si DPI: 72–96 PPI pentru ecran, minimum 300 DPI pentru tipar profesional.
RGB — ecran
Model aditiv (lumina). Fiecare canal R, G, B: 0–255. Folosit pentru orice afisare digitala: web, prezentari, retele sociale.
CMYK — tipar
Model substractiv (cerneala). Fiecare canal C, M, Y, K: 0%–100%. Folosit pentru afise, reviste, carti, materiale tiparite profesional.
JPG
Compresie lossy. Ideal pentru fotografii. Fara transparenta. Fisier mic.
PNG
Compresie lossless. Suporta transparenta (canal alpha). Ideal pentru grafice cu text si logouri.
SVG
Vectorial, bazat pe XML. Scalabil la orice dimensiune. Ideal pentru iconite si harti pe web.
Compresie
Lossless = calitate exacta (PNG, TIFF). Lossy = fisier mai mic, pierdere ireversibila (JPG). Regula: pastreaza originalul la calitate maxima.
Conexiune cu urmatoarea lectie: SVG-ul, ca format vectorial bazat pe XML, este strans inrudit cu HTML-ul. In lectia urmatoare vei vedea cum se construieste o pagina web cu HTML — si cum pot fi incluse imagini raster si vectoriale intr-un document web.