![](http://img.leaplizards.com/wp-content/uploads/sobremesa/438/9p85u0k5d6.jpg)
Jedan od prvih izazova sa kojima sam se suočio kao vebmaster ovog bloga bio je vezan za slike. Needed komprimovati slike (JPG, PNG, GIF) sa veoma visokim nivoom zahteva ako želite da optimizujete resurse servera i takođe brzo učitavate.
Danas ću objasniti 2 metode koje koristim uređujte i kompresujte slike kao pravi nindža. Poslednje 3 godine sam probao sve, ali na kraju, ovo je ono što mi najbolje odgovara, pa želim da to podelim sa vama.
Kako komprimirati jednu ili više slika odjednom na najjednostavniji mogući način
Ono što mnogi ljudi preporučuju za komprimovanje slika je korišćenje programa poput Photoshopa ili drugih multimedijalnih uređivača ovog stila. Nešto što je jako dobro, ali ovakva aplikacija obično nisu jeftine precizno, a takođe donose mnogo profesionalnih funkcija kojih ja lično imam dosta - samo želim da napravim nekoliko podešavanja i komprimujem nekoliko slika, a ne da napravim animaciju od 8 minuta.
Kako urediti i komprimirati sliku bez instaliranja bilo koje aplikacije
Kada sve što trebam je da komprimujem sliku i prilagodim njene margine i veličinu Koristim veb alat tzv Pixlr express. Reč je o onlajn aplikaciji koja je pre mnogo godina ugledala svetlost ruke Autodeska – istih onih iz Autocad-a – a koju je sada kupila druga kompanija (123RF). Ali da pređemo na stvar...
Stvar je u tome što je još uvek besplatno i isto tako dobro funkcioniše. Ne samo to, nego nije potrebna registracija i omogućava nam da uređujemo slike, dodajemo filtere, fontove i dobar pregršt efekata. Već duže vreme ga imam u fascikli „favorites“ u pretraživaču.
Da komprimujete sliku pomoću Pixlr Express-a moramo samo da učitamo sliku u editor i pritisnemo "сачувати”. Kada ga sačuvate, alat će nam omogućiti da primenimo željeni nivo kompresije (od 0% do 100%).
![](http://img.leaplizards.com/wp-content/uploads/sobremesa/438/9p85u0k5d6-1.jpg)
Naravno, kvalitet slike će biti u skladu sa nivoom kompresije koju primenjujemo. Kao ličnu preporuku, savetovao bih vam da se prijavite nivo kompresije od 65% u poređenju sa originalom. To je ta tačka u kojoj slika i dalje izgleda dobro i njena težina je drastično smanjena.
Kako komprimirati više slika odjednom i kaskadno
Ako imamo nekoliko slika, rad sa Pixlr-om može biti pomalo dosadan. Za ove slučajeve koristim besplatni program tzv RIOT (Alatka za radikalnu optimizaciju slike), specijalno dizajniran za kompresiju JPG, GIF i PNG slika.
RIOT nam omogućava da učitamo sliku, prilagodimo nivo kompresije i vidimo pregled kako bi izgledala kada se kompresija primeni. Ovo je sjajno za nas da ga prilagodimo što je više moguće i da i dalje izgledamo dobro.
Ali prava magija RIOT-a je u njegovoj „Batch“ funkciji. Odavde možemo učitati nekoliko slika odjednom (na primer, sve slike sadržane u fascikli ili podfolderima) i stisnuti ih u kaskadi. Da bismo to uradili, samo treba da kliknemo na ikonu "Batch”, Izaberite odredišni folder (Излаз фолдера) i izvorni folder (Dodaj slike -> Dodaj sve slike iz foldera). Kada imamo sve po svom ukusu, samo kliknite na "Почетак”Da izvršite masovnu kompresiju za sve izabrane slike.
![](http://img.leaplizards.com/wp-content/uploads/sobremesa/438/9p85u0k5d6-3.jpg)
Razlika između komprimovanja slika jednu po jednu i ovakog dela je jednostavno ogromna. Zamislite da morate da optimizujete sve slike univerzitetskog posla, ili još gore, sve slike na vašoj veb lokaciji.
Savršen nivo kompresije za slike na blogu ili veb lokaciji
Kao što sam pomenuo malo gore, savršen nivo kompresije je 65% za veb stranice. Ali ovo je samo lična preporuka...
Ali ako imamo veb stranicu i želimo „savršen“ nivo kompresije, sigurno ćemo želeti nešto više od lične preporuke luđaka koji sebe naziva „srećnim androidom“.
Za ove slučajeve, Google ima dobro poznatu stranicu za vebmastere Pagespeed Insights. Ovaj alat, osim što nam govori o brzini učitavanja naše veb stranice i daje nam neke druge savete, takođe nam omogućava da preuzmemo kopiju svih slika koje određeni URL sadrži. Ove kopije slika će biti 100% optimizovane.
Da bismo preuzeli slike, moramo da unesemo URL na kome vise i kliknemo na „Analiziraj”. Kada se analiza završi, od "рачунар„Skrolujmo skoro do kraja i kliknemo na link“Preuzmite slike, JavaScript i CSS resurse optimizovane za ovu stranicu”. Automatski ćemo dobiti ZIP datoteku sa već optimizovanim resursima.
![](http://img.leaplizards.com/wp-content/uploads/sobremesa/438/9p85u0k5d6-4.jpg)
Nadam se da će vam ovaj vodič biti od pomoći. Da sam tako nešto mogao da pročitam kada sam započeo ovaj projekat, sigurno bi me poštedeo mnogo glavobolje.
P.D: Post posvećen mom „meni“ iz prošlosti. Vidi da li ćeš naučiti, mali!
Имаш Telegram instaliran? Primite najbolji post svakog dana naš kanal. Ili, ako želite, saznajte sve od naših Фацебоок страница.