Hogyan optimalizálhatja azokat a képeket, amelyeket a webhelyén használni fog
Segíti a webhely teljesítményét.
Javítja a megjelenítést a felhasználó számára.
Jobb rakodási sebességet kap.
A Google jobban szeret.
Mint láthatja, mindez előnyös, ha a képeket a saját webhelyéhez optimalizálja. Nem veszít semmit, csak töltsön rá egy kis időt. Ugyanezt, ugyanazt a folyamatot kell tennie, valami szisztematikusat az összes képével.
Az én esetemben, miután összegyűjtöttem az összes fotót, amelyeket egy mappában fogok használni, megnyitom őket a photoshop eszközzel, és ekkor kezdem az első lépést az optimalizáláshoz.
Azok számára, akik nem használják a photoshopot, vagy nem rendelkeznek ezzel az eszközzel, más alternatívákról fogok beszélni.
Hát térjünk rá. Elkezdtük. 🚀
Képformátum az internethez
Bizonyára már tudod, néhány kiterjesztés, például jpeg, png, gif ... talán nem annyira, ha svg-ről vagy Wbmp-ről beszélünk.
Egyszerű magyarázatként az első három képformátum, amelyek pixelt használnak (ezek a színes négyzetek), mindegyik formátum több vagy kevesebb pixelt használ.
Az SVG esetében ez egy vektoros formátum, amely vonalakat használ. Szeretem ezt a formátumot ikonok, elválasztók és lineáris képek számára.
Megtekintéskor nagyon tiszta és tiszta formátum, bármit nagyíthat, amit csak akar, és nem veszíti el a minőségét, mint a képpontos képek esetében.
És mostanában nagyon divatos a Wbmp formátum, amely a photoshopban már lehetővé teszi a használatát, de amely véleményem és saját tapasztalatom szerint még mindig vannak olyan eszközök és böngészők, amelyek nem olvassák ezt a formátumot és nem mutatják a képet.
A képek optimalizálásának kérdése az, hogy "tiszta" módon dolgozzon, gyorsabbá váljon, és ha optimalizáljuk, az jó lesz a felhasználónknak, a SEO-nak és önmagunknak is. De igen, az egész folyamat, amelyet tisztességes keretek között tanítok meg neked.
Csökkentenie kell a képek méretét és helyét anélkül, hogy elveszítené a minőségét, vagy megnehezítené a böngészők számára.
Ahhoz, hogy jobban megértsd, megtanulunk valami szükségeset tenni, rajongok a fotózásért, és ami a webes tervezést illeti, láttam, hogy a munkámat nem lehet ilyen minőségben tanítani, miért?
Nos, mert a fényképezőgépem 5200 képpontos képeket készít, vagyis együtt látja azt a számítógép 5 képernyőjét, hogy megértsen.
Ezért, ha feltöltöm az internetre, megnyomom és egy olyan dobozba teszem, amelynek van korlátja, mivel a legtöbb esetben korlátozott a szerver szerződésünk, és hogy egy 1 MB kapacitású weboldal kb. 3 másodperc.
Jobban érted így?
Miért érdemes egy nagy fényképet feltölteni, ha azt egy olyan weboldalon nézik meg, amelynek maximális felbontása 1200 képpont, ha a borító képe lenne, ha egy másik szakaszra vonatkozik, akkor 500 képpont elég biztos.