6 maniere om beelde te optimaliseer vir beter webprestasie

6 maniere om beelde te optimaliseer vir beter webprestasie
Rick Davis

Mense is visuele wesens, en navorsing ondersteun daardie feit. Na slegs drie dae is retensiekoerse vir teks binne die reeks van slegs 10%-20%. Maar vir beelde kan retensiekoers so hoog as 65% wees. Die brein ontvang 90% van visuele inligting en verwerk dit 60 000 keer vinniger. Sonder twyfel speel beeldmateriaal 'n kritieke rol in webwerfbetrokkenheid.

Dit verg egter baie meer as om net 'n paar prente uit te kies en dit rondom jou werf te plaas. Swaar beelde verbruik baie bandwydte, wat die laaispoed van bladsye vertraag. Soekenjins sal die stadige werkverrigting opmerk en jou penaliseer met 'n lae posisie.

Ons artikel sal jou ses verskillende maniere wys om beelde te optimaliseer vir beter webprestasie in 2021.

Beeldoptimeringswenke vir beter webprestasie in

Kom ons sê jy ontwerp webwerwe vir nie-winsgewende organisasies en jy hou daarvan om baie beelde te gebruik om jou werk ten toon te stel. Skenkers, borge en ander belanghebbendes gebruik sulke inligting as 'n basis vir volgehoue ​​ondersteuning. As u egter nie die beelde optimaliseer nie, sal die gebruikerservaring en betrokkenheid daaronder ly. Die grootste probleem sal die stadige laai van bladsye en uittelreaksies wees.

Beeldoptimalisering verwys na enige stappe wat jy neem om die lêers se grootte, formaat of resolusie te verminder. Jy kan dit doen sonder om die kwaliteit van die beelde in te boet.

Kom ons kyk na sommige van jouopsies.

Bemarkingsveldtog illustrasie deur Deemak Daksina

1. Begin met 'n beeldoptimeringsoudit

'n Beeldoptimeringsoudit sal relevante inligting verskaf vir waar jy moet verbeter.

Begin deur 'n inventaris uit te voer van die beelde wat jy op jou webwerf het. Relevante toetse sal enige kwessies wat jy moet aanspreek, diagnoseer.

Die oudit kan byvoorbeeld wys dat jy te veel beelde het. Dit sal ook jou beeldformatering wys en jou in staat stel om die volgende optrede te bepaal. Byvoorbeeld, die verwydering of verandering van die lêerformate kan bladsylaaispoed aansienlik verbeter.

2. Kies die regte formaat vir die beelde

Beeldlêers kom in verskillende formate. Dit is die drie mees algemene tipes beeldformate vir webtoepassings wat jy moet weet:

  • PNG het die voordeel dat dit 'n baie hoë-gehalte beeld is. Ongelukkig, om dit te bereik, is die lêergrootte baie groot. Hulle werk goed vir eenvoudige beelde en logo's en maak voorsiening vir verlieslose kompressie.
  • JPEG's is die algemeenste op die meeste webwerwe. Hulle is uitstekend vir komplekse, kleurvolle beelde. Jy sal egter versigtig moet wees wanneer jy JPEG-beelde saampers, aangesien dit kan lei tot verlies aan duidelikheid, hoe kleiner die prent word. Sommige mense verwys hierna as verlies.
  • GIF werk vir animasies, klein ikone en laersolusie-beelde. Dit maak voorsiening vir verlieslose kompressie, maar jy kan net gebruiktot 256 kleure.

Stoor ikone deur Andreas Storm

3. Verander die grootte en druk die beelde saam

Jy het dalk opgemerk dat dit lyk of die beelde bietjie vir bietjie laai. 'n Geruime tyd sal verbygaan voordat jy die volle beeld kan sien; 'n teken dat die prentjies waarskynlik te swaar is. Verander grootte of komprimering sal die probleem versorg.

Neem asseblief kennis dat jy geen beelde moet oplaai voordat jy dit optimeer nie. En vir die beste gehalte, streef daarna dat lêers binne die omvang van 1 tot 2 MB moet wees.

Gebruik die sny-instrument om die grootte van die beelde te verander. Dit help om die lêergrootte te verminder, wat lei tot 'n beter bladsylaaispoed. Jy het tonne gereedskap beskikbaar vir jou gebruik.

Deur prente saam te pers help om die lêergrootte te verminder. Maar jy kan die beeld verdraai as jy dit te veel saamdruk. Lae kompressie kan ideaal wees as jy die beeldkwaliteit wil behou; dit verminder egter nie die grootte noemenswaardig nie.

Tipe kompressies

Daar is twee konsepte wat ons reeds hierbo genoem het, verlieslose vs. verlieslose kompressie.

  • Verlieslose kompressie handhaaf beeldkwaliteit terwyl onnodige metadata verwyder word.
  • Verliessame kompressie verminder die lêergrootte deur van sommige van die elemente ontslae te raak. Dit kan die beeldkwaliteit benadeel. Jy mag egter nie die verskil agterkom nie. Dit kan dus steeds 'n uitstekende manier wees om prente saam te pers.

Die regte prentredigeerder sal jou help om te bepaal watterkompressie werk die beste vir jou.

4. Mobiele eerste beeldoptimering

Enige stappe wat jy neem, moet 'n mobiele eerste SEO-strategie volg, aangesien Google oorgeskakel het na mobiele eersteranglys. Die beelde moet dieselfde lyk op enige mobiele toestel as op enige rekenaartoestel. 'n Geweldige hoeveelheid internetverkeer kom deur sulke toestelle.

Sien ook: Vectornator Academy: Word 'n meester in ontwerp

As die gebruikers nie betrokke is by 'n goeie UX wanneer hulle mobiele toestelle gebruik nie, sal jy hulle verloor.

Oorweeg dit om beelde vir selfoon-eerste te optimaliseer. As dit goed lyk op die klein skerm, sal dit fantasties op 'n rekenaar of skootrekenaar lyk.

ASO-optimering deur Abbi_Kerimov

5. Lêername en hul impak op SEO

Beeldoptimering vereis ook dat jy aandag gee aan hoe jy die lêers benoem. Al die aksies wat jy neem moet die doel hê om sigbaarheid op die soekenjins te verbeter. Wanneer jy 'n foto oplaai of neem, sal die toestel dit outomaties 'n lêernaam gee. Hierdie naam bestaan ​​gewoonlik uit ewekansige kode of nommers. Dit lyk dalk iets soos 2224444.jpg.

Sien ook: Hoe om 'n pampoen te teken

Die oplaai van die prentjie soos dit op jou webwerf is, sal die soekenjins glad nie help nie.

Maak dit makliker vir webkruipers om jou te vind deur beskrywende etikette aan elke prent toe te ken. Sluit relevante sleutelwoorde in wat inligting oor jou besigheid of werf gee.

6. Oorweeg dit om lui laai te gebruik

Die lui laai van beelde is presies soos die naam aandui. In plaas vandie hele beeld wat op een slag laai, dit ontvou soort van. Die prent hou aan om te laai hoe meer die aanlyn besoeker op die bladsy afrol.

Lui laai openbaar net wat op daardie stadium relevant is. Jy sal uiteindelik op bandwydte spaar omdat jy nie enige onnodige hulpbronne sal gebruik nie.

Laai tans... deur Dona

Finale gedagtes

Webprestasie is 'n kritieke rangordefaktor wat soekenjins gebruik. Google sal jou werf penaliseer as die bladsylaaispoed laag is.

Baie faktore bepaal bladsyspoed, en beeldgebruik beveel een van die topposisies aan. As jy nie beelde optimaliseer nie, sal jou webprestasie daaronder ly. Die bladsye sal stadig laai, en die gebruikerservaring en betrokkenheid sal nie goed wees nie.

Kies die regte prentformaat. Gebruik dan tegnieke soos die grootte en komprimering om die lêergrootte te verminder. Skeduleer gereelde bladsytoetse en werfoudits om die werkverrigting van die werf na te gaan.




Rick Davis
Rick Davis
Rick Davis is 'n gesoute grafiese ontwerper en visuele kunstenaar met meer as 10 jaar ondervinding in die bedryf. Hy het met 'n verskeidenheid kliënte gewerk, van klein beginondernemings tot groot korporasies, wat hulle gehelp het om hul ontwerpdoelwitte te bereik en hul handelsmerk te verhoog deur effektiewe en impakvolle beeldmateriaal.Rick, 'n gegradueerde van die Skool vir Visuele Kunste in New York, is passievol daaroor om nuwe ontwerpneigings en -tegnologie te verken en voortdurend die grense te verskuif van wat in die veld moontlik is. Hy het 'n diepgaande kundigheid in grafiese ontwerpsagteware, en is altyd gretig om sy kennis en insigte met ander te deel.Benewens sy werk as ontwerper, is Rick ook 'n toegewyde blogger, en is toegewyd daaraan om die nuutste neigings en ontwikkelings in die wêreld van grafiese ontwerpsagteware te dek. Hy glo dat die deel van inligting en idees die sleutel is tot die bevordering van 'n sterk en lewendige ontwerpgemeenskap, en is altyd gretig om met ander ontwerpers en kreatiewe aanlyn kontak te maak.Of hy nou 'n nuwe logo vir 'n kliënt ontwerp, met die nuutste gereedskap en tegnieke in sy ateljee eksperimenteer, of insiggewende en boeiende blogplasings skryf, Rick is altyd daartoe verbind om die beste moontlike werk te lewer en ander te help om hul ontwerpdoelwitte te bereik.