Optimizarea imaginilor dvs. pentru web Comunicare Orignal

Am ales să ilustrez acest articol cu ​​cardul „Gorilla de Beringeï” ediția a 3-a marginile negre ale jocului „Magic The Gathering” pentru a-i mulțumi pe fratele meu mai mare, precum și pe nașul fiicei mele, Quentin și Romain.

Raportul greutate/calitate

Mulți dintre noi publicăm imagini în mod regulat pe internet. Pe rețelele de socializare (Facebook, Twitter, Instagram, Google + ...) nici măcar nu ne punem problema formatului și compresiei, ei se ocupă de toate. De fapt, Facebook este criticat frecvent pentru algoritmul său de procesare a imaginilor prea distructiv.

Dar când postați pe blogul sau site-ul dvs. web, aveți controlul. Trebuie să vă comprimați singuri imaginile și aici alegerile greșite vă pot strica eforturile de scriere. O imagine prea comprimată nu vă va îmbunătăți conținutul. Dimpotrivă, o imagine cu o definiție prea ridicată va dura prea mult timp pentru a fi încărcată și un număr bun de utilizatori de Internet vor părăsi pagina dvs. înainte de a o putea citi. Provocarea imaginilor de pe web este, prin urmare, de a obține cel mai bun raport GREUTATE/CALITATE

orignal

În stânga imaginea a fost comprimată foarte puternic pentru o greutate de 7Kb.
La mijloc cu o compresie medie obținem o greutate de 25kb
În dreapta, cu o compresie foarte mică, obținem o greutate de 90kb.

Rețineți că imaginea din stânga, deși este foarte ușoară, este complet ilizibilă deoarece este comprimată. Pe celelalte două imagini, textul este ușor de citit, imaginea arată clar (faceți clic pe imagine pentru ao vizualiza în mare). Deci, idealul este să alegeți imaginea din mijloc, deoarece este de 3 ori mai ușoară !

Bine, dar cum puteți obține cel mai bun raport calitate/greutate? ?

Puneți numărul corect de pixeli

Dimensiunea unei imagini pe ecran este definită de numărul de pixeli. Site-ul dvs. web va afișa, dacă este făcut corect, imaginile dvs. la o lățime definită, indiferent de dimensiunea originală a acestora (să uităm răspunsul pentru a nu complica inutil). Deci, dacă încărcați o imagine de 4000 pixeli pe blogul dvs. (dimensiunea tipică a unei camere digitale), aceasta se va afișa la 600 pixeli (lățimea standard a unei postări pe blog). Prin urmare, veți fi încărcat o fotografie mult prea mare care va încetini inutil încărcarea paginii.

Pentru a rezolva această problemă, faceți o plimbare în Photoshop în fila „imagine> dimensiunea imaginii” și reduceți imaginea la numărul corect de pixeli. Dimensiunea în cm și definiția nu contează, ceea ce contează este înălțimea și lățimea în pixeli. Asigurați-vă că bifați caseta „resampling” pentru a putea modifica dimensiunile în pixeli.

Gif, jpg sau png ?

Odată ce imaginea are dimensiunea corectă, aceasta trebuie salvată în formatul corect. JPG-ul, deși este cel mai răspândit, nu este întotdeauna cel mai potrivit.