Grafică web

 În linii mari, grafica web, face parte tot din clasa grafică de prezentare.

Există însă unele diferenţe specifice modului de funcţionare al webului şi mai precis, anumite limitări, date de consumul de resurse.

De pildă, pe web numărul de culori care pot fi afişate corect, este mult mai redus decât cel pe care îl poate afişa de pildă un monitor de calitate medie, respectiv cirtca 65 milioane de culori.

Chiar dacă teoretic afişarea este posibilă, ea este prohibitivă din punct de vedere economic, întrucât costurile cresc exorbitant de mult. Este vorba mai precis despre timpul de încărcare al unei pagini web.

Astfel, pentru a încărca o imagine de rezoluţie acceptabilă să spunem 1280x1024x24 trebuie să asigurăm o anume lărgime de bandă a canalului de comunicaţie.

Imaginea, are dimensiunea în octeţi dată de înmulţirea celor trei valori, adică, 1280*1024*24 = 31.457.280 bytes sau 30 MegaBytes.

Deci, pentru a încărca imaginea într-o secundă, trebuie să avem o conexiune internet cu o viteză de 30 MB/sec, ceea ce din perspectiva telecomunicaţiilor, înseamnă 30*1024*1024*8 = 251658240 baud = 251 Mega baud sau MBPS.

Din câte cunosc eu, companiile de telefonie şi internet, oferă maximum vreo 24 MBPS. Adică, de 10 ori mai puţin!

Later edit, 02-03-2013. Actualmente, reţelele orăşeneşti cablate optic (WAN) oferă 100 MBPS (11,92 MBytes).

În Salonic de pildă, avem conexiune ADSL la 26 MBPS, care chiar funcţionează undeva la 1,3  MB (Mega Bytes), faţă de 3,09 MBytes, teoretic.

Pe o astfel de conexiune, încărcarea fotografiei noastre, durează 10 secunde!!!

De aici apar o serie de necesităţi specifice de optimizare pentru web.

Chiar dacă principial imaginea afişată are aceeaşi dimensiune, ea are mai puţine culori decât pare să aibă şi aici e vorba despre cât poate distinge ochiul uman.

Aşadar, programele de prelucrare grafică destinate graficii web, lucrează intern foarte diferit de cele care fac prelucrare foto pentru revistele de înaltă ţinută grafică, spre exemplu.

Cam atât despre diferenţele tehnice dintre grafica web şi celelalte forme de grafică de prezentare.

Ce înseamnă practic „Grafică web”?

Grafica web, ca şi categorie de grafică, înseamnă cam tot ce putem întâlni pe web sub formă de imagine: butoane frumos colorate şi cu efecte 3D; headere; bannere; ornamente de pagină; signalectică (simboluri indicatoare), etc.

Din toate aceste elemente, eu am învăţat să realizez doar ceea ce am avut strictă nevoie: Headere de bloguri, bannere, butoane.

Formatele pe care le utilizez, sunt cele mai răspândite: GIF (Compuserve Graphics Interchange Format), PNG (Portable Network Graphics), JPG/JPEG (Joint Photographic Experts Group).

Fără îndoială, practic pot aborda orice gen de grafică, dar e nevoie de o experienţă specifică fiecărui domeniu pe care îl abordezi. Spre exemplu, într-o tipografie, apar o serie de situaţii foarte diferite de web, cum ar fi separaţiile de culoare, spaţiile de culoare, profilele de culoare, care sunt domenii specifice tipăriturilor şi necesită la rândul lor calificări deosebite.

Deşi coperta primei mele cărţi tipărite e realizată de mine, în tipografie a trebuit să fie modificată şi s-a trecut prin câteva etape suplimentare până când a ieşit coperta aşa cum este acum.

Hai acum să vedem câteva exemple de grafică web realizată de mine:


Vizualizări articol: (72)

5 Responses to Grafică web

  1. Salutare :)

    Foarte impresionant ! M-a lasat placut surprins cum ai explicat ce inseamna “grafica web” , cum s-ar zice – pe limba tuturor , poate chiar si cei necunoscatori de domeniu vor intelege :)
    . Bafta in continuare si felicitarile mele !

    • banifarabani says:

      Mulţam, hosterule! :)
      Am fost la voi, dar în fugă. Poate revii pe articolele de hosting şi ne zici cum să monitorizăm din WordPress (plugin)
      hiturile pe MySQL. Ar fi util un grafic funcţie de CPU-ul virtual şi RAM alocat…
      Mulţumim anticipat!
      Spor la treabă!

  2. Eduard says:

    Cred ca ar trebui sa folosesti software ceva mai avansat, imaginile sunt cam prost calitativ…

    • banifarabani says:

      Mulţumesc pentru trecere!
      Calitatea imaginilor e scăzută, pentru că e export dintr-un colaj făcut cu imaginile respective şi fiind o dimensiune mare, am scăzut intenţionat rezoluţia de pe la 10.000 px la circa 1000 px sau cam aşa ceva. Am uitat, e mult de-atunci… De altfel, pentru o imagine demonstrativă, e destul.
      Cine e interesat, ştie ce are de făcut! ;)
      Ţi-am întors vizita.
      Pe ansamblu, e plăcut. Cel puţin, ca design, mi-a plăcut! :)
      Conţinutul însă, e mult prea comun pentru gusturile mele şi văd acelaşi gen de reclame din metru în metru şi chiar pe vericală, mai nou…

    • Marianus says:

      Cam ai dreptate, insa nu cred ca e vorba de soft ci mai degraba de rezolutie si perpectiva, stiu persoane care cu adobe photoshop poate face minuni…
      Si adevarul este ca nu consuma tocmai multe resurse.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>