Despre redimensionarea imaginilor în html
Dacă este recomandat să specifici dimensiunile reale ale imaginii cu ajutorul acestor parametri, nu e deloc indicat să-i foloseşti pentru a schimba dimensiunile în care este afişată imaginea, din două motive simple.
#1. Odată, pentru că îţi forţezi vizitatorii site-ului să descărce fişiere mai mari decât au nevoie. De cealaltă parte, imagini mai mici înseamnă fişiere mai mici şi un timp de încărcare redus.
#2. Apoi, browserele nu fac întotdeauna o treabă bună cu redimensionarea imaginilor, mai ales în cazul imaginilor GIF. Chiar dacă Safari, de exemplu, se descurcă destul de bine, Firefox face varză o imagine micşorată prin codul html.
Iată un exemplu: imaginea din stânga a fost redimensionată în Photoshop, cea din dreapta cu ajutorul parametrilor html (în IE logoul nu e la fel de clar, în Firefox apare zbârcit).

Şi totuşi, cum ne redimensionăm atunci imaginile? Se zice că redimensionarea în Photoshop (şi alte programe de editare foto) pierde din calitatea imaginii. Cât se poate de fals. În Photoshop de exemplu, se poate regla re-eşantionarea imaginii, aşa încât să nu se piardă nimic din detaliu. Trebuie doar să alegi opţiunea “bicubică mai precisă (optimă pentru reducere)” din partea de jos a casetei de redimensionare a imaginii, atunci când schimbi lăţimea şi/sau înălţimea imaginii. Exact aşa ca în ilustraţia de mai jos.

Apoi poţi să adaugi simplu imaginea în site şi să fii sigur că va arăta la fel de bine, indiferent de browser.





