Paraugprakses: Darbs ar attēliem
Optimizēt attēlus
Optimizācija vienkārši nozīmē pildīt lielumu attēla mazā turot kvalitātes attēlu līdz nepieciešamajam līmenim. Ir slodzes procedūru, kas reiz var veikt, lai optimizētu attēlus, pirms tie tiek ielādēti serverī piegādes. Līdzekļi, ko mēs izmantojam, lai izveidotu šo attēlu (Photoshop, uguņošana uc) parasti ir instrumenti, kas ļauj lietotājiem, lai optimizētu attēlu tīmekļa lietošanai.
• Pārbaudiet GIF 's redzēt, ja tie izmanto paletes izmērs atbilst krāsu skaits attēla. Ja attēls ir izmantojot 4 krāsu un 256 krāsu paleti, tad attēls varētu būt vēl vairāk optimizēta
• Konvertēt GIF ir PNG s, kur iespējams, un redzēt, ja ir ietaupījums. Biežāk nekā nav, tur ir. Nevilcinieties izmantot PNG 's, jo viņi pilnībā atbalsta lielākā daļa populārās pārlūkprogrammās. Gaidīt no animācijas iespējas PNG var darīt to, ko GIF dara, tostarp pārredzamību.
• Attiecībā uz attēliem izmanto CSS sprites, sakārtot attēlus Sprite horizontāli, nevis vertikāli parasti rada mazāku faila izmēru. Arī kombinēt attēlus ar līdzīgām krāsām kādā Sprite. Tas palīdz jums saglabāt krāsu skaits mazs, ideālā saskaņā 256 krāsās tā, lai ietilptu PNG8 a.
• Ja jūs izmantojat favicon.ico, glabā to mazo, vēlams zem 1K.
Izmantot pareizi mērogots / mainīti attēlu.
Vienmēr izmēģināt un lietot mainīti attēlus, ti, neizmantojiet lielāku attēlu, nekā jums nepieciešams tikai tāpēc, ka jūs varat noteikt platumu un augstumu HTML. Ja Jums ir nepieciešams, lai parādītu 100px X 100px attēlu lapā, tad nelietojiet kristies 200x200px attēls.
Izmantot Progressive attēlus
Web pārlūkprogramma jau apmetumu attēlus pakāpeniski. Darīt vēl labāk, vienkārši saglabājiet GIF vai PNG attēlus ar "interlaced" variantu, vai jūsu JPEG attēliem ar "progresīva" variantu.
Ir notiekošās debates starp interneta lietotājiem par to, vai izmantošana no pakāpeniskas attēlam ir svētība vai šķērslis. Arī progresīva attēla sver aptuveni 20% vairāk nekā tā nav progresējošu kolēģim. Tātad, ja jūs domājat jūs izkārtojums izmanto attēlus, kas netraucē lietotāja pieredzi, jo ir progresīva, justies brīvi to darīt.
