6 viisi, kuidas optimeerida pilte parema veebi jõudluse saavutamiseks

6 viisi, kuidas optimeerida pilte parema veebi jõudluse saavutamiseks
Rick Davis

Inimesed on visuaalsed olendid ja uuringud kinnitavad seda asjaolu. Juba kolme päeva pärast on teksti meeldejäämise määr vaid vahemikus 10%-20%. Kuid piltide puhul võib meeldejäämise määr olla kuni 65%. Aju võtab 90% visuaalsest teabest vastu ja töötleb seda 60 000 korda kiiremini. Kahtlemata mängib visuaalne teave veebisaidi kaasamisel kriitilist rolli.

Siiski on vaja palju enamat kui lihtsalt mõne pildi valimine ja nende paigutamine ümber saidi. Rasked pildid tarbivad palju ribalaiust, mis aeglustab lehekülje laadimise kiirust. Otsingumootorid märkavad aeglast jõudlust ja karistavad teid madalate kohtadega.

Meie artikkel näitab teile kuus erinevat viisi, kuidas optimeerida pilte parema veebi jõudluse saavutamiseks aastal 2021.

Pildi optimeerimise näpunäited parema veebi jõudluse saavutamiseks

Oletame, et kujundate veebilehti mittetulundusühingutele ja teile meeldib kasutada palju pilte oma töö tutvustamiseks. Annetajad, sponsorid ja teised sidusrühmad kasutavad sellist teavet jätkuva toetuse alusena. Kui te aga pilte ei optimeeri, kannatab kasutajakogemus ja kaasatus. Suurimaks probleemiks on lehekülgede aeglane laadimine ja ajakatkestused.

Piltide optimeerimine tähendab kõiki samme, mida te võtate failide suuruse, formaadi või resolutsiooni vähendamiseks. Seda saate teha ilma piltide kvaliteeti kahjustamata.

Vaatame mõned teie võimalused.

Turunduskampaania illustratsioon, autor Deemak Daksina

1. Alustage pildi optimeerimise auditiga

Pildi optimeerimise audit annab asjakohast teavet selle kohta, kus on vaja parandada.

Alustage oma veebisaidil olevate piltide inventeerimisest. Asjakohased testid diagnoosivad kõik probleemid, millega peate tegelema.

Näiteks võib audit näidata, et teil on liiga palju pilte. See näitab ka teie piltide vormingut ja võimaldab teil määrata järgmised meetmed. Näiteks failivormingute eemaldamine või muutmine võib oluliselt parandada lehekülje laadimiskiirust.

2. Valige piltide jaoks õige formaat

Pildifaile on erinevates formaatides. Need on kolm kõige levinumat veebirakenduste pildiformaati, mida on vaja teada:

  • PNG eeliseks on see, et see on väga kvaliteetne pilt. Kahjuks on selle saavutamiseks faili suurus väga suur. Need töötavad hästi lihtsate piltide ja logode jaoks ning võimaldavad kadudeta pakkimist.
  • JPEG on kõige levinumad enamikel veebilehtedel. Need on suurepärased keeruliste, värviliste piltide jaoks. JPEG-piltide tihendamisel tuleb siiski olla ettevaatlik, sest pilt võib kaotada selguse, mida väiksemaks see muutub. Mõned inimesed nimetavad seda kadudega pildiks.
  • GIF töötab animatsioonide, väikeste ikoonide ja madala resolutsiooniga piltide jaoks. See võimaldab kadudeta pakkimist, kuid saate kasutada ainult kuni 256 värvi.

Salvesta ikoonid Andreas Stormi poolt

Vaata ka: 10 tavalist algajate illustraatori viga, mida tuleb vältida

3. Muutke piltide suurust ja tihendage neid

Võib-olla olete märganud, et pildid tunduvad laetakse vähehaaval. Mõni aeg läheb, enne kui näete kogu pilti; see on märk sellest, et pildid on tõenäoliselt liiga rasked. Probleemi leevendab suuruse muutmine või tihendamine.

Vaata ka: 14 kohustuslikku graafilise disaini filmi, mida peaksite vaatama Pange tähele, et te ei tohiks pilte üles laadida enne nende optimeerimist. Parima kvaliteedi saavutamiseks peaks failide suurus olema vahemikus 1 kuni 2 MB.

Kasutage piltide suuruse muutmiseks kärpimise tööriista. See aitab vähendada faili suurust, mille tulemuseks on parem lehe laadimise kiirus. Teil on kasutada hulgaliselt tööriistu.

Piltide tihendamine aitab faili suurust vähendada. Kuid kui tihendate pilti liiga palju, võib see moonutada. Madal tihendus võib olla ideaalne, kui soovite säilitada pildi kvaliteeti; see ei vähenda aga oluliselt pildi suurust.

Kompressioonide tüübid

On kaks mõistet, mida me juba eespool mainisime, kadudeta vs. kadudega pakkimine.

  • Kaotusteta pakkimine säilitab pildikvaliteedi, eemaldades samal ajal ebavajalikud metaandmed.
  • Kaotuslik pakkimine vähendab faili suurust, kuna vabaneb mõnest elemendist. See võib kahjustada pildi kvaliteeti. Te ei pruugi siiski erinevust märgata. Seega võib see olla siiski suurepärane viis piltide pakkimiseks.

Õige pilditöötlusprogramm aitab teil kindlaks teha, milline tihendus sobib teile kõige paremini.

4. Mobiilse pildi optimeerimine

Kõik sammud, mida te võtate, peavad järgima mobile-first SEO strateegiat, kuna Google läks üle mobile first pingereale. Pildid peaksid nägema igas mobiilseadmes välja samamoodi nagu igas lauaarvutis. Tohutu hulk internetiliiklust tuleb selliste seadmete kaudu.

Kui kasutajad ei ole mobiilseadmete kasutamisel seotud hea kasutajakeskkonnaga, kaotate nad.

Kaaluge piltide optimeerimist mobiilile. Kui see näeb väikesel ekraanil hea välja, siis näeb see ka laua- või sülearvutis fantastiline välja.

ASO optimeerimine Abbi_Kerimovi poolt Abbi_Kerimov

5. Failinimed ja nende mõju SEO-le

Piltide optimeerimine nõuab ka seda, et pööraksite tähelepanu sellele, kuidas te failidele nime annate. Kõik teie tegevused peaksid olema suunatud sellele, et parandada nähtavust otsingumootorites. Kui te pildi üles laadite või pildistate, annab seade sellele automaatselt failinime. See nimi koosneb tavaliselt juhuslikust koodist või numbritest. See võib välja näha midagi sellist nagu 2224444.jpg.

Pildi üleslaadimine oma veebisaidile sellisena, nagu see on, ei aita otsingumootoreid üldse.

Lihtsustage veebi otsijate jaoks teie leidmist, määrates igale pildile kirjeldavad sildid. Sisestage asjakohaseid märksõnu, mis annavad teavet teie ettevõtte või saidi kohta.

6. Kaaluge laisa laadimise kasutamist

Piltide laisk laadimine on täpselt selline, nagu nimigi ütleb. Selle asemel, et kogu pilt korraga laadida, see justkui avaneb. Pilt jätkab laadimist, mida rohkem veebikülastaja lehekülge alla kerib.

Laisk laadimine näitab ainult seda, mis on sel hetkel oluline. Lõpuks säästate ribalaiust, sest te ei kasuta mittevajalikke ressursse.

Laadimine... Dona poolt

Lõplikud mõtted

Veebi jõudlus on kriitiline pingerea tegur, mida otsingumootorid kasutavad. Google karistab teie saiti, kui lehe laadimiskiirus on madal.

Paljud tegurid määravad lehekülje kiiruse ja piltide kasutamine on üks esikohti. Kui te ei optimeeri pilte, kannatab teie veebi jõudlus. Leheküljed laadivad aeglaselt ja kasutajakogemus ning kaasatus ei ole hea.

Valige õige pildiformaat. Seejärel kasutage faili suuruse vähendamiseks selliseid tehnikaid nagu suuruse muutmine ja tihendamine. Planeerige veebilehe jõudluse kontrollimiseks regulaarsed lehe testid ja saidi auditid.




Rick Davis
Rick Davis
Rick Davis on kogenud graafiline disainer ja visuaalkunstnik, kellel on selles valdkonnas üle 10-aastane kogemus. Ta on töötanud erinevate klientidega alates väikestest alustavatest ettevõtetest kuni suurte korporatsioonideni, aidates neil saavutada oma disainieesmärke ja tõsta oma kaubamärki tõhusate ja mõjuvate visuaalide kaudu.New Yorgi visuaalsete kunstide kooli lõpetanud Rick on kirglik uute disainisuundade ja -tehnoloogiate uurimise vastu ning nihutab pidevalt selle valdkonna piire. Tal on sügavad teadmised graafilise disaini tarkvara vallas ning ta soovib alati oma teadmisi ja teadmisi teistega jagada.Lisaks disaineritööle on Rick ka pühendunud blogija ning pühendunud graafilise disaini tarkvara maailma uusimate trendide ja arengute kajastamisele. Ta usub, et teabe ja ideede jagamine on tugeva ja elujõulise disainikogukonna edendamisel võtmetähtsusega ning soovib alati teiste disainerite ja loovisikutega võrgus ühendust võtta.Olenemata sellest, kas ta kujundab kliendile uut logo, katsetab oma stuudios uusimaid tööriistu ja tehnikaid või kirjutab informatiivseid ja kaasahaaravaid ajaveebipostitusi, on Rick alati pühendunud parima võimaliku töö tegemisele ja teistel oma disainieesmärkide saavutamisele aitamisele.