7 technikák a képek weboldalakon történő felhasználására
Berto López, utolsó. törvény. 2018. november 8
A mai bejegyzésben megint szeretnék megérinteni egy "klasszikus" blogot: hogyan lehet jól használni a weboldalon található fotókat és képeket.
Úgy tűnhet, hogy ebben a témában már minden elhangzott, de ahogyan ebben a bejegyzésben látni fogja ezt messze van tőle olyan. Sőt, szinte biztos, hogy jelentősen pazarolja a benne rejlő lehetőségeket.
Csak alaposabban meg kell néznie bármelyik blogot vagy weboldalt, hogy lássa, hogy gyakorlatilag mindegyik (beleértve a miénket is) alig használ képet, vagy, nem azt csinálják, amit kellene képeikkel 100% -ban kihasználják a lehetőségeiket, ami nagyon sok, amit a bejegyzésben látni fog.
Tehát ma elmondok neked 7 kulcstechnika amelyet minden blogger vagy bármilyen más típusú weboldal szerzője használjon a képeivel.
Mit talál itt?
biztos vagyok benne, hogy különösen élvezni fogja ezzel a bejegyzéssel, mert látni fogja, hogy nagyon "Perelhető", val vel azonnali eredményeket És azt is tudom, hogy ez az egyik olyan téma, amely leginkább érdekli olvasóinkat, és amelyet ebben a blogban tárgyalunk.
Képek felhasználása a webhelyén nagyon jól áll majd Önnek
Ha van blogod vagy webhelyed, akkor a képek a szükséges és nélkülözhetetlen erőforrás megszerezni tartsa a figyelmet és ne unatkozzon velük.
Ezenkívül a képek használata jelentősen javítja a webhely esztétikáját, és járulékos előnyökkel jár, amelyek nem nyilvánvalóak, de nagyon fontosak, például javíthatják az oldal helyzetét, ha tudják, hogyan kell felhasználni a képek SEO-ban rejlő lehetőségeit.
A szerzők többsége azonban vagy tudatlanság, vagy gondatlanság (és időhiány) miatt nem használja őket, vagy legalábbis nem megfelelően használja őket.
7 Alapvető technika, amelyet a weboldal vagy a blog fényképeihez és képeihez kell alkalmaznia
Tehát az első technikának vagy az első tippnek valóban a tanácsnak kell lennie használjon fényképeket és képeket a blogodban legalább 2 vagy 3 az egyes kiadványokban, és hogy szánj arra a 10-15 percre, amire el kell olvasnod ezt a bejegyzést, hogy megtudd, hogyan kell ezt jól csinálni.
1. Használja a megfelelő felbontást
Nyilvánvalóan van némi hátránya is, sőt vannak. Azon kívül, hogy nyilvánvalóan a jó képek használata egy kicsit több erőfeszítést tesz a tartalom létrehozásához, az is hátránya, hogy az oldalakat nehezebb és ezzel együtt a webhelye is lassabban. De ne aggódj, mert ennek van megoldása.
Először is, ez akkor válik viszonylag viszonylagossá, ha jó sávszélességet használ a webszerverhez (vagyis jó tárhelyet), amit egyébként is meg kellene tennie. Ily módon a kiszolgáló nem szenved könnyedén valamivel nagyobb oldalakkal.
Ha szüksége van a tárhely webhelye vagy blogja számára cselekedjen!
- Hostinger: itt 90% kedvezménnyel
- SiteGround: itt 60% kedvezménnyel
- Webempresa: itt 25% kedvezménnyel
- Raiola Networks: itt 20% kedvezménnyel
Figyelem: ezek az ajánlatok érvényesek Most, néhány nap múlva lejárhat.
Másrészt a feltöltött képeket úgy kell optimalizálni, hogy a lehető legkisebbek legyenek, észrevehetetlen minőségromlás nélkül.
A legalapvetőbb és leghatékonyabb optimalizálás az igazítsa a kép felbontását a weboldalon történő használatához.
A WordPress 'nagy méretét' úgy igazítottuk, hogy megfeleljen a teljes szélességű képek maximális méretének. Így elkerülhetjük a WordPress átalakítások miatti minőségromlást a kép méretének beállításához.
Például: a blog fő oszlopának szélessége: 700 képpont.
Mi értelme van egy kép szélességének 3000 vagy 4000 képpont? Semmi, igaz?
Valójában ezen a blogon az általános ökölszabályt alkalmazzuk a teljes szélességű képek korlátozására 650 pixel.
Ugyanakkor egy nagy felbontású kép, például a "bareback" a mobiljáról, a kár brutális az oldal optimalizálásakor az a különbség, amely sok esetben könnyen meghaladja a 10-nél nagyobb tényezőt, például egy 1Mbyte (nagyon túlzott) súlya 100 KB (nagyon ésszerű). Láttam még weboldalakat is 5 vagy 6 Mbyte-os képek, a igazi hülye amellyel szó szerint megöli a weboldalát.
Általános szabály, hogy azt javasolom, hogy soha ne töltsön fel olyan képeket, amelyek szélessége nagyobb, mint a webhely fő tartalmi területének pixelekben kifejezett szélessége. Általában ez azt jelenti, legfeljebb 600-800 pixel széles. Kivételesen akkor lehet értelme a képeket nagy felbontásban feltölteni, ha éppen arról van szó, hogy a felhasználó nagy felbontásban láthatja őket. De normál használat esetén erősen ajánlom, hogy kövesse a fenti irányelvet.
A WordPress használatának konkrét esetben, amikor feltölti őket, automatikusan átméretezi és vele együtt a "zsír" automatikusan megoldódik. Ez már a probléma jelentős megkönnyebbülése, de a probléma mégis az A WordPress alapértelmezett átméretezése nem optimális: általában nem éri el azt a minimális méretet, amely más eszközökkel lehetséges lenne, és a kicsinyített képek általában nagyobbak homályos mint más eszközökkel csökkentve lehet.
Ezért ebben a blogban inkább a WordPressen kívül kezeljük őket, a 3. pontban leírtak szerint, hogy feltöltsük azokat a pontos méretekkel, amelyek a "Eszközök/Beállítások". Ez megakadályozza, hogy a képet feldolgozza a WordPress azokhoz a dimenziókhoz.
2. Használja a megfelelő formátumot
Egy dolog, amit megfigyelek, hogy gyakorlatilag minden blogger rosszul cselekszik, az az nem a legmegfelelőbb képformátumot használja annak a felhasználásnak megfelelően, amelyre azt a képet fel akarja tenni.
Három fő formátum létezik, amelyek gyakorlatilag a weben használt formátumok 100% -át képviselik, és ezek a formátumok JPG, PNG Y GIF.
Például a képernyőkép, A JPG formátum nem jó választás. A PNG formátum jobban alkalmazkodik ahhoz, hogy eredményt adjon a jobb méret/minőség egyensúly.
Ebben a bejegyzésben elmondjuk, hogy mire szolgálnak az egyes formátumok, és hogyan kell őket jól használni:
3. Optimalizálja a képet (színek, élesség stb.)
A kép optimalizálása nemcsak a méreteinek csökkentésével, hanem az alkalmazásával is jár intelligens algoritmusok mert (pl. hogy a optimális élesség csökkentett képek), válassza a lehetőséget megfelelő formátum ahogy fentebb megjegyeztem és csökkentse a színpalettáját.
Ez a bejegyzés egy kicsit részletesebben elmagyarázza:
Ehhez elengedhetetlenek a jó speciális eszközök. Személyes kedvencem az FastStone Photo Resizer, bár ez is egy nagyon jó alternatíva LÁZADÁS (Radikális képoptimalizáló eszköz). Továbbá a nagyok blogján @Manz neked van kiváló oktatóanyag optimalizálás, amely ezen az utolsó eszközön alapul: