Kako optimizirati slike

U PageSpeed Insights mi stoji da trebam optimizirati brdo slika da bi mi stranica bila brža, i za puno slika stoji da se mogu compressati preko 90%. No ja sam već probala milion pluginova, s jednim sam optimizirala sve slike no i dalje mi piše da nisu optimizirane slike. Pa sam probavala druge pluginove i nijedan neće da još jače optimizira slike jer kaže da su već optimizirane.

Probala sam i neke softvere za optimizaciju slika i nijedan ništa ne napravi na slici jer da su optimizirane. A zašto onda u PageSpeed Insights stoji da trebam optimizirat brdo slika jer da mi to usporava stranicu? Jedino možda da probam smanjit veličinu slika ručno al to je puno posla i odgovara mi trenutna veličina slika.

Probaj ovaj http://tools.dynamicdrive.com/imageoptimizer/

A i nevalja ti ako imas sliku dimenzije primjera radi 300x150 i smanjis ju u kodu na
<img src="link do slike" width="150" height="70"> to ti isto moze bit problem.

ma oni briju bezveze oko nekih stvari… probaj ukucat bilo koji od vecih portala i biti ce isti rezultati da nije optimizirano… savjetuju da treba popravit cak i njihove vlastite oglase… odlucio sam to ignorirati…ovo s prilagodjenosti za mobilni web je vec druga stvar iako i tu luduju…

Hm kad probam s ovim optimizerom mi ful pokvari kvalitetu slike, a i ko će to ručno sve :open_mouth: imam milion slika na stranici. Nadala sam se da ima neki plugin koji bi odmah optimizirao sve slike na stranici, al možda najbolje pustit kako je pa bok.

Slike se optimiziraju pri exportu iz negkog grafičkog programa tako da se smanjuje kvaliteta.
PageSpeed ti stalno to javlja zato jer očito imaš gomilu slika.

Ljudsko oko na monitoru ne prijemjećuje razliku između 70% i 100% JPG kvalitete ali razilika u “težini” slika u kb je ogromna. Slika oko nekih 800x600px u boji bi trebala biti cca 70-100 kb. To znači da je optimizirana.

Ujesto Apache servera, uzmeš hosting sa LiteeSpeed ili Nginx serverom i više se ne moraš brinuti oko optimizacije slika, koda…

Aha, hm sad za mijenjanje hostinga, mogla bi i to al otom potom, Budem za početak smanjivala kvalitetu slika prije nego uploadam :smiley:

ma ima i na apacheu taj mod pagespeed kaj mos upalit al onda sve posemeri… ti plugini imaju nekoliko nivoa optimizacije onaj lossles il kako vec… na prvom stupnju se ne vidi razlika ali na ovim vecim vidi… a niko ne garantira da cak i sa tom optimizacijom bude sve kako oni sebi zamisljaju…
za bulk optimizacije sam ovaj plugin koristio i ok je …

Možeš isto domenu povezati sa CloudFlare servisom. On automatski optimizira dosta toga.

1 Like

uh i s njim sam se izzajebavo a nikave bas ocigledne koristi… nes ga jebe kombinacija cdn i ne ucitava mi slike…a uzo sam placeni paket kao bice bolje i bas gledo prije i poslje na tom pagespedu al nista razlike drasticne…

Ovaj EWW optimizer sam već pokušavala prije i sad ponovno, i neće da mi optimizira nijednu sliku jer su navodno već optimizirane. Mislim meni ih je plugin optimizirao odavno ali svejedno kad idem radit pagespeed test mi stoji da mi je brdo slika neoptimizirano. Ko će ga znati.

ima tamo opcija da ih ponovo optimiziras… tj mozes odabrati i jacu optimizaciju…al velim ja sam probo i nis koristi tako da nema bas tu smisla previse…

Ma ne radi on detaljnu analizu. Možeš imati i optimizirane slike, ali ako ih imaš puno on jednostavno kaže da “nisu optimizirane”. Ali u biti su optimizirane, samo on to tako tumači zato jer ih je previše.

Aha, možda bi mogla smanjit s tim slikama, volim ih stavit puno u članak a to baš i nije potrebno.

Eto vidiš :smile:
Za razne ikone, kojih često bude puno na stranicama može koristiti
http://fortawesome.github.io/Font-Awesome/
i uštedjeti resurse.

1 Like

Budem isprobala :smiley: hvala :smiley:

Meni kad Pagespeed javi da neke slike nisu optimizirane, ja ih sam optimiziram u Photoshopu.

Meni najbolji alat za optimizaciju slika je smush.it Ako koristiš wordpress install njihov plugin:

Ali opet moraš gledati na dimenzije slike u kodu i stvarne slike :wink:

Ok je smush.it samo nakon sto sve slike prodju kroz njega,pagespeed i dalje zna javit da su neke slike neoptimizirane. A i zadnjih dana smush ima problema mislim da ih zeza server

Itekako se primjeti razlika izmedju 70 i 100% JPEG kvalitete :)) Ja osobno uvijek optimiziram na 85% … to mi je nekako idealno. Izmedju 85 i 100 barem ja ne primjetim … a imam monitor koji bas i nije jeftin :stuck_out_tongue:

  1. resize images (width. max 1024px)
    Do that offline, use https://imageresizer.codeplex.com/

  2. for home page use thumbnails (and never: )
    you need to resize image to 150x70

  3. This website is good: tools.dynamicdrive.com/imageoptimizer/
    But best is: tinypng.com

  • png without losing quality
  • jpg in most cases with low losing quality

Cheers,
S