Optimizirajte i komprimirajte slike na mreži pomoću SmushIt-a

Ako ste ranije pratili moje postove, znat ćete da sam ja fanatik u optimizaciji moje web stranice za najbolje performanse. Jedna stvar koju radim je da komprimiram slike na najmanju moguću veličinu bez gubitka vizualne kvalitete.

Ako se pitate zašto smanjenje veličine vaših slika može pomoći u izvedbi web mjesta, u osnovi što je veća veličina slika, sporije je potrebno za učitavanje poslužitelja i veća vjerojatnost da će se vaš poslužitelj srušiti kad doživite prometni šiljak (poput naslovne stranice Digga). Pored toga, ako svoje slike smještate na web mjesto treće strane, poput Amazona S3, manja slika također znači i manje troškove jer se naplata temelji na propusnoj širini i iskorištenom prostoru za pohranu.

Kako komprimirati slike na mreži pomoću SmushIt-a

Smush.it je usluga koju je razvio Yahooov tim izvanrednih performansi s ciljem poboljšanja performansi vaše web stranice. Ono što SmushIt čini jest ukloniti sve metapodate sa slika i komprimirati ih koristeći algoritam optimizacije koji ne samo da smanjuje veličinu, već i čuva vizualnu kvalitetu. Kad sam ga prvi put upotrijebio, bio sam iznenađen kad sam vidio 30% smanjenje veličine slike koju sam optimizirao u Photoshopu. Većinu vremena koje koristim Smushit može brijati 10-50%, povremeno i 80% od veličine slike.

Nekoliko je načina pomoću kojih Smush možete koristiti za optimizaciju slika na mreži.

Pošaljite svoju sliku

Ako na računalu imate neke slike koje želite optimizirati, svoje slike možete jednostavno prenijeti u Smushit putem programa za prijenos na licu mjesta. Ne postoji ograničenje broja slika koje možete prenijeti, ali imajte na umu da što više prenosite, to je sporije.

URL slike

Umjesto prijenosa, Smushit možete usmjeriti na web URL (na primjer, vašu web lokaciju) i navesti ga da analizira i optimizira sve slike u tom URL-u.

Proširenje za Firefox

Ovo je daleko, moj omiljeni način korištenja Smushita. Ako koristite preglednik Firefox, možete instalirati proširenje Smushit Firefox i imati brzi pristup do njega bilo kada i bilo gdje. Kada se nalazite na web stranici (možda prilikom pregledavanja članka o postu na svojoj web lokaciji) i želite optimizirati slike na toj stranici, jednostavno kliknite ikonu SmushIt na traci stanja i ona će analizirati i optimizirati sve slike na toj stranici.

Alternativa dodatku Firefox je oznaka oznaka koju možete postaviti na traku oznaka.

Rezultat

Nakon što SmushIt optimizira vaše slike, prikazat će izvještaj koliko bajtova je obrijao izvorne slike i pružit će vam vezu do komprimiranih datoteka svih komprimiranih slika.

WordPress dodatak

Još jedna stvar, ako koristite WordPress, postoji i dodatak Smushit koji možete koristiti. Nakon što aktivirate dodatak, sve slike koje prenesete na vaše web mjesto automatski će se pokrenuti kroz SmushIt iza scene. Nema ničeg dodatnog što trebate učiniti. Alternativno, možete otići u svoju Media Library u WordPressu i obraditi postojeće slike pomoću SmushIt.

Jeste li isprobali SmushIt za optimizaciju i komprimiranje slika? Je li vam korisno? Podijelite s nama u komentarima.