Megoldások a weboldal képeinek optimalizálására - acceseo
A tudatlanság vagy lustaság miatt általában elhanyagolt szempont az képek webekhez és blogokhoz. Meg kell találni az egyensúlyt a minőség és a súly között, hogy vizuálisan jól nézzen ki, anélkül, hogy nagyon nagy felbontásúak és túlzott súlyúak lennének, mivel a webes megjelenítés nem igényli ezen követelmények egyikét sem, a nyomtatási kérdés egy másik kérdés.
Tartalomjegyzék
Ez az egyensúly nem szeszélyből vagy véletlenül történik, mivel számos nagyon súlyos oka van annak, hogy miért kell nagyon odafigyelni, vegye figyelembe:
- Átalakítás: Egy olyan weboldalon, ahol a képek betöltési ideje alacsony, több lehetősége van megtartani egy felhasználót, és potenciális vásárlóvá tenni őket. Legtöbbször a felhasználóknak nincs sok türelmük, és a hosszú betöltési idők miatt elveszítheti a potenciális ügyfeleket.
- SEO: Minden hatalmas A Google figyelembe veszi a betöltési időket, az eszközökhöz való alkalmazkodás és az optimális navigálhatóság, többek között, ezért ez kulcsfontosságú pont weboldalunk számára. Figyelembe veszik, hogy a felhasználó élvezi a sima és pozitív navigáció, és ez közvetlen hatással van a webhelyének elhelyezésére, jutalmazza Önt, ha jó, vagy más módon büntet.
- Vizuálisan: A képek minősége vizuálisan is nagyon fontos. A jó minőségű képeket tartalmazó weboldal vagy blog a komoly arculat vagy szakmaiság a vállalkozásunkról, valami nagyon fontos, tekintettel a hálózat magas versenyszintjére.
Jó tudni a létező különböző formátumokat.
- PNG: Ez a legideálisabb formátum a weboldalunkon található képekhez, különösen a logók, képek nagy fehér háttérrel, geometriai és lapos színekkel, és főleg háttér nélküli képekhez (átlátszó háttér). Veszteségmentes képformátum, így még akkor is, ha nem csökkenti annyira a súlyt, mint a JPG, a minőség magasabb lesz.
- JPG: Tökéletes jó minőséget és részletességet igénylő fényképek, meglehetősen kis súlynál. Veszteséges tömörítési formátum, ezért a méret csökkentésével elveszítjük az élességet, ahogy mindig mondom, meg kell találni az egyensúlyt, látni a határt, hogy a kép első pillantásra ne veszítse el a minőségét, ugyanakkor fogyjon maximálisan lehetséges.
- GIF: Ez kissé elavult formátum, csak az volt animációk.
- EPS/SVG: A fontosságát vektoros képek egyre jobban láthatóvá válik. Alkalmazhatók ikonokon és logókon, és bármilyen méretre vagy felbontásra méretezhető, minőségi veszteség nélkül, mivel a vektoros formátum matematikai attribútumok sorozatából áll, amelyek ezt támogatják, összehasonlítva a korábbi formátumokkal, amelyek raszterizált formátumok, pixelekből állnak.
JEGYZET : Opcióval történő mentéskor Összefonódott (ha PNG) vagy Haladó (ha JPG), akkor a webes terhelést progresszívvé tesszük, vagyis alacsony felbontással jelenik meg, és miközben betölti az élességét, javul. Ha nem ezt a lehetőséget választjuk, akkor a kép betöltés közben jelenik meg, ami vizuálisan nem biztos, hogy olyan jó.