Irudiak web-orri baten barruan pisu gehien izaten duten elementuetako bat izaten dira.
Argazki handiegi batek, optimizatu gabeko banner batek edo irudiz betetako galeria batek web bat irekitzea gehiago kosta dezakete, batez ere mugikorretik sartzean.
Eta web batek gehiegi tardatzen duenean, arazoa ez da soilik teknikoa.
Erabiltzailearen esperientzian, orriak transmititzen duen konfiantzan eta SEO errendimenduan ere eragina du.
Hor sartzen da WebP, irudiek gutxiago pisatzeko pentsatutako irudi-formatua, kalitate bisualaren galera nabarmenik gabe.
Zer da WebP
Weberako sortutako irudi-formatu bat da. Bere helburua da irudien pisua murriztea JPG edo PNG bezalako formatu tradizionalekin alderatuta, kalitate bisual ona mantenduz.
Modu errazean esanda: formatuko irudi bat JPG edo PNG formatuko irudi baten oso antzera ikus daiteke, baina leku gutxiago okupatuz.
Google-ren WebP-ri buruzko dokumentazio ofizialaren arabera, formatu honek galeradun eta galerarik gabeko konpresioa egiteko aukera ematen du, eta horrek oso aukera interesgarri bihurtzen du web baten errendimendua hobetzeko.
Horregatik, WebP bereziki erabilgarria da WordPress webguneetarako, online dendetarako, blogetarako, enpresa-orrietarako eta irudiek pisu handia duten edozein proiektutarako.
WebP modu errazean azalduta
Hobeto ulertzeko, ohiko beste formatu batzuekin alderatu dezakegu:
| Formatua | Ohiko erabilera | Abantaila nagusia | Ohiko arazoa |
|---|---|---|---|
| JPG | Argazkiak | Kalitate ona pisu arrazoizkoarekin | Konprimatzean kalitatea galtzen du |
| PNG | Gardentasuna duten irudiak | Zorroztasun ona | Asko pisatu dezake |
| SVG | Logoak eta ikonoak | Arina eta eskalagarria | Ez du balio benetako argazkietarako |
| WebP | Optimizatutako web-irudiak | Pisu gutxiago eta kalitate ona | Ez da beti egokia jatorrizko fitxategi gisa |
| AVIF | Optimizazio aurreratua | Konpresio oso ona | Ingurune batzuetan ez da hain praktikoa izan daiteke |
WebP erabiltzeak ez du esan nahi beste formatu guztiak erabiltzeari utzi behar diozunik.
Esan nahi du web bateko irudi askorentzat aukera eraginkorragoa izan daitekeela.
Zergatik den WebP garrantzitsua web baterako
Web bat ondo diseinatuta egon daiteke, testu onak izan ditzake eta zerbitzu ona eskaini dezake, baina gehiegi tardatzen badu kargatzen, erabiltzaileak nabaritu egiten du.
Eta normalean unerik okerrenetan nabaritzen du:
- Mugikorretik sartzen denean.
- Hainbat enpresa alderatzen ari denean.
- Produktu-fitxa bat ikusi nahi duenean.
- Irudi asko dituen orri bat irekitzen duenean.
- Estaldura gutxi edo konexio motelarekin dagoenean.
Kasu askotan, arazoa ez dago irudi bakar batean, baizik eta gaizki optimizatutako irudi askoren baturan.
| Ohiko egoera | Ondorioa |
|---|---|
| Mugikorretik zuzenean igotako argazkiak | Behar baino gehiago pisatzen dute |
| Home orrian banner erraldoiak | Hasierako karga atzeratzen dute |
| Irudi handietarako erabilitako PNGak | Baliabide gehiegi kontsumitzen dituzte |
| Optimizatu gabeko galeriak | Orria astunago bihurtzen da |
| Irudi nabarmendu handiegiak | Bloga motelago kargatzen da |
| Argazki asko dituzten produktu-fitxak | Online dendak arintasuna galtzen du |
Pisu hori murrizten laguntzen du eta erabiltzaileak hautematen duen abiadura hobetzen du.
WebP irudiak erabiltzearen abantailak
1. Irudien pisua murrizten du
Abantaila nagusia da irudiek gutxiago okupatzea ahalbidetzen duela.
Hori bereziki nabaritzen da atal bisualak protagonismo handia duen orrialdeetan:
- Home.
- Landingak.
- Zerbitzu-orriak.
- Produktu-fitxak.
- Blogeko postak.
- Portfolioak.
- Galeriak.
- Bannerrak.
Orrialde batek zenbat eta gutxiago pisatu, nabigatzaileak orduan eta datu gutxiago kargatu behar ditu.
Eta horrek normalean web azkarrago batean amaitzen du.
2. Karga-abiadura hobetzen du
Irudi batek gutxiago pisatzen duenean, nabigatzaileak denbora gutxiago behar du deskargatzeko.
Horrek ez du soilik errendimendu-tresnetako puntuazioa hobetzen. Are garrantzitsuagoa den zerbait ere hobetzen du: erabiltzaileak nabigatzean duen benetako sentsazioa.
Azkar erantzuten duen web batek profesionaltasun handiagoa transmititzen du.
Gehiegi tardatzen duen web batek zalantzak sortzen ditu.
https://jchosting.es/eu/ttfb-altua/
3. SEO teknikoari laguntzen dio
Ez du web bat bere kabuz posizionatzen.
Googlek ez du orri bat igoko soilik bere irudiak WebP formatuan daudelako.
Baina web azkarrago, arinago eta erabiltzeko erosoago batek oinarri tekniko hobea izan ohi du.
WebP-k honako alderdi hauetan lagun dezake:
- Karga-abiadura.
- Mugikorreko esperientzia.
- Core Web Vitals.
- Baliabideen kontsumoa.
- Orrialdearen errendimendu orokorra.
Teknikoki ondo prestatutako web baten barruko pieza bat gehiago da.
4. Baliabideen kontsumoa murrizten du
Erabiltzaile bat zure webean sartzen den bakoitzean, zerbitzariak fitxategiak entregatu behar ditu: testuak, irudiak, estilo-orriak, scriptak eta beste baliabide batzuk.
Irudiek gutxiago pisatzen badute, webak banda-zabalera gutxiago kontsumitzen du eta modu eraginkorragoan kargatzen da.
Hori bereziki erabilgarria izan daiteke kasu hauetan:
| Web mota | Zergatik lagun dezake WebP-k |
|---|---|
| Ecommerce | Produktu-argazki asko daudelako |
| Bloga | Irudi nabarmendu asko daudelako |
| Argazkilaritza | Galeria bisual astunak daudelako |
| Jatetxeak | Kartak, platerak eta lokaleko argazkiak daudelako |
| Higiezinen webak | Jabetza bakoitzeko irudi asko daudelako |
| Akademiak | Orriak, ikastaroak eta landingak daudelako |
| Tokiko negozioak | Zerbitzuen, taldearen eta instalazioen argazkiak daudelako |
WebP WordPress-en
Irudiak igotzeko eta erabiltzeko aukera ematen du; beraz, media liburutegira JPG edo PNG irudi bat igoko zenukeen bezala igo ditzakezu.
Baina bada gauza garrantzitsu bat:
WebP igotzeko aukera izateak ez du esan nahi zure weba automatikoki optimizatuta dagoenik.
Ondo egiteko, beste puntu batzuk ere berrikusi behar dira.
| Elementua | Zer berrikusi beharko zenuke |
|---|---|
| Neurriak | Irudia behar baino handiagoa ez izatea |
| Pisua | Fitxategia konprimatuta egotea |
| Formatua | Kasu horretan WebP-k zentzua izatea |
| Fitxategiaren izena | Deskribatzailea izatea |
| ALT testua | Irudia ondo azaltzea |
| Cachea | Webak baliabideak modu eraginkorrean zerbitzatzea |
| Hostinga | Zerbitzariak azkar erantzutea |
WebP formatuko irudi erraldoi batek web-irudi txarra izaten jarrai dezake.
Formatuak laguntzen du, baina ez du ondo egindako optimizazioa ordezkatzen.
Noiz erabili WebP
Zentzu handia du web-orri batean erakusteko pentsatutako irudiez ari garenean.
Erabili dezakezu:
- Enpresa-web bateko argazkietan.
- Blogeko irudi nabarmenduetan.
- Bannerretan.
- Produktu-argazkietan.
- Zerbitzu-irudietan.
- Galerietan.
- Pantaila-argazkietan.
- Landing bateko baliabide bisualetan.
Oro har, irudi batek zure webaren esperientzia bisualaren parte bada eta gehiegi pisatzen badu, WebP aukera ona izan daiteke.
Noiz ez erabili WebP
Ez da beti aukerarik onena.
Badira beste formatu batek zentzu handiagoa izan dezakeen kasuak.
| Kasua | Aukerarik egokiena |
|---|---|
| Logo bektorialak | SVG |
| Ikono sinpleak | SVG |
| Editatzeko jatorrizko argazkiak | JPG edo RAW |
| Diseinuko fitxategi nagusiak | PSD, AI, PNG edo antzekoa |
| Ondoren edizio handia behar duten irudiak | Jatorrizko formatua |
| Elementu grafiko oso sinpleak | SVG |
Gakoa formatu bakoitza zentzua duen lekuan erabiltzea da.
Nola optimizatu WebP irudiak behar bezala
Zure webeko irudi guztiak bihurtu aurretik, komeni da ordena bat jarraitzea.
1. Irudi astunenak detektatu
Ez hasi dena irizpiderik gabe bihurtzen.
Lehenik eta behin, berrikusi zein irudik eragiten dioten gehien errendimenduari.
Normalean atal hauetan egoten dira:
- Home orrian.
- Zerbitzu-orrietan.
- Landingetan.
- Produktu-fitxetan.
- Trafiko gehien jasotzen duten postetan.
- Galerietan.
- Banner nagusietan.
2. Neurriak egokitu
Puntu hau oso garrantzitsua da.
Irudi bat webean 900 pixeleko zabaleran erakusten bada, ez du zentzurik 4000 pixeleko zabalerarekin igotzeak.
WebP-ra bihurtu aurretik, berrikusi irudiaren benetako tamaina.
| Irudiaren erabilera | Gomendio praktikoa |
|---|---|
| Blogeko irudi nabarmendua | Gaiak erabiltzen duen benetako tamainara egokitzea |
| Home orriko bannerra | Pisua eta neurriak optimizatzea |
| Produktu-argazkia | Kalitatea mantentzea, baina neurria gehiegi handitu gabe |
| Ikonoa | WebP baino lehen SVG baloratzea |
| Galeria | Neurriak murriztea eta konprimatzea |
3. WebP-ra bihurtu
Irudiak tamaina logikoa duenean, bihur dezakezu.
Eskuz egin dezakezu edo WordPress-eko optimizazio-pluginen bidez.
Kasu askotan, praktikoena da jatorrizko fitxategia mantentzen duen konfigurazio bat erabiltzea eta webgunean zerbitzatzeko WebP bertsio bat sortzea.
4. Kalitate bisuala berrikusi
Optimizatzeak ez du esan nahi irudia hondatzea.
Gehiegizko konpresioak argazkiak xehetasuna galtzea, lausotuta ikustea edo markaren irudi okerragoa transmititzea eragin dezake.
Helburua oreka aurkitzea da:
| Helburua | Bilatutako emaitza |
|---|---|
| Pisu gutxiago | Web arinagoa |
| Kalitate ona | Irudi profesionala |
| Tamaina egokia | Alferrikako karga gutxiago |
| Formatu egokia | Errendimendu hobea |
5. Babeskopia egin
Irudiak modu masiboan bihurtu aurretik, egin babeskopia bat.
Hori bereziki garrantzitsua da honako kasu hauetan:
- Online denda bat baduzu.
- Irudi zahar asko badituzu.
- Galeriak dituen web bat baduzu.
- Urte askotako edukia duen blog bat baduzu.
- Irudiak funtsezkoak diren proiektu bat baduzu.
Horrela, zerbait gaizki ateratzen bada, atzera egin ahal izango duzu.
WebP erabiltzean ohikoak diren akatsak
| Akatsa | Zergatik izan daitekeen arazoa |
|---|---|
| Web osoa babeskopiarik gabe bihurtzea | Fitxategiak gal ditzakezu edo bideak hautsi |
| Logo bektorialetarako WebP erabiltzea | SVG hobea izan ohi da |
| WebP formatuan irudi erraldoiak igotzea | Gehiegi pisatzen jarraitzen dute |
| Gehiegi konprimatzea | Irudiak kalitatea galtzen du |
| Mugikorreko bertsioa ez berrikustea | Benetako arazoa normalean hor egoten da |
| WebP-k dena konpontzen duela pentsatzea | Abiadura faktore gehiagoren araberakoa da |
| Cachea ez konfiguratzea | Webak ez du optimizazioa behar bezala aprobetxatzen |
Laguntzen du, baina ez du mirariak egiten.
Webak gai astun bat, plugin gehiegi, cache txarra edo hosting motela baditu, irudiak bihurtzeak arazoaren zati bat bakarrik konponduko du.
WebP-k SEOa hobetzen du?
Zeharka lagun diezaioke.
Formatua posizionamendurako faktore magikoa delako, baizik eta orriaren errendimendua hobetu dezakeelako.
Eta orri azkarrago batek normalean esperientzia hobea eskaintzen du.
Horrek alderdi garrantzitsu hauetan eragina izan dezake:
- Karga azkarragoa mugikorrean.
- Erabiltzailearen esperientzia hobea.
- Abandonu gutxiago.
- Errendimendu tekniko hobea.
- Kalitatearen pertzepzio hobea.
Horregatik, WebP SEO teknikoaren parte gisa ulertu behar da, ez irtenbide oso gisa.
Ondo optimizatutako web batek pieza gehiago behar ditu batera funtzionatzen:
| Arloa | Zer ematen duen |
|---|---|
| Optimizatutako irudiak | Pisu gutxiago |
| Hosting azkarra | Zerbitzariaren erantzun hobea |
| Cachea | Karga errepikatu gutxiago |
| WordPress garbia | Gatazka gutxiago |
| Plugin kontrolatuak | Kontsumo gutxiago |
| Datu-base zaindua | Arintasun handiagoa |
| Eduki ona | Balio handiagoa erabiltzailearentzat |
WebP eta hosting-a: zergatik doazen batera
Irudiak optimizatzea garrantzitsua da.
Baina web baten abiadura ez da irudien araberakoa bakarrik.
Weba ostatatuta dagoen oinarri teknikoaren araberakoa ere bada.
WebP irudiak dituen web batek motel kargatzen jarrai dezake zerbitzariak berandu erantzuten badu, cachea gaizki konfiguratuta badago edo WordPress plugin gehiegirekin saturatuta badago.
Horregatik, errendimendua sistema gisa ikusi behar da.
| Elementua | Zer hobetzen duen |
|---|---|
| WebP | Irudien pisua murrizten du |
| LiteSpeed | WordPress-en errendimendua hobetzen du |
| NVMe | Datuen irakurketa eta idazketa azkartzen ditu |
| Ondo konfiguratutako cachea | Zerbitzariaren karga murrizten du |
| Hosting egonkorra | Erantzun orokorra hobetzen du |
| Laguntza teknikoa | Benetako arazoak detektatzen laguntzen du |
JC Hosting-en logika horretatik egiten dugu lan: ez da soilik web bat ostatatzea, baizik eta WordPress egonkortasunez, abiaduraz eta laguntza hurbilarekin funtzionatzeko prestatutako oinarri tekniko bat eskaintzea.
Orduan, merezi du WebP erabiltzea?
Bai, gaur egungo web gehienetan merezi du.
Bereziki honako kasu hauetan:
- WordPress web bat baduzu.
- Online denda bat baduzu.
- Irudi asko dituen blog bat baduzu.
- Web korporatibo bisual bat baduzu.
- Mugikorrean motel kargatzen duen orri bat baduzu.
- Galeriak edo portfolioak badituzu.
- Argazki bat baino gehiago dituzten produktu-fitxak badituzu.
- PageSpeed-en errendimendu-arazoak badituzu.
Baina irizpidez egitea komeni da.
Ez da kontua irudi guztiak bihurtzea besterik gabe.
Kontua da zein orrialde diren garrantzitsuak, zein irudik pisatzen duten gehien eta zein aldaketak hobetu dezaketen benetan erabiltzailearen esperientzia.
Laburpen azkarra
| Galdera | Erantzuna |
|---|---|
| Zer da WebP? | Weberako optimizatutako irudi-formatu bat |
| Zertarako balio du? | Pisua murrizteko eta abiadura hobetzeko |
| WordPress-en funtzionatzen du? | Bai, inguruneak behar bezala onartzen badu |
| JPG eta PNG ordezkatzen ditu? | Ez beti, erabileraren araberakoa da |
| SEOa hobetzen du? | Zeharka lagun dezake |
| Web osoa bihurtu behar dut? | Hobe irudi garrantzitsuenetatik hastea |
| Nahikoa da WebP erabiltzea? | Ez, hostingak, cacheak eta konfigurazioak ere garrantzia dute |
WebP-ri buruzko ohiko galderak
WebP JPG baino hobea da?
Web-irudi askotan, bai. WebP-k normalean JPG baino fitxategi arinagoak lortzen ditu antzeko kalitatearekin.
WebP PNG baino hobea da?
Kasuaren araberakoa da. Irudi handietarako hobea izan daiteke gutxiago pisatzen duelako. Baina grafiko jakin batzuetarako, laneko fitxategietarako edo behar zehatzetarako, PNG-k zentzua izaten jarrai dezake.
WebP erabil dezaket WordPress-en?
Bai. WordPress-ek WebP irudiak erabiltzeko aukera ematen du, nahiz eta cache, optimizazio eta hosting konfigurazio on batekin laguntzea komeni den.
Irudi guztiak WebP-ra bihurtu behar ditut?
Ez derrigorrez. Onena da irudi astunenetatik eta webeko orrialde garrantzitsuenetatik hastea.
WebP-k karga-abiadura hobetzen du?
Bai, asko lagun dezake gaur egungo irudiek gehiegi pisatzen badute. Baina abiadura hostingaren, cachearen, pluginen eta WordPress-en konfigurazio orokorraren araberakoa ere bada.
JC Hosting-en zure weba oinarritik azkarragoa izaten laguntzen dizugu
WebP urrats ona izan daiteke web baten abiadura hobetzeko.
Baina ez luke bakarra izan behar.
Web azkar batek irudi optimizatuak behar ditu, bai. Baina hosting egonkorra, cache konfigurazio ona, baliabide nahikoak eta ondo zaindutako WordPress bat ere behar ditu.
JC Hosting-en WordPress-erako prestatutako ostatatzea eskaintzen dugu, Espainiako zerbitzariekin, NVMe diskoekin, LiteSpeed-ekin, segurtasun-kopiekin eta gaztelaniazko laguntzarekin.
Web batek ez luke partxeetan oinarritu behar ondo kargatzeko.
Hasieratik oinarri tekniko sendoa izan beharko luke.
