Cele mai bune practici de lucru cu imagini:
Optimizarea imaginilor
Optimizarea înseamnă pur şi simplu păstrarea dimensiunii mici a imaginii păstrând calitatea imaginii la nivelul cerut. Există o mulţime de proceduri care pot transporta o dată pentru a optimiza imaginile înainte de a fi încărcate pe server pentru livrare. Instrumentele pe care le folosim pentru crearea acestor imagini (Photoshop, focuri de artificii, etc) au, de obicei, instrumente care permit utilizatorilor pentru a optimiza imagine pentru utilizarea web.
• Verificaţi de GIF pentru a vedea dacă acestea sunt utilizaţi o dimensiune paleta corespunde cu numărul de culori din imagine. Atunci când o imagine este cu 4 culori şi o paletă 256 de culori, atunci imaginea ar putea fi optimizat
• Conversie GIF este la PNG în cazul în care este posibil şi a vedea dacă există o economie. Cele mai multe ori, nu există. Nu ezitati sa folositi al lui PNG, aşa cum acestea sunt pe deplin susţinute de cele mai multe browsere utilizate în mod obişnuit. Asteptati-va de capacităţile de animaţie un PNG pot face ceea ce o face GIF, inclusiv transparenţa.
• Pentru imaginile folosite în sprite CSS, aranja imaginile din Sprite orizontal, spre deosebire de vertical, de obicei, la o dimensiune de fişier mai mică. De asemenea, combina imagini cu culori similare într-un Sprite. Aceasta vă ajută să păstraţi numărul de culoarea scăzut, în mod ideal, în 256 de culori astfel încât să încapă într-o PNG8.
• Dacă utilizaţi un favicon.ico, păstraţi-l mic, de preferinţă sub 1K.
Folosiţi corect scalate / redimensionate imagine.
Întotdeauna încercaţi şi de a folosi imagini intermediare, de exemplu, nu utilizaţi o imagine mai mare decat ai nevoie doar pentru că aveţi posibilitatea să setaţi lăţimea şi înălţimea în HTML. Dacă aveţi nevoie pentru a afişa o imagine de 100px 100px X de pe pagina, atunci nu se folosi un reduse imagine 200x200px.
Utilizarea imaginilor progresive
Un browser web face deja Imagini progresiv. Pentru a face chiar mai bine, pur şi simplu a salva GIF sau PNG imagini cu "interlaced" opţiune, sau imagini JPEG cu "progresiva" opţiune.
Există o dezbatere în curs de desfăşurare în rândul utilizatorilor de internet pentru a stabili dacă utilizarea de imagini progresive este o binecuvântare sau un obstacol. De asemenea, o imagine progresivă cântăreşte aproximativ 20% mai mult decât omologul său progresivă nu. Deci, dacă credeţi că aspectul foloseşte imagini care nu va împiedica de utilizator, experienţa de a fi progresivă, nu ezitaţi să facă acest lucru.
