WordPress optimizează greutatea imaginilor web Joan Morci

Actualizat duminică, 14 iunie 2020

wordpress

Îmbunătățiți încărcarea imaginilor pe site-urile web WordPress

Subliniez WordPress, deoarece este managerul de conținut pe care oricine îl poate gestiona pentru a crea sau edita conținut pe un site web (cu cunoștințe minime despre cum să-l folosească).

În plus, sunt de obicei oameni care nu acordă atenție anumitor detalii de acest tip și sunt mai interesați să scrie conținut de interes propriu.

Cu toate acestea, programele și instrumentele pe care le recomand sunt aplicabile oricărui tip de pagină web. De fapt, programul pe care îl folosesc cel mai mult este Photoshop, combinat cu instrumentul online TinyPNG.

Banner - WordPress: optimizați greutatea imaginii web

Notă 1: În orice moment vorbim despre imagini pentru web sau un mediu digital, care nu se imprimă niciodată.

Index

  1. Detalii poze: dimensiune, rezoluție, greutate
  2. Exemple: camera și rata de date
  3. Programe, instrumente, sfaturi și pluginuri
    - Programe de editare a imaginilor (Mac/Windows): modificați dimensiunea
    - Instrument online: pentru a comprima (reduce) greutatea
    - Sfatul „AyudaWP”: reduceți dimensiunea WordPress
    - Plugin-uri WordPress: pentru a comprima (reduce) greutatea imaginilor
  4. Tutorial video
  5. Opinie

Detalii poze: dimensiune, rezoluție, greutate

Notă 2: Acest articol este destinat acelui utilizator care nu înțelege importanța pentru web, în ​​materie de galerii foto.

mărimea

960 x 720 pixeli (maxim recomandat).

Rezoluție web

72 dpi (în funcție de dimensiunea pixelilor).

Greutatea medie pe imagine

Aproximativ 150 KB (evitați MB) dacă este în format JPG (formatul PNG cântărește mai mult, dar are o pierdere de calitate mai mică și este utilizat pentru transparențe și imagini plate, precum și pentru texte).

Exemple: camera și rata de date

aparat foto

Se ocupă în pixeli mărimea și sunt dintr-unul rezoluţie 72 dpi:
- 12 Megapixeli = 4000 x 3000 pixeli (această dimensiune trebuie redusă la 960 x 720 pixeli max.) Cu o greutate de aprox. 4 MB (reduceți la aproximativ 150 KB)

Plan de date

În mod normal, pentru dispozitivele mobile sau tablete, acestea se ocupă de anumite greutate, Exprimat în:
- 1 GB = 1000 MB (cea mai ieftină rată de date).
Alte măsuri de date:
- 1 MB = 1000 KB (acordați atenție acestei greutăți KB, pe care o vom vedea mai jos).
- 1 KB = 1000 B.

Trebuie să facem ca fotografiile noastre să fie mai mici de 1 MB. Idealul ar fi mai mic de 150 KB ținând cont de dimensiunea pe care am pus-o ca exemplu în acest articol: 960 x 720 px, rezoluția: 72 dpi și formatul: JPG.

Programe, instrumente, sfaturi și pluginuri

Editarea programelor
Pentru a redimensiona (pixeli) dacă este necesar.

Instrument online
Pentru a comprima (reduce) greutatea și a păstra calitatea (formate JPG, PNG).

Sfat „Ajutor WordPress”
Eliminați anumite dimensiuni implicite pe care le stabilește WordPress.

Plugin-uri WordPress
Subliniez 3 tipuri care sunt cele mai recomandate pentru a comprima (reduce) greutatea, deși aș fi precaut cu ele, deoarece pluginurile care dau mai multe probleme în WordPress sunt cele ale galeriilor foto și acestea pentru a optimiza imaginile.

Notă 3: Un bun înlocuitor pentru plugin-urile de galerie de imagini, ar fi galeria nativă WordPress și dacă tema dvs. nu are ferestre pop-up pentru a prezenta imaginile, există un plugin care are, Responsive Lightbox.

Programe de editare a imaginilor (Mac/Windows): redimensionare

Pentru a schimba dimensiunea (pixeli), dacă este necesar. Programe gratuite .

Previzualizare (Mac).

- Modificați dimensiunile (dimensiunea) imaginii:
Deschideți orice fotografie cu „Previzualizare”> Instrumente> Ajustare dimensiune> Dimensiuni imagine.

Previzualizare - Exemple de parametri (faceți clic pentru mărire)

Primul. Se potrivește la: Personalizat (pixeli).
Al 2-lea. Lățime: 960/Înălțime: 720 (pixeli).
A treia. Rezoluție (dpi): 72 (pixeli/inch).
Al 4-lea. Scară proporțională (da).
Al 5-lea. Exemplu de imagine (da).
Al 6-lea. A accepta.

- Salvați imaginea în JPG (JPEG), PNG sau alte formate:
Fișier> Export> Exportați ca (alegeți numele)> Folder de salvat (Desktop)> Format (orice doriți)> Salvare.