Invatare Atomica

Decupare, redimensionare si export: web vs. print

Progres lectie:
0%
🎯

Obiectivul lectiei

Vei invata cum sa decupezi precis o imagine (crop), cum sa o redimensionezi pastrand proportiile si calitatea, si cum sa o exporti corect in functie de destinatie: web (format mic, incarcare rapida) sau print (rezolutie mare, model de culoare CMYK).

Dupa aceasta lectie vei putea:

  • Sa aplici instrumentul Crop (decupare) pentru a elimina zonele nedorite si a incadra subiectul
  • Sa redimensionezi o imagine pastrand raportul de aspect (proportii) si calitatea
  • Sa explici de ce pentru web conteaza dimensiunile in pixeli (ex: 1200x800 px), nu valoarea PPI (ignorata de browser), si de ce pentru print conteaza 300 PPI
  • Sa alegi formatul de fisier potrivit: JPEG, PNG sau WebP pentru web; TIFF sau PDF pentru print
  • Sa descrii modelele de culoare RGB (ecran) si CMYK (tipar) si de ce conteaza alegerea
  • Sa exporti o imagine optimizata pentru portofoliu online sau pentru reproducere tiparita

Incearca singur!

Provocare:

Ai fotografiat o lucrare de pictura pe care vrei sa o pui pe Instagram si, separat, sa o trimiti la imprimerie pentru un poster A3. Crezi ca poti folosi exact acelasi fisier pentru ambele? Scrie ce crezi ca s-ar intampla si de ce.

💡 Ai nevoie de un indiciu?

Gandeste-te la doua extreme: un poster tiparit A3 are nevoie de 300 de puncte pe inch (300 PPI) ca sa arate clar, ceea ce inseamna un fisier mare. Instagram afiseaza imagini la maximum 1080 pixeli latime - un fisier de 300 PPI ar fi enorm si inutil pentru ecran.

Concluzia: destinatia dicteaza rezolutia si formatul. Vom vedea exact cum se face in lectia de azi!

1

1. Decuparea (Crop) - incadrarea corecta a subiectului

Decuparea (Crop) este operatia prin care elimini zonele nedorite din jurul subiectului, pastrand doar portiunea care conteaza. Rezultatul este o imagine mai mica ca dimensiuni (in pixeli), cu un cadru mai curat.
De ce conteaza pentru un artist

Ai fotografiat o acuarela, insa in cadru au intrat marginile mesei, o radiera si un sfert din fereastra. Crop elimina tot ce distrage privitorul si pune in valoare lucrarea - exact ca un paspartou la o expozitie: el izoleaza opera si ii da spatiu sa respire.

Cum se face in GIMP sau Photopea

1. Selecteaza instrumentul Crop Tool (pictograma cutit de incadrare, tasta C in ambele programe).
2. Traseaza un dreptunghi peste zona pe care vrei sa o pastrezi.
3. Apasa Enter (sau dublu-clic in selectie) pentru a confirma decuparea.
4. Daca vrei un format fix (ex: patrat 1:1 pentru Instagram), activeaza optiunea Fixed Aspect Ratio si scrie 1:1.

Regula de aur: salveaza intotdeauna sursa originala

Crop este distructiv daca salvezi direct peste fisierul original - pixelii pierduti nu se mai pot recupera. Lucreaza pe o copie sau pastreaza fisierul nativ al editorului (XCF pentru GIMP) si exporta separat variantele finale.

2

2. Redimensionarea - scara in sus sau in jos fara a pierde calitatea

Redimensionarea (Image Scale / Resize) schimba numarul de pixeli al imaginii. Exista doua directii cu reguli diferite:
Micsorarea (downscale) - sigura

Reduci numarul de pixeli: editorul pastreaza cele mai reprezentative informatii de culoare si elimina restul. Rezultatul este net si clar. Exemplu: din 4000x3000 pixeli (foto DSLR) faci 1200x900 pentru web - calitate pastrata, fisier mult mai mic.

Marirea (upscale) - periculoasa pentru raster

Editorul inventeaza pixeli prin interpolare (algoritmi precum Bicubic sau Lanczos estimeaza culori intermediare). Detaliile fine dispar, marginile devin moi. Nu exista informatii noi - doar o aproximatie a lor. De aceea, pentru o expozitie sau un poster, trebuie sa fotografiezi sau sa scanezi lucrarea la rezolutie suficient de mare de la inceput.

Cum se face in GIMP sau Photopea

Meniu Image > Scale Image (GIMP) sau Image > Image Size (Photopea).
Bifati iconita lant dintre latime si inaltime pentru a pastra proportiile (aspect ratio) - schimbi una, cealalta se calculeaza automat.
Alege interpolarea Cubic (Bicubic) pentru cele mai bune rezultate la micsorare.

Analogie sigura

Gandeste-te la o fotografie tiparita: daca o scanezi la rezolutie mica si incerci sa tiparesti din nou mai mare, obtii o pata neclara. Daca scanezi la rezolutie mare de la inceput, ai de unde sa reduci - nu de unde sa inventezi detalii.

3

3. Rezolutia imaginii: PPI, web vs. print

Rezolutia unei imagini raster se masoara in PPI (Pixels Per Inch) - cati pixeli incap intr-un inch fizic la tipar. Cu cat mai multi pixeli pe inch, cu atat detaliile sunt mai fine si mai clare la tipar.
Web - conteaza pixelii, nu PPI

Pentru web conteaza dimensiunile in pixeli (ex: 1200x800 px); valoarea PPI din metadate este ignorata de browser. Browserul afiseaza fiecare pixel al imaginii pe un pixel al ecranului, indiferent ce scrie in campul PPI al fisierului. Monitoarele moderne variaza mult: un Full HD de 24" are ~92 PPI, un Retina de 15" ajunge la 220 PPI - valoarea de 72 PPI era un artefact al ecranelor Mac din anii 1980, nu o valoare tipica actuala. Concluzie practica: exporta la dimensiunile in pixeli potrivite destinatiei (ex: 1080 px latime pentru Instagram).

Print - 300 PPI (standard)

Imprimantele profesionale tiparesc la 300+ puncte pe inch. O imagine cu mai putini pixeli va aparea granulata sau neclara pe hartie. Regula practica: latimea (cm) x 118 = pixeli necesari (118 pixeli/cm este echivalentul a 300 PPI). Un poster A4 (21 cm latime) necesita minim 21 x 118 = 2480 pixeli latime.

Cum setezi rezolutia in GIMP / Photopea

In GIMP: Image > Print Size - schimba campul Resolution la 300 pixels/inch.
In Photopea: Image > Image Size - campul Resolution.
Atentie: daca bifezi Resample (reesantionare), editorul schimba si numarul de pixeli. Daca debifezi Resample, schimbi doar interpretarea la tipar, fara a modifica pixelii efectivi.

4

4. Modele de culoare: RGB (ecran) vs. CMYK (tipar)

Culorile dintr-o imagine digitala sunt descrise prin modele matematice diferite, in functie de cum vor fi reproduse fizic:
RGB - Rosu, Verde, Albastru (ecran)

Ecranele emit lumina colorata amestecand Rosu, Green (verde) si Blue (albastru). Fiecare canal are valori de la 0 la 255. Albul = toata lumina la maxim (255, 255, 255). Negrul = lipsa luminii (0, 0, 0). Imaginile pentru web, social media si portofolii online trebuie sa fie in mod RGB.

CMYK - Cyan, Magenta, Galben, Negru (tipar)

Imprimantele profesionale depun cerneala pe hartie: Cyan, Magenta, Yellow (galben) si K (Key = Negru). Culorile se obtin prin absorbirea luminii. Albul = lipsa cernelii (hartia alba). Fisierele pentru tipografie (postere, cataloage de galerie, carti de vizita) trebuie convertite in mod CMYK inainte de trimitere la tipar.

De ce nu pot fi identice? Gama de culori

RGB poate reproduce culori pe care cerneala CMYK nu le poate imita fizic (de exemplu, albastrul electric sau verde-ul stralucitor de pe ecran). Cand convertesti din RGB in CMYK, unele nuante se aplatizeaza - editorul alege cea mai apropiata culoare posibila in cerneala. Artistii care lucreaza pentru tipar verifica proofuri (probe de tipar) inainte de productia finala.

Conversie in GIMP si Photopea

GIMP 2.x lucreaza nativ in RGB; conversia CMYK se face prin plugin-ul Separate+ sau exportand ca TIFF prelucrat ulterior in Scribus.
Photopea (online, gratuit) suporta modul CMYK direct: Image > Mode > CMYK Color.

5

5. Formate de export: JPEG, PNG, WebP pentru web; TIFF si PDF pentru print

Alegerea formatului de fisier la export este la fel de importanta ca rezolutia si modelul de culoare. Fiecare format are puncte forte si limitari:
JPEG (.jpg) - web, fotografii

Compresie cu pierderi: la fiecare salvare se arunca din detalii (artefacte vizibile la compresie puternica). Ideal pentru fotografii de portofoliu online unde dimensiunea conteaza. Nu suporta transparenta. Recomandare: calitate 80-90% pentru echilibru bun intre dimensiune si calitate vizuala.

PNG (.png) - web, grafica, transparenta

Compresie fara pierderi: imaginea se pastreaza pixel cu pixel. Suporta transparenta (canal Alpha). Ideal pentru logo-uri, grafica cu margini clare si imagini cu text. Fisierele sunt mai mari decat JPEG pentru aceeasi fotografie.

WebP (.webp) - web modern

Format Google, suportat de toate browserele moderne. Ofera compresie mai buna decat JPEG si PNG la calitate similara - fisiere cu pana la 30% mai mici. Suporta si transparenta. Recomandat pentru site-uri noi de portofoliu.

TIFF (.tiff) - print profesional

Compresie fara pierderi (sau deloc). Suporta CMYK, straturi, rezolutii mari. Fisiere mari, dar pastreaza toate informatiile intact. Format standard pentru tipografii si galerii care cer fisiere print-ready.

PDF (.pdf) - print universal

Portabil si universal acceptat de tipografii. Poate ingloba fonturi, vectori si imagini raster CMYK la 300 PPI. Ideal pentru afise, brosuri si carti de vizita trimise la tipar.

Cum exporti in GIMP

Foloseste File > Export As (nu "Save" - care salveaza in format nativ XCF). Scrie numele fisierului cu extensia dorita (lucrare.jpg, logo.png) si GIMP va deschide optiunile corespunzatoare: calitate JPEG (0-100), tip compresie PNG etc.

6

6. Flux complet: de la lucrarea artistica la publicare si tipar

Aceasta sectiune recapituleaza intregul flux de lucru, de la fotografierea sau scanarea lucrarii pana la exportul final, combinand tot ce ai invatat in lectia de azi.
Pasul 1 - Fotografierea / scanarea originala

Fotografie: asigura iluminare uniforma, fara reflexii. Scanner: 600 DPI pentru lucrari mici, 300 DPI pentru format A3+. Salveaza in format nativ sau TIFF - nu JPEG la sursa!

Pasul 2 - Decuparea (Crop)

Elimina marginile camerei sau scanerului. Pastreaza proportia originala a lucrarii sau adapteaza la formatul de destinatie (patrat pentru Instagram, 16:9 pentru prezentare).

Pasul 3 - Ajustari de imagine (din lectia 2)

Corecteaza luminozitatea, contrastul si balanta de alb daca fotografia nu reda fidel culorile lucrarii originale.

Pasul 4 - Redimensionare

Pentru web: redimensioneaza la max 1920 px latime (portofoliu), 1080 px (Instagram), 800 px (thumbnail). Pastreaza proportiile (lant activat).
Pentru print: verifica ca rezolutia sa fie 300 PPI la dimensiunea fizica dorita. Nu mari daca ai prea putini pixeli - mai bine fotografiezi sau scanezi din nou.

Pasul 5 - Model de culoare si export final

Web: ramane in RGB, Export As JPEG (calitate 85%) sau PNG (pentru transparenta) sau WebP.
Print: converteste in CMYK (in Photopea: Image > Mode > CMYK; in GIMP: exporta TIFF si proceseaza in Scribus), salveaza ca TIFF 300 PPI sau PDF CMYK.

Regula de aur a exportului

Niciodata nu suprascrie originalul. Pastreaza intotdeauna fisierul nativ (XCF sau TIFF) si exporta separat versiunile finale. Daca clientul sau tipografia cer modificari, ai sursa intacta.

Exercitii practice

Exercitiul 1 (Nivel minim) - Identificare formate si rezolutii

Citeste urmatoarele situatii si alege pentru fiecare: formatul de fisier recomandat (JPEG / PNG / TIFF) si rezolutia (72-96 PPI / 300 PPI):

a) O fotografie a tabloului tau pentru pagina de Instagram.
b) Un logo cu fundal transparent pentru site-ul personal.
c) O reproducere a unui desen pentru un catalog tiparit de galerie.
d) Un banner web pentru o expozitie virtuala.

Exercitiul 2 (Nivel standard) - Calcul necesar de pixeli pentru print

Vrei sa tiparesti o lucrare pe un format A3 (29,7 cm x 42 cm) la 300 PPI.

a) Calculeaza numarul minim de pixeli necesar pe latime si inaltime. (Indiciu: 1 inch = 2,54 cm; calculeaza mai intai latimea in inch, inmulteste cu 300.)
b) Fotografia ta sursa are 2400 x 3000 pixeli. Poti tipari la calitate buna la formatul A3? Justifica.
c) Ce ar trebui sa faci diferit la fotografierea lucrarii pentru a obtine suficienti pixeli?

Exercitiul 3 (Nivel performanta) - Plan de export pentru un portofoliu dublu

Esti artist vizual si pregatesti lucrarea "Portret in acuarela" (original 40 x 50 cm) pentru doua destinatii simultan:

Destinatia A: Portofoliu online pe Behance (prezentare web).
Destinatia B: Catalog tiparit pentru o expozitie (format A4, tipar profesional).

Redacteaza un plan pas cu pas (minim 5 pasi pentru fiecare destinatie) care specifica: rezolutia fotografierii sau scanarii, operatiile in editor (crop, redimensionare, model culoare), formatul de export si motivul fiecarei alegeri.

Ce ai invatat astazi

  • Crop = taie zonele nedorite; pastreaza sursa originala neatinsa
  • Redimensionarea: micsorarea e sigura; marirea inventeaza pixeli (pierdere de calitate)
  • Pastreaza proportiile (lant activat) la redimensionare
  • Web: 72-96 PPI; Print: 300 PPI standard
  • RGB = model ecrane (lumina emisa); CMYK = model tipar (cerneala absorbita)
  • JPEG (foto web, cu pierderi), PNG (transparenta, fara pierderi), WebP (web modern), TIFF (print fara pierderi), PDF (print universal)
  • Flux complet: fotografiere, crop, ajustari, redimensionare, conversie model culoare, export final separat de sursa

Ai terminat modulul!

Ai parcurs toate cele 3 lectii din Modulul 3 - Editare Imagine (Raster): interfata si straturi, ajustari si corectii, decupare si export. Revino la modul pentru a te testa sau continua cu urmatorul modul.

Inapoi la modul →