Optimalizálja a webes képek betöltését
A weboldalon található képek szépíthetik a weboldalakat, és lassú az oldalak betöltési sebessége is. Ez a cikk egy sor tippet mutat be a weboldalak megjelenítésének felgyorsítására a képek tömegének optimalizálása vagy speciális tippek segítségével.
A képek optimalizálásának okai
A képek tömegének optimalizálása és az oldal betöltési sebességének optimalizálása több okból is bevált gyakorlat:
- Senki sem szereti megvárni az oldal betöltését
- A betöltési sebesség a webhelyek keresési eredményekben való elhelyezésének kritériuma
- Néhány látogatónak nincs gyors internet-kapcsolata. Ez különösen igaz azokra az internet-felhasználókra, akik 3G-t használó eszközt használnak.
- Kerüli a látogatók és az értékesítések elrettentését. Vitathatatlan, hogy a betöltési idő hatással van a látogatókra:
- Minél hosszabb a betöltési idő, annál nagyobb a kimeneti sebesség
- Az Amazon webhelyén: 100 ms további betöltési idő elvesztette az értékesítés 1% -át
- Google-on: 500 ms extra 20% -kal csökkenti a keresések számát
- Kevesebb forgalmat használ a webtárhely, mert az oldalak kevésbé nehezek
Soha ne méretezzen át kódban
Néhány weboldal úgy dönt, hogy nagy képeket használ (például: 800 x 600 képpont), és indexképként beilleszti őket egy weboldalra (például: 80 x 60 képpont). Ennek a módszernek két fő hátránya van:
- A képeket nagyon nehéz betölteni, ha csak egy kis indexképet kell megjelenítenie
- A webböngészők nem grafikus szoftverek. A webböngésző által átméretezett kép gyengébb minőségű lesz, mint a speciális szoftverrel átméretezett kép (például: Gimp vagy Photoshop). Az alábbi fénykép a kép minőségének különbségét mutatja, attól függően, hogy Firefox vagy Gimp segítségével méretezték-e át.
Az egyszerű megoldás az, hogy mindig a webhelyéhez hozzáadni kívánt kép pontos méreteit használja. A kép átméretezése nagyon egyszerű, amellyel gyakorlatilag az összes képszerkesztő szoftver rendelkezik.
Válassza ki a megfelelő formátumot
Egyes képformátumok nehezebbek, mint mások. A megfelelő képarány használata meglehetősen egyszerű módon csökkenti a képek súlyát. Csak használja a fotószoftvert, és mentse a megfelelő formátumban.
Ez a digitális képformátum 256 színre korlátozódik, így viszonylag könnyű formátum. Ez a formátum ismert és értékelt, mivel képes mozgó képeket megjeleníteni. Sajnos, ha egy szép fényképet kell megjeleníteni, a 256 színre történő korlátozás jelentősen rontja a képminőséget. Ezért ezt a formátumot részesítik előnyben: logók, kis ikonok és kis mozgóképek.
A JPEG egy tömörített digitális képformátumot meghatározó szabvány. A tömörítés mértéke választható. Minél nagyobb a tömörítés, annál kevésbé lesz nehéz a kép, de cserébe a kép elveszíti minőségét. Ezután ki kell választani a legjobb kompromisszumot a kép minősége és súlya között. Különösen a webhely típusától (fotós webhelye?) És a képek céljától (egyszerű szemléltető fotó vagy fontos fénykép?) Függ. Nyilvánvaló, hogy az esetek többségében a JPEG az felhasználás fényképekhez az interneten.