Imaginile web ocupă majoritatea timpului de descărcare în majoritatea paginilor web. Dar dacă optimizați imaginile web, veți avea un site de încărcare mai rapid. Există o mulțime de moduri de a optimiza o pagină web. Singura modalitate care vă va îmbunătăți viteza maximă este făcând grafica cât mai mică posibil.
O regulă bună este să încercați să păstrați imagini individuale care nu depășesc 12KB și dimensiunea totală a paginii dvs. web, inclusiv toate imaginile, HTML, CSS și JavaScript, să nu depășească 100KB și în mod optim nu mai mult de 50KB.
Pentru a face grafica cât mai mică, trebuie să aveți software grafic pentru a vă edita imaginile. Puteți obține un editor grafic sau utilizați un instrument online, cum ar fi Photoshop Express Editor.
Iată câteva sfaturi pentru a vă evalua imaginile și a le face mai mici:
Este imaginea în formatul corect?
Există doar trei formate de imagine pentru web: GIF, JPG și PNG. Și fiecare are un scop specific.
- GIF-Utilizați formatul GIF pentru imagini color plane. Acestea sunt imagini cu doar câteva culori.
- JPG-Utilizați formatul JPG pentru imaginile fotografice. Acestea sunt imagini cu milioane de culori.
- PNG-Utilizați formatul PNG dacă nu aveți nevoie ca imaginile dvs. să fie afișate pe dispozitivele mobile. Acestea sunt bune atât pentru imaginile plate, cât și pentru cele fotografice. Cel mai bine este să salvați imaginile ca și PNG și fie JPG sau GIF și apoi să utilizați versiunea mai mică.
Care sunt dimensiunile imaginii?
O modalitate ușoară de a face imaginile mai mici este de a face doar asta, făcându-le mai mici. Majoritatea camerelor fac fotografii care sunt mult mai mari decât poate afișa pagina web medie. Prin modificarea dimensiunilor la aproximativ 500 x 500 pixeli sau mai mici, veți crea o imagine mai mică.
Imaginea este tăiată?
Următorul lucru pe care trebuie să-l faceți este să vă asigurați că imaginea este tăiată cât mai strâns posibil. Cu cât coborâți mai mult imaginea, cu atât va fi mai mică. Decuparea ajută de asemenea la definirea obiectului imaginii prin eliminarea fundalurilor străine.
Cate culori utilizează GIF-ul tău?
GIF-urile sunt imagini color plane și includ un indice al culorilor care sunt prezente în imagine. Cu toate acestea, un indice GIF poate include mai multe culori decât sunt afișate. Reducerea indexului numai la culorile din imagine, puteți reduce dimensiunea fișierului.
Ce setare de calitate este setată pentru JPG?
JPG-urile au o setare de calitate de la 100% până la 0%. Cu cât setarea de calitate este mai mică, cu atât fișierul va fi mai mic. Dar fii atent. Calitatea afectează modul în care arată imaginea. Deci, alegeți o setare de calitate care nu este prea urâtă, menținând în același timp dimensiunea fișierului scăzută.
