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.

Gimp (Mac/Windows/Linux).

- Modificați dimensiunile (dimensiunea) imaginii:
Deschideți orice fotografie cu „Gimp”> Imagine> Scăriți imaginea.

Gimp - Exemple de parametri

Primul. Lățime: 720/Înălțime: 960 (px).
Al 2-lea. Rezoluție (dpi): 72 (pixeli/in).
A treia. Interpolare: cubică.
Al 4-lea. Scară (OK).

- Salvați imaginea în JPG (JPEG), PNG sau alte formate:
Fișier> Exportați ca> Nume> Salvați în dosar: Desktop> Selectați tipul de fișier (Extensii: .jpg sau .png)> Dacă am ales PNG, vom obține o fereastră pop-up cu o serie de opțiuni (semnul întrețesut) > Pentru a exporta.

Alte programe sunt recomandate de „Emezeta” (nu știu cum merg) pentru a comprima (reduce) greutatea imaginilor.

Instrument online: pentru a comprima (reduce) greutatea

TinyPNG (gratuit)

Acoperire web, instrument online TinyPNG (permite formatul PNG și JPG)

Am folosit „TinyPNG”, care este cel care mi-a dat cele mai bune rezultate. Faceți 2 nuanțe cu formatul JPG și PNG.
- PNG: alegeți acest lucru pentru transparențe și culori spot (sigle). De asemenea, dacă conține texte.
- JPG: alegeți acest lucru dacă este o fotografie cu oameni/peisaje/animale.

Nota 4: ca curiozitate, acest instrument online are un plugin pentru WordPress pe care îl vom vedea la sfârșitul articolului și are și un plugin pentru Photoshop (plătit: 50 USD).

Există și alte instrumente, dar nu mi-au plăcut în măsura în care acesta, care are o mare compresie (reducere), greutate și rezultat de calitate.

Cu toate acestea, vă voi oferi linkuri către alte 2 recomandate de „social4creative”:
- Webresizer (încărcați maxim 10 MB și alte detalii).
- Compressor.io (JPEG - PNG - GIF - SVG).

Sfat din „AyudaWP”: reduceți dimensiunea WordPress

O modalitate ușoară de a reduce dimensiunea WordPress-ului tău.

Există comportamente implicite WordPress care contribuie la supraîncărcarea site-ului dvs. web. De fiecare dată când încărcați o imagine pentru a o încorpora într-o postare, WordPress creează automat mai multe dimensiuni.

Veți găsi 2 sau 3 imagini suplimentare pe care nu le folosiți întotdeauna.
Trebuie WordPress să creeze aceste copii?

Evitarea acestuia este foarte simplă, accesați:
- WP Desktop> Setări> Media: și setați dimensiunea sau dimensiunile pe care nu doriți ca WordPress să le creeze automat la „zero”.

Reduceți greutatea în WordPress, sfaturi de la „AyudaWP” (faceți clic pentru a mări)

Personalizați dimensiunea imaginii

Ceea ce nu comentează în „AyudaWP” deoarece articolul este din 2013, este o nouă opțiune care a fost inclusă cred că din versiunea 4.3 a WordPress.

Acum, dacă adăugăm un obiect la postarea/pagina noastră, de exemplu o imagine și facem clic pe ea (în modul vizual), obținem 6 pictograme în partea de sus sau de jos: Aliniere la stânga, centrat, dreapta, Fără aliniere, Editare, Ștergere.

Dacă facem clic pe „Editați”, vom avea la dispoziție „detalii despre imagine”. Dacă vrem personalizați dimensiunea, prea ușor. Accesați „Setări afișare”> „Dimensiune”: dimensiune personalizată (puteți introduce mai întâi valoarea dorită, iar cealaltă valoare va fi ajustată automat).

Plugin-uri WordPress: pentru a comprima (reduce) greutatea imaginilor

Subliniez 3 tipuri care sunt cele mai recomandate, deși aș fi precaut cu ele, deoarece pluginurile care dau mai multe probleme în WordPress sunt galeriile foto și acestea pentru a optimiza imaginile.

Plugin WordPress: WP Smush

Accesați din fila media, urmați pașii indicați și se va ocupa de reducerea greutății imaginilor pe care le aveți pe server.

Deoarece este versiunea gratuită, are o limită de 1 MB per imagine, ceea ce înseamnă că cei care sunt mai mari decât greutatea respectivă nu le modifică, restul veți vedea cum greutatea scade considerabil.

În plus, toate noile imagini pe care le încărcați în articolele dvs., programul în sine le va optimiza.
- Sursă de informații: „social4creative”

Plugin WordPress: EWWW Image Optimizer

Plugin util și ușor, este utilizat atât în ​​imaginile găzduite în biblioteca WordPress, cât și în cele găzduite pe un CDN.

Înregistrați imagini care au fost deja optimizate, pentru a nu trebui să repetați optimizarea de fiecare dată când este utilizat acest plugin.
- Sursă de informații: „social4creative”

Plugin WordPress: comprimați imagini JPEG și PNG - TinyPNG

Am fost tentat să instalez acest plugin pentru a vedea rezultate atât de bune din instrumentul său online, dar acest text mi-a oprit picioarele (deși este singurul care a anticipat actualizarea la versiunea 4.4 a WordPress și suportul său tehnic în forumuri este foarte bun).

Instalați acest plugin și obțineți cheia API gratuită de la această adresă. Cu un cont gratuit puteți comprima mai mult sau mai puțin 100 de imagini pe lună (pe baza unei instalări WordPress normale). Numărul exact depinde de câte dimensiuni în miniatură utilizați. ".

„Puteți schimba oricare dintre dimensiunile miniaturale generate odată comprimate, deoarece fiecare dintre ele contează ca o compresie. Și dacă sunteți un utilizator frecvent, puteți comprima mai multe imagini pentru o mică taxă suplimentară pe imagine ".

Tutorial video

  • WordPress: optimizați greutatea imaginii web
    Vom vedea detalii legate de dimensiunea, rezoluția și greutatea imaginilor, potrivite pentru o pagină web. Câteva exemple pentru a înțelege mai bine. Și o serie de programe, instrumente, sfaturi și pluginuri.

Opinie

Cred că acesta este unul dintre acele lucruri pe care ar trebui să le învățăm cu toții, pentru a ne lua obiceiuri bune și a nu depinde atât de mult de plugin-uri care facilitează această sarcină. Deși înțeleg că există oameni care nu au timp să facă unele procese, sunt sfătuiți.

Imagini sursă

Vedeți secțiunea conexă pe Pinterest-ul meu.

A.m web designer cu WordPress. Folosesc, de asemenea, design grafic (editare imagini) și implementare video (pot edita, dar nu înregistrez). Vă ajut să descoperiți/îmbunătățiți identitatea mărcii dvs., oferind distincție site-ului dvs. web. Folosesc bine designul vizual și emoțional. Sunt disponibil să vă ofer: servicii, instruire, consultanță.