Pregătirea fișierelor imagine înainte de încărcare cu WordPress OM4

rezumat

Dacă încărcați imagini foarte mari pe site-ul dvs., site-ul dvs. web va încetini atunci când aceste imagini sunt vizualizate de vizitatorii dvs.

Soluția este să învățați cum să optimizați (tăiați imaginile până la dimensiune) înainte de a le încărca.

Acest articol explică cei doi factori care controlează cât de mari sunt fișierele dvs. de imagine și oferă linkuri către câteva instrumente gratuite/cu cost redus pe care le puteți utiliza pentru a vă optimiza imaginile.

Dimensiuni fișier și dimensiune fișier

  • dimensiunile fișierului (lățime și înălțime, în pixeli) și
  • mărime fișier (Kilobyte KB sau Megabytes MB).

Vă puteți gândi la acestea ca mărime și „greutate”, dacă doriți.

  • Imaginea miniatură pe care o vedeți mai jos are 360 ​​de pixeli (px) lățime și 240 px înălțime și „cântărește” 20 KB.
  • Faceți clic pe imaginea miniatură pentru a vedea versiunea mai mare într-o casetă lightbox - veți vedea versiunea lată de 800 px care „cântărește” 80 KB.

fișierelor

Mărirea imaginilor la lățimea de 1.280 px este o țintă bună pentru multe site-uri web. Cu toate acestea, ați putea viza monitoare mai largi, în funcție de publicul dvs.

Iată câteva statistici cu privire la lățimile minime ale ecranului din ianuarie 2017 (consultați w3schools.com pentru cele mai recente informații):

  • 1024 px lățime: 96%
  • 128x lățime: 93%
  • 1366 px lățime: 84%
  • 1920px lățime: 49%
  • 2560 px lățime: 8%

Deci, statistic, dacă vă dimensionați imaginile la 1280 px lățime, în 93% din cazuri imaginile vor fi suficient de mari pentru a umple browserul vizitatorului. Oricare ar fi mai mare și imaginea va fi oricum strânsă în lățime. Dacă doriți să completați lățimea browserului pentru 84% dintre vizitatori, va ajunge acolo 1.366 px. Dacă utilizați 2.560 px lățime, veți putea afișa pe afișaje mari iMac la lățime maximă.

Faceți clic pe miniatura pentru următoarea imagine și veți privi o imagine cu o lățime de 2.000 px care „cântărește” 120Kb. Pentru aproximativ 92% dintre voi, va trebui să se micșoreze pentru a se potrivi monitorului.

Asigurați-vă că vă maximizați browserul înainte de a face clic pe miniatură:

Imaginile de pe camerele digitale sau din bibliotecile foto pot fi foarte mari, atât ca dimensiuni, cât și ca „greutate”. 4.000 px lățime nu este neobișnuit, iar dimensiunea fișierului poate fi de la 4Mb la 10Mb și mai mult.

Este clar că aceste imagini sunt mult mai largi decât pot afișa majoritatea monitoarelor, iar „greutatea” ar cauza întârzieri în timp ce fișierele mari se descarcă.

Aceste probleme pot fi evitate dacă vă pregătiți imaginile pentru a vă asigura că dimensiunile nu sunt mai mari decât cele necesare, iar dimensiunile fișierelor sunt rezonabile pentru scopurile dvs. După cum puteți vedea din exemplele de mai sus, alegerile dvs. sunt destul de largi.

Pregătirea imaginilor implică reducerea dimensiunii fizice și a fișierului, în timp ce lăsând în continuare imaginile arătând bine. Nimeni nu dorește imagini mici și granuloase pe un site web și nu este necesar.

Verificarea dimensiunii imaginilor

Pentru a vedea cât de mari sunt fișierele dvs. imagine, utilizați Windows Explorer sau Mac Finder și inspectați fișierul. Pe un Mac, puteți vizualiza direct în Finder: