Accelerați-vă WordPress - Cum să salvați imagini optimizate pentru Web

Salvezi imaginile greșit? Majoritatea începătorilor nu știu cum să salveze imaginile în mod corespunzător, ceea ce poate avea un impact imens asupra vitezei site-ului. În acest articol, vă vom arăta cum să salvați în mod corespunzător imaginile optimizate pentru web.

Fiecare expert în blogging vă va spune că imaginile contribuie la creșterea angajamentului. Cu toate acestea, ceea ce nu vă spun este că optimizarea imaginilor pentru web nu poate încetini site-ul dvs. Potrivit Strangeloop, o întârziere de o secundă vă poate costa 7% din vânzări, cu 11% mai puține afișări de pagină și o scădere cu 16% a satisfacției clienților.

Tutorial video

Dacă nu vă place videoclipul sau aveți nevoie de mai multe instrucțiuni, continuați să citiți.

Cum se salvează corect imaginile?

Când salvați imagini, trebuie să luați în considerare două lucruri: formatul de fișier imagine, și comprimare. Prin alegerea combinației potrivite, puteți reduce dimensiunea imaginii cu 5x.

Pentru majoritatea dintre noi, singurele formate de imagine care contează sunt JPEG și PNG. Pentru a păstra lucrurile simple, utilizați imagini JPEG pentru fotografii sau imagini cu o mulțime de culori și utilizați PNG-uri pentru imagini mai simple sau când aveți nevoie de imagini transparente.

Pentru cei care nu cunosc diferența, formatul de imagine PNG este necomprimat, ceea ce înseamnă că este o imagine de calitate superioară. Dezavantajul este că dimensiunea fișierului este mult mai mare. Pe de altă parte, JPEG este un format de fișier comprimat care reduce ușor calitatea imaginii pentru a oferi o dimensiune semnificativ mai mică a fișierului.

Pe WPBeginner, majoritatea imaginilor noastre sunt JPEG-uri.

Următorul lucru este compresia, ceea ce înseamnă utilizarea unui instrument pentru salvarea imaginilor optimizate pentru web. Compresia poate face o diferență enormă.

Vedeți tabelul de mai jos care evidențiază câteva combinații pe care le-am fi putut folosi pentru a salva imaginea Strangeloop utilizată în acest articol.

Instrumente de compresie a imaginilor pentru bloggeri

Acum, că ați văzut diferența pe care fiecare tip de comprimare o face, mai jos puteți afla cum puteți să salvați în mod corespunzător imaginile optimizate pentru web și să vă accelerați site-ul.

Adobe Photoshop

Adobe Photoshop este un software premium care vine cu o caracteristică pentru salvarea imaginilor optimizate pentru web. Deschideți pur și simplu imaginea și faceți clic pe butonul File> Save for Web & Devices.

Aceasta va deschide un ecran de salvare. În partea dreaptă, puteți seta diferite formate de imagine. Pentru formatul JPEG, veți vedea diferite opțiuni de calitate. Când selectați opțiunile dvs., va afișa, de asemenea, dimensiunea fișierului din dreapta jos.

Notă: înțelegem că Photoshop este destul de scump. GIMP este o alternativă gratuită pe care utilizatorii o pot utiliza. Alte produse Adobe, cum ar fi focurile de artificii, pot face acest lucru bine.

TinyPNG

TinyPNG este o aplicație web gratuită care utilizează tehnica de compresie inteligentă pentru a reduce dimensiunea fișierelor PNG. Tot ce trebuie să faceți este să mergeți la site-ul lor și să încărcați imaginile. Acestea vor comprima imaginea și vă vor oferi linkul de descărcare.

Pentru dezvoltatori, aceștia au, de asemenea, un API pentru a converti automat imaginile.

JPEG Mini

JPEGmini utilizează o tehnologie de recomprimare care reduce semnificativ dimensiunea imaginilor fără a afecta calitatea lor perceptuală. Aveți posibilitatea să utilizați gratuit versiunea lor Web sau să achiziționați programul pentru computerul dvs. Ei au, de asemenea, un API plătit pentru a automatiza procesul pentru serverul dvs..

ImageOptim

ImageOptim este un utilitar Mac care vă permite să comprimați imagini fără a pierde nici o calitate prin găsirea celor mai buni parametri de compresie și eliminarea profilurilor de culoare inutile.

Windows alternativă la acest lucru este Trimage.

După cum puteți vedea că există mai multe instrumente pe care le puteți utiliza pentru a optimiza imaginile pentru web. Când am folosit compresia Photoshop, am văzut cele mai bune rezultate în dimensiune, totuși calitatea a fost afectată. TinyPNG a fost un câștigător clar pentru salvarea oricărui tip de PNG pe web.

Unii sugerează că puteți utiliza o combinație de TinyPNG sau JPEG Mini și Image Optim pentru rezultate mai bune. Cu toate acestea, rularea a două instrumente separate pentru încărcarea imaginilor vă poate mări puțin volumul de lucru.

Gânduri finale privind optimizarea imaginilor

Dacă nu salvați imagini optimizate pentru web, atunci începeți să faceți acest lucru acum. Poate aduce o mare diferență în ceea ce privește viteza site-ului dvs., iar utilizatorii dvs. vă vor mulțumi pentru asta. Sigur că calitatea imaginii ar putea scădea ușor, dar majoritatea utilizatorilor nu o vor observa.

Dacă sunteți în căutarea unor imagini de calitate, consultați ghidul nostru despre cum să găsiți imagini gratuite pentru postările de pe blog.

Nu în ultimul rând, dar nu în ultimul rând, utilizarea unui CDN pentru a servi imagini pentru site-ul dvs. WordPress poate accelera în mod semnificativ site-ul dvs. Consultați acest infographic pentru a vedea ce este un CDN și folosiți ghidul nostru despre configurarea CDN pentru site-ul dvs. Folosim MaxCDN pentru site-ul nostru.

Sperăm că ați găsit acest articol util.

Aveți prieteni de blogger care salvează imagini greșit? Împărtășiți acest articol cu ​​ei, pentru a-și grăbi site-ul. Vor să vă mulțumească pentru asta.

Dacă aveți întrebări, vă rugăm să lăsați un comentariu de mai jos. De asemenea, nu uitați să ne urmați pe Twitter și pe Google+