Optimizacija velikosti slik

7 naročnikov

Pojavlja se mi na spletnih straneh vse več prostorno požrešnih slik in igrafik za ozadja strani ali kot bannerjev. Nekatere po 300kb in več, kar bi definitivno želel zmanjšati zaradi hitrejšega odpiranja strani.

Torej me zanima kako vi zmanjšujete in optimizirate velikost slik? Uporabljate kakšen on-line pripomoček? Program? Ali kaj drugega?

Recimo sedaj se ubadam konkretno z zmanjšanjem teh dveh slik:

http://callofduty.si/templates/gkmusicity/images/mainbg_1.jpg - 553 kb

http://instituto.eliteplaying.com/images/glavni-banner.png - 344 kb - transparentnost

Mogoče ti bo tolepomagalo. :)

Ni kaj dosti pomagalo. Morda bi bilo boljše s kakšnim zmanjševanjem kvalitete, zmanjšanjem barv itd? Samo recimo s photoshopom za to se nisem kaj prida znašel.

glavni-banner.png - 353.05 KB - 2.65 KB - 0.75%

mainbg1.jpg - 524.42 KB - 29.04 KB - 5.25%

Chick ti je podal link, obstajajo pa tudi programi, ki ti zmanjašajo slike, brez izgube kvalitete (in lahko recimo kompresiraš vse slike v mapi)...

Drugače pa pri prvi sliki (main_bg1) definitivno ne rabiš vsega tega? ne bi vzel patern ozadja, ga določil kot background... potem pa na desno človečka posebej in na levi napise posebej... mislim da bi veliko prihranil... pa pattern bi se ti naložil takoj... tako da ima stran v trenutku v redu podobo, ne da se mu naloži skoraj wallpaper zadaj ;)

Si probal Save for Web? Ta zelo zmanjša zadevo.

Kateri programi pa? če lahko kakšno ime programa.

Glede main_bg1 vem da bi lahko z vzorcem to reševal, samo nisem imel časa pa mi je tako prihtanilo veliko dela in po mojem, vsaj kar sem gledal da nekateri spravijo 2000px širine barvne slike v manj kot 100kb in ostajo dokaj ostre, bi se pri moji še veliko dalo.

Poglej si tale video.

Na svojem blogu sem nekaj časa nazaj pisal o tem - krčenje slik, ampak sem uporabnik Linux OS. Malo pogooglaj...

No, mislim da ti da vse to urediš ne more vzeti več kot 15 minut časa, tako da po mojem je najboljša rešitev, da to urediš tako kot sem napisal zgoraj, ker se tako pač dela (poglej druge strani)...

Pri Save for web daj kvaliteto na 50 in dodaj blur na 0,4 pa si na 190kb.

Ok to glede JPEG slike sem sedaj tudi sam rešil s pomočjo tega save for web in video tutoriala. Hvala.

Je pa možno še png nekoliko pomanjšati s tem da ohraniš transparenco?

Hmmm...oboje se da rešiti z photoshopom, pri prvi sliki jpg; daš lahko v photoshopu Save as - izberi format jpg in na koncu imaš celo možnost kolikšna kvaliteta slike naj ostane oz, izbiraš med kvaliteto/velikostjo slike; ali pa save for web. Pri 2 sliki png; pa lahko probaš tudi save for web, izberi format PNG - 8; z prikazom 256 barv; lahko pa poskusiš s še manj barvami; samo bodi pozoren na razmerje kvaliteta/velikost