Legjobb Gyakorlatok: Munka képekkel
Optimalizálja Images
Optimalizálás egyszerűen azt jelenti, tartva a kép méretét kis tartva a kép minősége a kívánt szintre. Rengeteg eljárások után lehet elvégezni az optimális kép betöltés előtt a kiszolgálóra a szállítás. Az eszközöket használunk az alkotás e képek (Photoshop, Fireworks stb) általában olyan eszközök, amelyek lehetővé teszik a felhasználók számára, hogy optimalizálja a képet a webes felhasználásra.
• Ellenőrizze a GIF, hátha ezek segítségével a paletta mérete megfelelő a színek számát a képen. Ha egy kép, de 4 színben, és egy 256 színű paletta, akkor a kép még tovább optimalizált
• Convert GIF PNG ott lehetséges, és nézd meg, van egy megtakarítás. Gyakrabban mint nem, nincs. Ne habozzon használni a PNG-k, mivel azok teljes mértékben támogatja a legtöbb általánosan használt böngészők. Várják az animációs képességeket PNG tehet, amit csinál a GIF, beleértve az átláthatóságot.
• A felhasznált képek a CSS sprite, gondoskodjon a képeket a sprite vízszintesen, függőlegesen, hanem általában a kisebb fájlméret. Emellett össze képeket hasonló színeket egy sprite. Ez segít megőrizni a színek száma alacsony, ideális esetben 256 szín alatt annyira, hogy beleférjen egy PNG8.
• Ha ön használ egy favicon.ico, tartsa kicsi, lehetőleg 1K alatt.
Használjunk jól skálázható / átméretezett kép.
Mindig megpróbálja használni átméretezett képek, azaz nem használ fel egy nagyobb képet, mint amennyire szüksége csak azért, mert akkor meg a szélességet és magasságot a HTML-ben. Ha kell megjeleníteni 100px X 100px képet az oldalon, akkor ne használjon kicsinyítve 200x200px képet.
Használja a progresszív képek
A webböngésző már fokozatosan teszi képek. Ehhez még jobb, egyszerűen mentse el a GIF vagy PNG képek az "átlapolt" opciót, vagy a JPEG képeket a "progresszív" opciót.
Jelenleg folyamatban van a webes felhasználók körében vita arról, hogy alkalmazása a progresszív kép áldás vagy akadály. Szintén a progresszív képet tömege körülbelül 20%-kal több, mint a nem progresszív megfelelője. Szóval, ha úgy gondolja, hogy a képek elrendezését használ, nem akadályozza a felhasználói élmény, hogy az általa progresszív, nyugodtan erre.
