Kaip issaugoti paveikslelius web projektam

Pastebejau kad daugelis nauju "web developeriu" netinkamai issaugoja paveikslelius web projektams. Kaikuriu puslapiu paveiksleliai uzima daugiau vietos nei turetu tai vien del to, kad jie nera tinkamai issaugojami, tad sia pamokele noriu pamokinti kaip tinkamai issaugoti paveikslelius web puslapiams.

Dazinai paruose paveiksleli programa PhotoShop juos issaugoja File -> Save arba File -> Save As taciau tai nera teisinga nes taip issaugotas paveikslelis uzima per daug vietos pvz.:

http://img237.imageshack.us/img237/4834/madamtn2.th.jpg]

Norint tinkamai issaugoti paveiksleli hi reikia saugoti File -> Save for Web tuomet atsiradusiame naujame lange reikalinga nustetyti kokio formato paveikslelis turetu buti (gif ar jpg). Formata nustatome pagal spalvu skaiciu, jei spalvu ir ju atspalviu daug arba yra nemazai pereinanciu spalvu geriausia nustayti JPG formata bei nutatyti kokybe (Quality) patarciau nustayti apie 60-70 nes tada paveikslelio kokybe beveik nenukencia o dydis zymiai sumazeja. Pavyzdziui pries tai parodytas paveikslelis:

http://img301.imageshack.us/img301/2558/madam2sn2.th.jpg

Kaip pastebite antrasisi paveikslelis uzima beveik 3 kartus maziau vietos o kokybe praktiskai nenukentejo.

GIF tipa geriausiai parinkti data kai paveikslelyje nera pereinanciu spalvu ir pats spalvu kiekis nera didelis. saugant GIF formatu patartina nustatyti spalvu kieki tokiu atveju taip pat galite sumazinti paveikslelio kieki, taip jusu tinklapis krausis greiciau, bei isnaudos maziau duomenu srauto, kuris siuo metu yra ganetinai brangokas.

nu jo cia geras nezinojau net :)

39kb taip pat gana nemazai, as saugau taip:

pirmiausia is photoshopo issisaugau ant 100% opacity, o tada ta paveiksliuka atsidarau per tarkim koki image readeri ir ji dar karta issaugau su paprasciausiu save > save as... nustatyti raiskos nereikia, o vieta sumazeja desimteriopai. :)

Kiek normalus dizainas turetu mazdaug uzimti? Dabar turiu sukures dizaina, Darau File>Save for web, tai man saugant JPG formatu dizaina issaugo atkskiromis dalimis (kadangi sukarpytas), ir be to uzima mazdaug 600-700kb.. :D

Nežinau, mano dizainėlis užima ~35KB. Sakyčiau 700KB jau daugokai...

Tas vietas, kur didelį plotą užima viena spalva, pasistenk pakeisti su CSS.

EDIT: Suklydau rašydamas svorį.

Pvayko sumazinti iki 258kb. O koks mazdaug normalaus dizaino dydis turetu buti? Intervalas koks? :D

Pradžios intervalo tai nėra, gali būti labai nuostabus puslapis ir vien su CSS parašytas, nenaudojant nei vieno paveikslėlio.

Na, o maksimalaus tokio konkretaus taip pat nėra, kuo mažiau, tuo geriau.

Manau nedaugiau pusės megabaito...