A legtöbb weboldalon a webes képek a legtöbb letöltési időt veszi igénybe. De ha optimalizálja a webes képeket, akkor gyorsabb betöltő weboldal lesz. Sok lehetőség van egy weboldal optimalizálására. Az egyik módja annak, hogy a sebességet a legjobban javítsa, azáltal, hogy a lehető legkisebb méretű grafikákat készít.
Jó szabály az, hogy megpróbálja megőrizni az egyes képeket, amelyek nem haladják meg a 12 KB-ot, és a weboldal teljes mérete, beleértve az összes képet, a HTML, a CSS és a JavaScript, nem lehet nagyobb, mint 100KB, és optimálisan nem több, mint 50KB.
Annak érdekében, hogy a grafika a lehető legkisebb legyen, grafikus szoftverrel kell szerkesztenie a képeket. Kaphat egy grafikus szerkesztőt vagy egy online eszközt, például a Photoshop Express szerkesztőt.
Íme néhány tipp a képek értékeléséhez és kisebb méretezéséhez:
A kép a megfelelő formátumban van?
A weben csak három képformátum létezik: GIF, JPG és PNG. És mindkettőnek különleges célja van.
- GIF-A lapos színű képek GIF formátumának használata. Ezek a képek csak néhány színnel vannak.
- JPG-A fényképes képek JPG formátumának használata. Ezek a képek több millió színnel vannak ellátva.
- PNG- Használja a PNG formátumot, ha nem kell a képeket megjeleníteni mobileszközökön. Jóak mind a lapos színűek, mind a fotók számára. A legjobb, ha a képeket mind PNG, mind JPG vagy GIF fájlként mentheti, majd a kisebb verziót használhatja.
Milyen képméretek vannak?
Egyszerű módja annak, hogy kisebb méretű képeket készítsen, csak enyhítse őket. A legtöbb fényképezőgép olyan fotókat készít, amelyek nagyobbak, mint az átlagos weboldalon megjelenő képek. Ha a dimenziókat akár 500 x 500 képpont vagy annál kisebb területre szeretné módosítani, akkor kisebb képet hoz létre.
Le van vágva a kép?
A következő dolog, amit tennie kell, győződjön meg róla, hogy a kép minél szorosabbra van vágva, amennyit csak tud. Minél inkább levágja a képet, annál kisebb lesz. A vágás segít meghatározni a kép tárgyát azáltal, hogy eltávolítja az idegen háttéreket.
Hány színben használja a GIF-t?
A GIF-ek sík színű képek, és tartalmaznak egy indexet a színeknek, amelyek jelen vannak a képen. A GIF index azonban több színt tartalmazhat, mint amennyit ténylegesen megjelenítettek. Az index csak a kép színeinek csökkentésével csökkentheti a fájlméretet.
Milyen minőségi beállítása van a JPG-nek?
A JPG-k minőségének beállítása 100% -tól 0% -ig terjed. Minél kisebb a minőségi beállítás, annál kisebb a fájl. De légy óvatos. A minőség befolyásolja a kép megjelenését. Tehát válasszon olyan minőségi beállítást, amely nem túl csúnya, miközben továbbra is alacsony a fájlméret.