Invatare Atomica

Editare de imagini de baza

Competente digitale — certificare digitala (proba D / ECDL-ICDL) | Lectia 5 din 6

Progres lectie:
0%
🎯

Obiectivul lectiei

Vei invata sa editezi imagini digitale la nivel de baza — sa le decupezi, sa le ajustezi luminozitatea, contrastul si culoarea, sa le redimensionezi si sa le exporti in formatul potrivit — asa cum se cere la examenul de certificare digitala (proba D / ECDL-ICDL) si in activitati tehnice reale (cataloage de produse, fise tehnice, oferte vizuale, prezentari de servicii).

Nota curriculara: Acest modul (M1) este construit pe structura probei D de certificare a competentelor digitale (standard ECDL/ICDL sau echivalent), care este o proba practica suplimentara oferita elevilor de liceu — nu o componenta a programei TIC cls. XII filiera tehnologica (OMECI 5099/2009, care acopera: site web, elemente de continut, management de proiect). Editarea de imagini de baza apare in standardul de certificare digitala, nu in curricula TIC obligatorie a clasei a XII-a tehnologic.

Dupa aceasta lectie vei putea:

  • Sa explici diferenta dintre formate raster si vectorial si sa alegi formatul potrivit (JPEG, PNG, GIF, BMP, TIFF) pentru fiecare situatie
  • Sa intelegi conceptele de rezolutie (DPI/PPI), dimensiune in pixeli si dimensiune fizica si relatia dintre ele
  • Sa aplici ajustari de baza: luminozitate, contrast, saturatie/tenta de culoare
  • Sa decupezi (crop) o imagine dupa dimensiuni sau proportii date
  • Sa redimensionezi o imagine pastrand sau schimband proportiile
  • Sa exporti/salvezi imaginea in formatul si calitatea ceruta (JPEG cu compresie, PNG cu transparenta)

Incearca singur!

Provocare: Fotografia pentru catalog

Imaginati-va ca lucrati la departamentul tehnic al unei firme de echipamente industriale. Ati primit o fotografie a unui produs (compresor de aer) facuta cu telefonul, in format peisaj, de 4000×3000 pixeli si 8 MB. Trebuie sa o pregatiti pentru catalogul online: patrata (500×500 px), maxim 150 KB, fond alb vizibil, buna claritate. Ce pasi credeti ca trebuie facuti, in ce ordine?

💡 Ai nevoie de un indiciu?

Ganditi-va la trei etape: mai intai ajustati imaginea (luminozitate, contrast), apoi decupati la forma dorita, apoi exportati la dimensiunea si calitatea ceruta.

Ordinea conteaza: daca redimensionati inainte de crop, pierdeti detalii. Daca exportati inainte de ajustari, reveniti la fisierul original.

1

1. Formate de imagini digitale

Imaginile digitale se impart in doua mari categorii: raster (bitmap) si vectoriale. In editarea de baza lucram aproape exclusiv cu imagini raster — compuse din pixeli dispusi intr-o grila dreptunghiulara. Fiecare pixel are o culoare definita prin valori numerice (ex. RGB).
Formate raster principale

JPEG (.jpg / .jpeg) — compresie cu pierdere (lossy). Ideal pentru fotografii si imagini cu tranzitii de culoare. Dimensiune mica, calitate reglabila. Nu suporta transparenta. Folosit in cataloage de produse, fise tehnice cu foto, site-uri.

PNG (.png) — compresie fara pierdere (lossless). Suporta transparenta (canal alpha). Ideal pentru logouri, capturi de ecran, imagini cu text sau zone uniforme de culoare. Fisier mai mare decat JPEG la fotografii.

GIF (.gif) — maxim 256 culori. Suporta animatie simpla si transparenta (1 bit, fara semi-transparenta). Folosit rar azi pentru imagini statice; util pentru grafice animate simple.

BMP (.bmp) — format Windows nativ, fara compresie (sau compresie minima). Fisiere foarte mari. Folosit in aplicatii sistem (ex. fundaluri Windows vechi). Evitati pentru web sau cataloage.

TIFF (.tif / .tiff) — compresie fara pierdere, calitate maxima, fisiere mari. Standard pentru tipar profesional (reviste, brosuri tehnice de calitate). Nu e potrivit pentru web.

Vectorial vs Raster — analogia practica

O imagine raster e ca o mozaicatura: apropiindu-te, vezi patratele individuale (pixeli). O imagine vectoriala e ca un desen tehnic: linii si forme descrise matematic, marite fara pierdere de calitate. Logouri si diagrame tehnice se fac vectorial (SVG, AI, EPS); fotografii de produse sunt raster.

2

2. Rezolutie, DPI si dimensiunea imaginii

Rezolutia unei imagini raster se exprima in pixeli pe inch (PPI — pixels per inch) sau, la tipar, in DPI (dots per inch). Aceste doua notiuni sunt adesea folosite interschimbabil in practica. Rezolutia determina cat de clar apare imaginea la o anumita dimensiune fizica.
Formula cheie

Dimensiune fizica (inch) = Dimensiune in pixeli ÷ DPI

Exemplu: o imagine de 2400 × 3300 pixeli la 300 DPI = 8 × 11 inch = coala A4 (20,32 × 27,94 cm) la calitate tipar profesional.

Standarde practice

72–96 DPI — ecran (web, prezentari, cataloage digitale). O imagine de 800×600 px la 96 DPI ocupa ~21×16 cm pe ecran Full HD.

150–200 DPI — tipar de calitate medie (brosuri, devize cu foto imprimate intern).

300 DPI — tipar profesional (cataloage de produse, fise tehnice pentru clienti, materiale promotionale).

600+ DPI — scanare documente tehnice, arhivare planuri.

Atentie la redimensionare

Marirea unei imagini raster nu adauga detalii reale — programul "inventeaza" pixeli prin interpolare. O fotografie facuta la rezolutie mica, marita mult, va arata neclara (pixelata). Regula: lucrati mereu cu cea mai mare rezolutie disponibila si reduceti la final.

3

3. Ajustari de baza: luminozitate, contrast, culoare

Ajustarile de baza corecteaza deficientele frecvente ale fotografiilor: expunere gresita, culori false, imagine stearsa. Se aplica nedistructiv (daca programul permite straturi de ajustare) sau direct pe imagine. In orice caz, pastrati mereu originalul si lucrati pe o copie.
Luminozitate (Brightness)

Modifica nivelul general de lumina al imaginii. Valori pozitive: imaginea devine mai deschisa. Valori negative: mai inchisa. Prea multa luminozitate "arde" zonele deschise (pierd detalii).

Contrast

Mareste sau reduce diferenta dintre zonele deschise si cele inchise. Contrast crescut: imaginea devine mai "clara" vizual, detaliile se evidentiaza. Contrast scazut: imagine stearsa, cenusie. Util la fotografii de componente tehnice cu textura (metal, plastic).

Saturatie si tenta de culoare (Hue/Saturation)

Saturatia controleaza intensitatea culorilor: saturatie 0 = imagine alb-negru; saturatie maxima = culori extrem de vii. Tenta (Hue) roteste toate culorile din imagine pe "roata culorilor" — util pentru corectia cast-ului de culoare (ex. imagine cu tenta galbena din iluminat incandescent).

Unde gasiti aceste ajustari

GIMP (gratuit): meniu Colors → Brightness-Contrast, Colors → Hue-Saturation.

Paint.NET (gratuit Windows): meniu Adjustments → Brightness/Contrast, Adjustments → Hue/Saturation.

Photoshop: meniu Image → Adjustments → Brightness/Contrast sau straturi de ajustare (nedistructiv).

4

4. Decupare (Crop) si redimensionare

Decuparea (Crop) elimina partile nedorite ale imaginii, pastrandu-se doar o zona selectata. Redimensionarea (Resize) schimba numarul de pixeli al intregii imagini, marindu-o sau micsorand-o.
Decupare — utilizari practice

• Eliminarea fundalului incurcat dintr-o fotografie de produs: decupati doar piesa sau echipamentul.

• Obtinerea unei proportii standard: 1:1 pentru miniaturi de catalog, 16:9 pentru bannere web, A4 (297:210) pentru documente tiparite.

• Indreptarea unui subiect slab incadrat: daca echipamentul e in coltul imaginii, decupati mai aproape de el.

In GIMP: unealta Crop Tool (Shift+C); bifati "Fixed aspect ratio" pentru proportii fixe.

In Paint.NET: Tools → Rectangle Select, selectati zona, apoi Image → Crop to Selection.

Redimensionare — atentie la proportii

La redimensionare, blocati intotdeauna raportul de aspect (lock aspect ratio / constrain proportions) daca nu aveti o cerinta explicita de dimensiuni exacte diferite — altfel imaginea se deformeaza (produsul pare mai lat sau mai inalt decat este).

In GIMP: Image → Scale Image; iconita lantului de la latime/inaltime blocheaza proportia.

In Paint.NET: Image → Resize; bifati "Maintain aspect ratio".

Unitate: specificati in pixeli pentru imagini digitale/web; in cm sau inch la setarea dimensiunii de tipar.

Ordinea corecta a operatiilor

1. Ajustari (luminozitate, contrast, culoare) — pe imaginea la rezolutie maxima.
2. Decupare la proportia/zona dorita.
3. Redimensionare la numarul de pixeli cerut.
4. Export in formatul si calitatea ceruta.
Originea nu se suprascrie — salvati editarea cu File → Export As / Save As intr-un fisier nou.

5

5. Export: format, calitate si destinatie

Exportul este pasul final: salvati imaginea prelucrata in formatul potrivit destinatiei (web, document, tipar). Alegerea gresita de format poate insemna fisier prea mare, pierdere de calitate sau lipsa transparentei.
JPEG — fotografii pentru web si documente

La export JPEG setati calitatea (Quality): 80–90% ofera un bun echilibru intre calitate vizuala si dimensiunea fisierului pentru cataloage si oferte trimise prin email. Sub 60%: artefacte vizibile (pete, contururi false). 100%: calitate maxima, fisier mare.

Nu suporta transparenta. Fundul trebuie sa fie o culoare solida (ex. alb).

PNG — logouri, grafice, imagini cu transparenta

Compresie fara pierdere: calitatea este intotdeauna maxima. Fisierele sunt mai mari decat JPEG pentru fotografii, dar mai mici pentru imagini cu zone mari de culoare uniforma. Alegeti PNG pentru logouri, diagrame tehnice, capturi de ecran cu text, si orice imagine care necesita fond transparent.

Ghid rapid de alegere a formatului

Fotografie produs pentru catalog web → JPEG, 80–90% calitate, 72–96 DPI, latimea maxima 1200 px.

Logo firma pentru antet oferta Word → PNG cu transparenta.

Fotografie produs pentru brosura tiparita → JPEG sau TIFF, 300 DPI, dimensiunea fizica ceruta de macheta (ex. 10×8 cm).

Captura de ecran pentru documentatie tehnica → PNG (text clar, fara artefacte).

Diagrama animata simpla pentru prezentare web → GIF (maxim 256 culori).

Export in GIMP

File → Export As (nu "Save" care pastreaza formatul .xcf nativ GIMP). Alegeti numele fisierului cu extensia corecta (.jpg sau .png). GIMP va deschide un dialog cu optiuni de calitate (pentru JPEG) sau compresie (pentru PNG).

6

6. Recapitulare — fluxul complet de editare

Sa recapitulam intregul flux de editare a unei imagini pentru context profesional — de la fotografia bruta la produsul final gata de inserare intr-un document sau publicare pe web.
Scenariu: Fisa de produs pentru oferta tehnica

Cerinta: fotografia unui ventilator industrial, 3840×2160 px, 12 MB. Destinatie: fisa de produs PDF si pagina web. Cerinte: 600×400 px pentru web (JPEG, max 100 KB), 10×6,67 cm la 300 DPI pentru PDF (JPEG, calitate 90%).

Pasul 1 — Ajustari: imaginea e usor suprexpusa (prea deschisa). Reduceti luminozitatea cu −15, cresteti contrastul cu +20 pentru a evidentia detaliile mecanice. Corectati eventuala tenta verzuie din iluminatul industrial: Colors → Color Balance sau Hue-Saturation.

Pasul 2 — Decupare: folositi Crop Tool cu raportul de aspect 3:2 (600:400) pentru a elimina fundalul incurcat si a centra ventilatorul. Confirmati selectia.

Pasul 3 — Varianta web: Image → Scale Image la 600×400 px, rezolutie 96 PPI. Export ca JPEG, calitate 80% → ~60–80 KB.

Pasul 4 — Varianta tipar: reveniti la imaginea decupata (sau reluati de la original). Scale Image la 1181×787 px (10 cm × 300 DPI / 2,54), rezolutie 300 PPI. Export ca JPEG, calitate 90% → fisier mai mare, detalii maxime pentru tipar.

Pasul 5 — Salvati originalul: fisierul de lucru cu toate straturile se salveaza in formatul nativ (.xcf pentru GIMP, .psd pentru Photoshop). Nu suprascriti originalul fotografiei.

Tabel de decizie rapid

Destinatie web / email: JPEG 72–96 DPI, calitate 75–90%, latime max 1200–1920 px.
Tipar intern (brosura, deviz): JPEG 150–200 DPI, calitate 85–95%.
Tipar profesional (catalog): JPEG/TIFF 300 DPI, calitate 95–100%.
Logo/grafic cu transparent: PNG.
Arhivare: TIFF sau fisier nativ (xcf, psd).

Exercitii practice

Exercitiul 1 (Nivel minim) — Identificare formate

Vi se da o lista de sarcini. Asociati fiecare sarcina cu formatul de imagine potrivit (JPEG, PNG, GIF, TIFF) si justificati pe scurt alegerea:

  1. Fotografia unui aparat de masura pentru catalogul online al firmei.
  2. Logoul firmei (cu fond transparent) de pus pe antetul ofertei Word.
  3. O schema tehnica simpla, alb-negru, cu text si sageti, pentru documentatia unui produs.
  4. Fotografia unui santier pentru un raport de activitate tiparit la imprimanta laser a firmei (calitate medie).

Exercitiul 2 (Nivel standard) — Calcul de rezolutie si dimensiuni

Aveti o fotografie a unui echipament de climatizare la 2400×1600 pixeli si 96 DPI (setarea camerei foto).

  1. Care este dimensiunea fizica actuala la 96 DPI (in cm)? (1 inch = 2,54 cm)
  2. Veti tipari aceasta fotografie intr-un catalog la 300 DPI. La ce dimensiune fizica (cm) o veti putea tipari fara a mari imaginea (fara interpolare)?
  3. Doriti o versiune web de 800×533 px. Calculati la ce procent din dimensiunea originala veti redimensiona imaginea si ce rezolutie (DPI) va seta pentru ecran.

Exercitiul 3 (Nivel performanta) — Pregatirea unui set de imagini pentru oferta tehnica

Sunteti angajat la o firma de instalatii sanitare si trebuie sa pregatiti un set de 3 fotografii de produse (robineti, tevi, cuple) pentru o oferta de pret trimisa prin email si pentru tiparire la cererea clientilor. Elaborati un ghid de 5–7 pasi pe care colegii sa il urmeze de fiecare data, specificand:

  • Ce ajustari de baza se aplica si de ce (luminozitate/contrast ca regula minima).
  • Cum se decupeaza (proportie, ce se elimina din fundal).
  • Setarile de export pentru versiunea email (format, calitate %, dimensiune maxima px, DPI).
  • Setarile de export pentru versiunea tipar (format, calitate %, DPI).
  • Cum se numesc fisierele (o conventie de denumire clara: ex. produs_cod_web.jpg / produs_cod_print.jpg).

Ce ai invatat astazi

  • Formate raster: JPEG (fotografii, compresie cu pierdere), PNG (transparenta, lossless), GIF (256 culori, animatie), BMP (fara compresie), TIFF (tipar profesional)
  • Rezolutie = pixeli/inch (PPI/DPI); formula: dimensiune fizica = pixeli ÷ DPI; web 72–96 DPI, tipar 300 DPI
  • Ajustari de baza: luminozitate, contrast, saturatie — corectarea deficientelor frecvente ale fotografiilor de produse
  • Decuparea (Crop) — eliminarea zonelor nedorite sau obtinerea proportiei dorite (1:1, 3:2, 16:9)
  • Redimensionarea — mereu cu raportul de aspect blocat; reduceti, nu mariti
  • Export: alegeti formatul dupa destinatie; setati calitatea la JPEG; pastrati originalul nemodificat
  • Ordinea: ajustari → decupare → redimensionare → export

Urmatoarea lectie

Continua cu Proiect integrator de competente digitale — vei combina toate competentele dobandite (fisiere, text, calcul tabelar, prezentari, imagini) intr-un proiect practic relevant profilului Tehnologic.

Continua →