–– Optimizați imaginile pentru web в ‡ ’гЂђFără pierderea calitățiiгЂ‘
❗ Este un proces care poate fi puțin plictisitor (dacă se face manual), dar este esențial să o faceți pentru a evita ca viteza de încărcare a site-ului dvs. web este afectată.
Iată cuprinsul cu tot ce veți vedea în articolul 👇👇 .
Cuprins
Este un proces care constă în adaptarea imaginilor la dimensiunea pe care urmează să o folosească pe web și reducerea greutății lor cât mai mult posibil fără a le face să arate rău.
Aici vă las toate postările rezumate într-un videoclip.
📺 Tutorial video
✅ Cum să redimensionați imaginile web la dimensiunea ideală
Primul pas pentru optimizarea imaginilor este redimensionarea acestora.
Cu cât rezoluția imaginii este mai mare, cu atât va cântări, ceea ce nu este compatibil cu încărcarea rapidă a site-ului dvs.
Nu încărcați fotografiile în «Full HD» cu scuza că «Este pentru a arăta bine».
Nu creați o bancă de imagini pentru descărcarea vizitelor dvs.
Caz practic:
Dacă vreau să plasez o imagine în bara laterală a blogului meu, mai întâi trebuie să aflu cât de largă este bara laterală.
Să presupunem că bara laterală are o lățime de 250 px.
Aceasta înseamnă că, chiar dacă voi încărca o imagine mai mare, aceasta va avea o lățime de 250 px, așa că risipesc restul și singurul lucru pe care îl pot face este să măresc dimensiunea paginii.
Pentru aflați ce dimensiuni să utilizați Vă recomand să utilizați „Element Inspector” al Chrome. În videoclip vă arăt cum se face.
După ce cunoașteți dimensiunile, le puteți redimensiona cu programe precum Paint, Photoshop sau Gimp. În videoclip vă explic cum să o faceți cu Photoshop.
🔹 Instrumente pentru redimensionarea masivă a imaginilor
Dacă lucrați cu multe imagini, cum ar fi crearea unui catalog de produse sau a unei galerii, redimensionarea lor una câte una ar dura mult timp.
Pentru a redimensiona imaginile într-un mod masiv, vă recomand câteva dintre aceste instrumente.
JPEG Resizer 2.1
JPEG Resizer 2.1 este un program gratuit pentru Windows care nu necesită instalare. Trebuie doar să îl rulați.
Vă permite să redimensionați imaginile în funcție de:
- Cea mai lungă parte: reglați cea mai lungă latură la dimensiunea pe care o indicați, va păstra proporțiile fără a distorsiona.
- Setează o dimensiune maximă pentru lățime sau înălțime.
- Setează o dimensiune exactă pentru lățime și înălțime.
- Sau reduceți imaginea cu un procent.
Un alt punct în favoarea este că permite redenumiți imagini în bloc adăugarea unui prefix, număr și sufix.
Fotografii în vrac
Este un instrument online cu ajutorul căruia puteți redimensiona fotografiile gratuit. La fel ca programul anterior, aveți posibilitatea de a alege modul în care doriți să le redimensionați.
✅ Redimensionați imaginile pentru web cu Photoshop
Urmați acești pași:
Deschideți fotografia pe care doriți să o comprimați și accesați „Fișier” -> „Salvare pentru web”:
Veți vedea următoarea fereastră.
Aici puteți face mai multe lucruri:
- Schimbați dimensiunile imaginii. Vă recomand să faceți acest lucru înainte de a-l salva pentru web.
- Selectați formatul: jpeg, png sau gif.
- Reglați calitatea imaginii.
Vă recomandăm să salvați imaginile în Format JPEGВ cu o calitate de aproximativ 70, și pentru imagini care au nevoie de transparență pe măsură ce siglele folosesc Format PNG.
🔨 Instrumente pentru optimizarea imaginilor online
Sunt multe, le voi menționa pe cele pe care le consider cele mai bune. Când optimizați imaginile cu instrumente online, veți vedea că unii se descurcă mai bine decât alții în funcție de fiecare imagine.