Irudiak optimizatzeko 6 modu Web errendimendu hobea lortzeko

Irudiak optimizatzeko 6 modu Web errendimendu hobea lortzeko
Rick Davis

Gizakiak izaki bisualak dira, eta ikerketek hori onartzen dute. Hiru egun baino ez igaro ondoren, testuaren atxikipen-tasak % 10-20 arteko tartean daude. Baina irudietarako, atxikipen-tasak %65ekoa izan daitezke. Garunak informazio bisualaren %90 jasotzen du eta 60.000 aldiz azkarrago prozesatzen du. Zalantzarik gabe, ikus-entzunezkoek paper garrantzitsua dute webgunearen konpromisoan.

Hala ere, irudi batzuk hautatzea eta zure webgunean jartzea baino askoz gehiago behar da. Irudi astunek banda-zabalera asko kontsumitzen dute, orrialdeak kargatzeko abiadura motelduz. Bilatzaileek errendimendu motela nabarituko dute eta ranking baxuarekin zigortuko zaituzte.

Ikusi ere: Katu bat nola marraztuGure artikuluak 2021ean irudiak optimizatzeko sei modu ezberdin erakutsiko dizkizu web-errendimendu hobea lortzeko.

Irudiak optimizatzeko aholkuak web-errendimendu hobea lortzeko

Demagun webguneak diseinatzen dituzula. irabazi asmorik gabeko erakundeak eta irudi asko erabiltzea gustatzen zaizu zure lana erakusteko. Emaileek, babesleek eta beste eragile batzuek informazio hori erabiltzen dute etengabeko laguntzarako. Hala ere, irudiak optimizatzen ez badituzu, erabiltzailearen esperientzia eta konpromisoa kaltetuko dira. Arazorik handiena orrialdeen karga motela eta denbora-mugako erantzunak izango dira.

Irudiaren optimizazioak fitxategien tamaina, formatua edo bereizmena murrizteko egiten dituzun urratsei egiten die erreferentzia. Hori egin dezakezu irudien kalitatea arriskuan jarri gabe.

Ikus ditzagun zure batzukaukerak.

Marketing Kanpaina Deemak Daksinaren ilustrazioa

1. Hasi irudiak optimizatzeko auditoria batekin

Irudiak optimizatzeko auditoria batek informazio garrantzitsua emango dizu hobetu behar duzun tokirako.

Hasi zure webgunean dituzun irudien inbentarioa egiten. Proba garrantzitsuek konpondu behar dituzun arazo guztiak diagnostikatuko dituzte.

Adibidez, ikuskaritzak irudi gehiegi dituzula erakutsi dezake. Zure irudiaren formatua ere erakutsiko du eta hurrengo ekintza-lerroa zehazteko aukera emango dizu. Adibidez, fitxategi-formatuak kentzeak edo aldatzeak orriak kargatzeko abiadura nabarmen hobetu dezake.

2. Aukeratu irudien formatu egokia

Irudi fitxategiak formatu ezberdinetan daude. Hauek dira jakin behar dituzun web aplikazioetarako hiru irudi formatu ohikoenak:

  • PNG-k kalitate handiko irudia izatearen abantaila du. Zoritxarrez, hori lortzeko, fitxategiaren tamaina oso handia da. Irudi eta logotipo sinpleetarako ondo funtzionatzen dute eta galerarik gabeko konpresioa ahalbidetzen dute.
  • JPEG-ak dira webgune gehienetan ohikoenak. Irudi konplexu eta koloretsuetarako bikainak dira. Hala ere, kontuz ibili beharko duzu JPEG irudiak konprimitzean, argitasuna galtzea eragin baitezake, irudia zenbat eta txikiagoa izango da. Batzuek galdutzat jotzen dute hori.
  • GIF animazioetarako, ikono txikietarako eta erresoluzio baxuko irudietarako balio du. Galerarik gabeko konpresioa ahalbidetzen du, baina bakarrik erabil dezakezu256 kolore arte.

Andreas Storm-en ikonoak gorde

3. Aldatu eta konprimitu irudiak

Irudiak apurka-apurka kargatzen direla iruditzen zaizu. Denbora pixka bat pasatuko da irudi osoa ikusi arte; Irudiak astunegiak direla ziurrenik seinale. Tamaina aldatzeak edo konprimitzeak arazoa konponduko du.

Kontuan izan ez duzula irudirik igo behar optimizatu aurretik. Eta kalitate onena lortzeko, bilatu fitxategiak 1 eta 2 MB arteko tartean egotea.

Erabili mozteko tresna irudiak tamaina aldatzeko. Fitxategiaren tamaina murrizten laguntzen du, orrialdeak kargatzeko abiadura hobea dakar. Erabilerarako tresna ugari dituzu eskuragarri.

Irudiak konprimitzeak fitxategiaren tamaina murrizten laguntzen du. Baina irudia desitxuratu dezakezu gehiegi konprimitzen baduzu. Konpresio baxua ezin hobea izan daiteke irudiaren kalitatea mantendu nahi baduzu; hala ere, ez du tamaina nabarmen murrizten.

Konpresio motak

Goian aipatu ditugun bi kontzeptu daude, galerarik gabekoa eta galerazko konpresioa.

  • Galerik gabeko konpresioak irudiaren kalitatea mantentzen du beharrezkoak ez diren metadatuak kentzen dituen bitartean.
  • Konpresio galerak fitxategiaren tamaina murrizten du elementu batzuk kenduz. Irudiaren kalitatea kaltetu dezake. Baliteke, ordea, aldea ez nabaritzea. Beraz, irudiak konprimitzeko modu bikaina izan daiteke oraindik.

Irudi-editore egokiak zeintzuk diren zehazten lagunduko dizu.konpresioak hobeto funtzionatzen dizu.

4. Mugikorretarako lehen irudiaren optimizazioa

Ematen duzun urratsak mugikorretarako lehen SEO estrategia jarraitu behar du, Google mugikorren lehen rankingera aldatu baita. Irudiek edozein gailu mugikorretan itxura bera izan behar dute mahaigaineko edozein gailutan. Interneteko trafiko izugarria horrelako gailuetatik dator.

Erabiltzaileak gailu mugikorrak erabiltzean UX on batekin konplikatzen ez badira, galdu egingo dituzu.

Demagun irudiak optimizatzea mugikorrerako lehenik. Pantaila txikian itxura ona badu, zoragarria izango da mahaigainean edo ordenagailu eramangarri batean.

ASO Optimizazioa Abbi_Kerimov-ek

5. Fitxategien izenak eta SEO-n duten eragina

Irudiaren optimizazioak ere fitxategiei nola izendatzen dituzun arreta jartzea eskatzen du. Egiten dituzun ekintza guztiek bilatzaileetan ikusgarritasuna hobetzeko helburua izan behar dute. Argazki bat kargatzen edo ateratzen duzunean, gailuak automatikoki emango dio fitxategi-izena. Izen honek normalean ausazko kodea edo zenbakiak ditu. 2224444.jpg antzeko zerbait izan daiteke.

Argazkia zure webgunean dagoen bezala kargatzeak ez die batere lagunduko bilatzaileei.

Eman web arakatzaileei zu aurkitzea erraztu irudi bakoitzari etiketa deskribatzaileak banatuz. Sartu zure negozioari edo guneari buruzko informazioa ematen duten gako-hitz garrantzitsuak.

6. Demagun karga alferra erabiltzea

Irudien karga alferra izenak dioen bezalaxe da. Ordezirudi osoa aldi berean kargatuz, nolabait zabaltzen da. Irudiak kargatzen jarraitzen du lineako bisitariak orrialdean behera korritzen duen bitartean.

Ikusi ere: “MerMay” Tutoriala

Zargatze alferrak une horretan garrantzitsua dena soilik erakusten du. Banda-zabalera aurreztuko duzu, alferrikako baliabiderik erabiliko ez duzulako.

Kargatzen... by Dona

Azken gogoetak

Webaren errendimendua bilatzaileek erabiltzen duten sailkapen faktore kritikoa da. Google-k zure webgunea zigortuko du orrialdeak kargatzeko abiadura baxuak badira.

Faktore askok orriaren abiadura zehazten dute, eta irudiak erabiltzeko komandoak goiko posizioetako bat du. Irudiak optimizatzen ez badituzu, zure web errendimendua kaltetu egingo da. Orriak poliki kargatuko dira, eta erabiltzailearen esperientzia eta konpromisoa ez dira onak izango.

Aukeratu irudi-formatu egokia. Ondoren, erabili tamaina aldatzea eta konprimitzea bezalako teknikak fitxategiaren tamaina murrizteko. Programatu ohiko orrien probak eta gunearen auditoretzak gunearen errendimendua egiaztatzeko.




Rick Davis
Rick Davis
Rick Davis diseinatzaile grafiko eta artista bisual ondua da, industrian 10 urte baino gehiagoko esperientzia duena. Hainbat bezerorekin lan egin du, startup txikietatik hasi eta korporazio handietaraino, haien diseinu-helburuak lortzen lagunduz eta haien marka igotzen ikusizko eraginkor eta eragingarrien bidez.New Yorkeko Ikus-Arteen Eskolan lizentziatua, Rick grina da diseinu-joera eta teknologia berriak aztertzeaz eta eremuan posible denaren mugak etengabe zabaltzeaz. Espezializazio sakona du diseinu grafikoko softwarean, eta beti irrikitan dago bere ezagutzak eta ikuspegiak besteekin partekatzeko.Diseinatzaile gisa egiten duen lanaz gain, Rick blogari konprometitua ere bada, eta diseinu grafikoko softwarearen munduko azken joerak eta garapenak ezagutzera dihardu. Bere ustez, informazioa eta ideiak partekatzea funtsezkoa da diseinu-komunitate sendo eta bizia sustatzeko, eta beti irrikitan dago sarean beste diseinatzaile eta sormenekin konektatzeko.Bezero batentzako logotipo berri bat diseinatzen ari den ala ez, bere estudioko azken tresna eta teknikekin esperimentatzen ari den ala ez, edo blogeko argitalpen dibulgatzaileak eta erakargarriak idazten ari den, Rick beti dago konpromisoa hartzen du ahalik eta lan onena emateko eta besteei beren diseinu-helburuak lortzen laguntzeko.