Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • Windows 7, XP
  • Si të hapni imazhet e WebP në Windows. Formati misterioz dhe i përshtatshëm WebP në Web Dizajn dhe për Photoshop

Si të hapni imazhet e WebP në Windows. Formati misterioz dhe i përshtatshëm WebP në Web Dizajn dhe për Photoshop

Shkrimtari kryesor i teknologjisë

A ju ka dërguar dikush me email një skedar WEBP dhe nuk jeni i sigurt se si ta hapni atë? Ndoshta keni gjetur një skedar WEBP në kompjuterin tuaj dhe pyesni veten se për çfarë shërben? Windows mund t'ju thotë se nuk mund ta hapni, ose në skenarin më të keq, mund të hasni një mesazh gabimi të lidhur me skedarin WEBP.

Përpara se të hapni një skedar WEBP, do t'ju duhet të kuptoni se cilit lloj skedari i përket ekstensioni i skedarit WEBP.

Këshillë: Gabimet e gabuara të lidhjes së skedarëve WEBP mund të jenë një simptomë e problemeve të tjera themelore brenda sistemit tuaj operativ Windows. Këto hyrje të pavlefshme mund të prodhojnë gjithashtu simptoma shoqëruese, të tilla si fillimi i ngadaltë i Windows, ngrirja e kompjuterit dhe probleme të tjera të performancës së kompjuterit. Prandaj, rekomandohet shumë që të skanoni regjistrin tuaj të Windows për lidhje të pavlefshme skedarësh dhe çështje të tjera që lidhen me një regjistër të fragmentuar.

Përgjigje:

Skedarët WEBP janë skedarë Bitmap të lidhur kryesisht me Shfletuesit e Uebit (Google).

Lloje të tjera skedarësh mund të përdorin gjithashtu shtesën e skedarit WEBP. Nëse jeni në dijeni të ndonjë formati tjetër skedari që përdor shtesën e skedarit WEBP, ju lutemi na kontaktoni në mënyrë që të mund të përditësojmë informacionin tonë në përputhje me rrethanat.

Si të hapni skedarin tuaj WEBP:

Mënyra më e shpejtë dhe më e lehtë për të hapur skedarin tuaj WEBP është të klikoni dy herë mbi të. Në këtë rast, vetë sistemi Windows do të zgjedhë programin e nevojshëm për të hapur skedarin tuaj WEBP.

Në rast se skedari juaj WEBP nuk hapet, ka shumë të ngjarë që kompjuteri juaj të mos ketë të instaluar aplikacionin e kërkuar të softuerit për të parë ose modifikuar skedarët me shtesa WEBP.

Nëse kompjuteri juaj hap skedarin WEBP, por është aplikacioni i gabuar, do t'ju duhet të ndryshoni cilësimet e lidhjes së skedarit të regjistrit të Windows. Me fjalë të tjera, Windows po lidh shtesat e skedarëve WEBP me programin e gabuar.

Instalo Produkte Opsionale - FileViewPro (Solvusoft) | | | |

Zgjatjet e postës së internetit me shumë qëllime WEBP (MIME):

Mjeti i analizës së skedarëve WEBP™

Nuk jeni i sigurt se çfarë lloj skedari WEBP keni? Dëshironi të merrni informacion të saktë për një skedar, krijuesin e tij dhe si mund ta hapni atë?

Tani mund të merrni menjëherë të gjithë informacionin që ju nevojitet për skedarin WEBP!

Mjeti revolucionar i analizës së skedarëve WEBP™ skanon, analizon dhe raporton çdo detaj rreth skedarit tuaj WEBP. Algoritmi ynë (në pritje të patentës) do të analizojë shpejt skedarin dhe, brenda sekondave, do të sigurojë informacion të detajuar në një format të qartë dhe të lehtë për t'u lexuar. †

Në vetëm pak sekonda, do të dini me siguri llojin e skedarit tuaj WEBP, aplikacionin e lidhur me skedarin, emrin e përdoruesit që krijoi skedarin, statusin e mbrojtjes së skedarit dhe informacione të tjera të dobishme.

Për të filluar një analizë skedari falas, thjesht tërhiqni dhe lëshoni skedarin tuaj WEBP brenda vijës me pika më poshtë, ose klikoni View My Computer dhe zgjidhni skedarin. Raporti i analizës së skedarit WEBP do të shfaqet më poshtë, pikërisht në dritaren e shfletuesit.

Zvarritni skedarin WEBP këtu për të filluar analizën

Shiko kompjuterin tim"

Ju lutemi kontrolloni gjithashtu skedarin tim për viruse

Dosja juaj po analizohet ... ju lutemi prisni.

Ditën e mirë miq. Kohët e fundit, zbulova se nuk mund të ruaj fotografi nga shfletuesi me butonin e djathtë të miut në formate standarde grafike (JPG, PNG), por imazhet ruhen në një të panjohur për mua. Formati WebP... Mirë, e shkarkova skedarin dhe tani pyetja është, si te hapim webp?. Cilin program? Kjo është ajo për të cilën do të flasim sot.

Çfarë është WebP?

Siç thotë një wikipedia e mençur:

Webp(shqiptohet si anglisht Weppy "Veppi") - një format i ri për kompresimin e imazheve grafike me humbje dhe pa humbje të cilësisë së skedarit origjinal.

Pse na duhet diçka e re kur ka JPG dhe PNG të vjetra dhe të njohura? Siç sigurojnë zhvilluesit (dhe ky nuk është kush, por vetë Google Inc), shumica e imazheve moderne janë përdorur në internet për më shumë se dhjetë vjet dhe bazohen në teknologjitë e shekullit të kaluar. Ja si rezulton...

Tani teknologjitë kanë ecur shumë përpara dhe diçka duhet ndryshuar. Dhe kështu, inxhinierët e Google vendosën të kontrollojnë: a ka një mundësi rritja e raportit të kompresimit të formateve grafike (duke lejuar që imazhet të ngarkohen edhe më shpejt) edhe më shumë duke ruajtur cilësinë vizuale ekzistuese.

Si rezultat i punës në projekt, lindi një i ri formati grafik i imazhit - WebP... Siç sigurojnë zhvilluesit e projektit, formati i ri redukton ndjeshëm madhësinë e imazhit në rrjet, duke lejuar që faqet të ngarkohen edhe më shpejt. Dhe siç e dini, sa më shpejt të ngarkohet faqja, aq më i mirë është qëndrimi ndaj tij nga motorët e kërkimit dhe, natyrisht, nga përdoruesit.

Kjo është arsyeja pse, shumë shpejt do të ndaj informacione sekrete me ju :-), si e përshpejtova blogun tim (puna e përshpejtimit është ende duke vazhduar). Do të mësoni disa mënyra për të optimizuar ngarkimin e faqes, ndaj mos e humbisni këtë artikull. Ju njoftova një artikull të ri dhe është koha të zbuloni se si dhe me çfarë hapni skedarin webP?

Si të hapni një skedar WebP?

A e keni shkarkuar skedarin webp nga Interneti dhe a është tashmë në kompjuterin tuaj? Nga sa më sipër, ju tani e dini se ky është një format imazhi grafik dhe ne do ta hapim atë përmes shikuesit standard të Windows.

Për të realizuar këtë veçori, duhet të instaloni një shtesë shtesë në sistemin operativ. Të gjitha veprimet e mëtejshme janë testuar nga unë personalisht në Windows 7 64-bit. Por, siç sigurojnë zhvilluesit e shtojcës, duhet të dalë hap webp dhe në Windows XP (SP3) si dhe në Windows Vista.

1 Shkoni dhe shkarkoni shtojcën për të hapur webp nga lidhja e mëposhtme, e cila tregohet në pamjen e ekranit. Lëvizni pak poshtë faqen dhe klikoni në lidhjen e mëposhtme për të shkarkuar shtesën në kompjuterin tuaj

2 Pasi të shkarkohet shtojca, duhet të klikoni dy herë për të nisur procesin e instalimit. Do të hapet kutia e mëposhtme e dialogut, ku duhet të klikoni "Next"

4 Në kutinë e dialogut që hapet, klikoni artikullin "Tipike"

5 Dhe në dritaren përfundimtare, klikoni butonin "Instalo" për të filluar instalimin e shtojcës

Pas përfundimit të instalimit, do t'ju kërkohet të shkoni te drejtoria ku do të vendosen dy skedarë grafikë - njëri në formatin JPEG dhe tjetri në formatin WEBP.

Klikoni mbi to dhe gëzohuni, tani mund të shikoni lehtësisht dhe lehtësisht skedarët webp në një shikues standard të Windows.

Kjo është e gjitha për mua. Shpresoj t'ju duket i dobishëm ky tutorial i vogël.

P.S. Ditën tjetër shkova sërish në postë, këtë herë për tuta dimërore Oldos për vajzën time të vogël Lisa, të cilat ishin porositur nga dyqani online. Urdhri erdhi mjaft shpejt. Jumpsuit është thjesht super. Unë patjetër do të bëj një foto dhe do t'ju tregoj më vonë.

Gjithashtu, së shpejti duhet të vijnë edhe dy hidrometra (përcaktojnë lagështinë e ajrit) nga Kina. Do ta var në dhomë për të monitoruar mikroklimën, përndryshe ka një lagështues ajri, por nuk e tregon saktë (mendoj) lagështinë në dhomë.

Një koment për 500 vjetorin nga Nikolay () u la në blog. Për këtë, Nikolai merr një çmim të vogël prej 50 rubla në portofolin e tij elektronik.

Të gjithëve na pëlqen të “shëtisim” në internet dhe të vizitojmë faqe të caktuara. Dhe nuk është sekret për askënd që, duke parë një numër të madh imazhesh të ushqimit, natyrës, pamjeve nga filmat ose lojërat video, ngarkimi i një faqe në internet mund të vonohet për një kohë të gjatë. Kjo është veçanërisht e dukshme në pajisjet celulare ose nëse ka shumë skeda të hapura në shfletuesin në kompjuter. Sigurisht, sado i bukur dhe funksional të jetë dizajni i uebit, vizitorët përpiqen ose të ndërpresin ngarkimin e imazheve ose thjesht të largohen nga faqja.

Dhe nëse vetë imazhet janë të mëdha në madhësi (gjerësi-lartësi)? Nuk ka shumë prej tyre në faqe, por ato janë thjesht madhështore (formatet 2K, 4K). Në fund të fundit, pothuajse të gjithë ne dëshirojmë të shohim fotografi të bukura ose aftësitë e kartave video grafike. Por çfarë mund të themi, shpesh, i gjithë dizajni i uebit krijohet tërësisht nga imazhet. Ose janë vija, pastaj kuadrate me teksturë, pastaj kliparte e kështu me radhë.

Me pak fjalë, numrat e mëdhenj ose madhësitë e mëdha të imazheve mund të përdoren në mënyra të ndryshme dhe në një larmi të gjerë faqesh. Si mund të zgjidhet një problem i tillë dhe a është i nevojshëm? Ne do të shikojmë një nga metodat që është përdorur në realitet nga shumë site gjatë viteve të fundit dhe, natyrisht, do të kuptojmë se si mund të ndihmojë Photoshop me këtë dhe nëse është fare e nevojshme.

Filloni…

Google nxiton në shpëtim

Zgjidhja e problemit të kompresimit të imazhit është e larmishme dhe secili person zgjedh vetë atë që është më e përshtatshme për të. Ka shumë mënyra për të zvogëluar madhësinë e një imazhi pa degraduar qartë cilësinë, por sot do të fokusohemi në formatin WebP.

Ai u krijua nga Google në vitin 2010 posaçërisht për optimizimin e përmirësuar të imazhit. Punon me të gjitha formatet tashmë të njohura dhe sot në vitin 2017 është një alternativë shumë e mirë ndaj PNG ose JPEG. Për të imagjinuar qartë se për çfarë po fillonim bisedën tonë, le të krahasojmë cilësinë e imazhit në JPEG dhe WebP me të njëjtën përqindje kompresimi.

Në shembullin e mësipërm, praktikisht nuk ka dallime vizuale, më saktë, ato janë të padukshme kur kompresohen në 70%. Por në të njëjtën kohë versioni JPEG peshon 49.8 Kb, dhe versioni WebP - 15 Kb, në përputhje me rrethanat, përqindja e kompresimit në rastin e dytë mund të rritet pa frikë nga një madhësi e madhe skedari. Jo aq keq kur mendoni se ato janë vizualisht pothuajse identike.

Shtrohet një pyetje e arsyeshme: a do të hapen dhe ngarkohen imazhe të tilla në faqen e faqes në shfletues dhe cilët. Meqenëse formati WebP u krijua nga Google, atëherë, në përputhje me rrethanat, mbështetja në Chrome, Yandex, Opera është gjithashtu atje. Në përgjithësi, mbështetja ofrohet në 90% të shfletuesve, përfshirë versionet celulare. Fatkeqësisht, nuk ka asnjë mbështetje në IE dhe Edge si parazgjedhje.

Në të njëjtën kohë, është e rëndësishme të kuptohet se WebP nuk është dhe nuk duhet të perceptohet në asnjë rast si një zëvendësim 100% për PNG dhe JPEG. Ky format është vetëm për shfletuesit që mund të punojnë me të, por padyshim që do të duhet të keni një format tjetër për shfletuesit e tjerë. Nga ana tjetër, ka gjithmonë polifille të vogla, biblioteka që lejojnë shfletuesit të punojnë me këtë apo atë "funksion". Por më shumë për këtë më poshtë.

JPEG (180 KB)

PNG (213Kb)

WebP (91Kb)

Konvertimi i imazheve nëWebp

Opsioni 1 -Photoshop

Mënyra më e lehtë për të punuar me WebP është, natyrisht, Photoshop, për të cilin Telegraphics krijoi gjithashtu një shtesë të veçantë për versione të ndryshme bit. Pasi ta instaloni (kopjoni në dosjen e shtojcave), aplikacioni do të ketë një mundësi në menunë " Ruaje si…»Zgjidhni formatin WebP nga lista rënëse.

Kutia e dialogut ju lejon të rregulloni cilësinë me një rrëshqitës, filtrim, zhurmë dhe mprehtësi. Ju lutemi vini re se sipas skedarit readme të bashkangjitur në arkiv, përcaktohet që në versionin Windows funksionaliteti i shtojcës është më i vogël se në versionin Mac OS.

Për më tepër, shtojca për Photoshop nuk lejon përdorimin e " Ruaj për ueb...”, Dhe nuk ka asnjë pamje paraprake të imazhit të ruajtur, siç është rasti me JPEG. Prandaj, derisa ta ruani skedarin dhe ta hapni për shikim, nuk do të jeni në gjendje të dini se çfarë ndodh dhe çfarë madhësie do të jetë skedari.

Opsioni 2 -Onlinekonvertues

Një tjetër mundësi konvertimi është përdorimi i një konvertuesi në internet - "Image online-convert". Ai funksionon po aq mirë si në Photoshop, por falë tij është më i shpejtë dhe më i përshtatshëm për të konvertuar skedarët në grup.

Përfshirja e skedarëve të imazhit

Siç thamë më lart, pothuajse të gjithë shfletuesit aktualisht (mesi i majit 2017) mbështesin WebP si parazgjedhje. Megjithatë, kompjuterët e përdoruesve mund të kenë të instaluar versione më të vjetra të shfletuesve ose ato që nuk e mbështesin formatin. Ekzistojnë dy opsione të përshtatshme për shfaqjen e imazheve në WebP.

  1. WebPJS polyfill (bibliotekë) që do të trajtojë versionin e shfletuesit në përdorim dhe do të ndryshojë imazhet. Faqja e autorit tregon dhe përshkruan se ku mund të futen blloqet e nevojshme të kodit në faqet e sajtit.
  2. Picturefill është gjithashtu një bibliotekë e vogël që funksionon në një parim tjetër.

Cili është ndryshimi domethënës midis të dy bibliotekave? Në rastin e parë etiketa img nuk ndryshon në faqe, thjesht ndryshoni vetë zgjerimin e skedarit nga JPEG në WebP. Në rastin e dytë, formati WebP përdoret për të përfaqësuar imazhin, nëse mbështetet, dhe nëse jo, zëvendësohet me JPEG. Me këtë opsion, do të duhet të ndryshoni etiketat img në endacakët, konvertimi automatik i formateve ndodh "në fluturim", kështu që është e vështirë të thuhet se cili funksionon më mirë.

Mund të përdorni gjithashtu kodin për skedarin .htaccess, i cili do të kontrollojë mbështetjen e shfletuesit për WebP dhe, nëse përgjigja është jo, zëvendësoni imazhin me JPEG. Për më tepër, të gjitha imazhet duhet të jenë në të njëjtën dosje dhe me të njëjtën madhësi (gjerësi + lartësi).

Kështu, një projektues uebi dhe zhvillues mund të përdorin formatin WebP nëse projekti, siti, fokusohet në shfletues modern. Pastaj do të funksionojë dhe do të shfaqet në faqe.

Si të shikoni skedarëtWebP në kompjuter

Fillimisht, Windows nuk e mbështet këtë format, dhe nëse Telegraphics krijoi një plug-in për Photoshop, atëherë Google lëshoi ​​​​një plug-in për aftësinë për të parë skedarët e imazheve në shikuesin e zakonshëm të fotografive të Windows. Gjithashtu, kjo shtojcë krijon dhe shikon paraprakisht imazhe në eksplorues për Menaxherin e Fotografive të Microsoft Office. Shkarkimi është paraqitur më poshtë.

Zhvilluesit e PaintShop Pro, IrfanView, Picasa, XnView, Gimp, Paint.NET dhe të tjerë kanë krijuar gjithashtu mbështetje për WebP, e cila mund të shkarkohet drejtpërdrejt nga faqet e tyre zyrtare.

Kush ka nevojë për të? Pro dhe kundra

Meqenëse ne kemi bërë një rezervë më shumë se një herë që formati i skedarit të imazhit WebP nuk mund të jetë një zëvendësim i plotë për JPEG, atëherë është e arsyeshme për shumë prej nesh, herët a vonë, të pyesim nëse ky format nevojitet fare dhe në çfarë rastet përdorimi i tij është i justifikuar.

Nëse projekti përfshin përdorimin e një numri të madh fotografish të madhësive dhe rezolucioneve të ndryshme, atëherë, pa dyshim, ky format duhet të prezantohet.

PNG (124 Kb)

WebP (78Kb)


Për sa i përket mbështetjes së shfletuesit, çdo vit, nëse jo gjysmë viti, në botë në tërësi, versionet e vjetra po i përkasin të shkuarës, ashtu si versionet e vjetra të Windows. Pothuajse nuk përdoret më XP, Vista, 7. Po kështu, shfletuesit e vjetëruar, veçanërisht pasi pothuajse të gjithë azhurnohen automatikisht nëse instalohen. Prandaj, nuk ka mbështetje WebP në raste të izoluara, të cilat mund të mos jenë aq kritike për projektin.

Nga ana tjetër, ka biblioteka dhe aftësinë për të përdorur dublimin dhe konvertimin JPEG në fluturim.

Sidoqoftë, duhet të mbani mend se ky format nuk përdoret gjerësisht, prandaj, duhet të keni në dorë variacione të JPEG. Dhe këtu përsëri dyfishimi: nëse shfletuesit e vizitorëve të faqes kanë mbështetje për WebP, atëherë pse të mos u ofroni atyre një shkarkim pothuajse të menjëhershëm të asaj që të tjerët do të ngarkojnë shumë më gjatë? Në të vërtetë, në përgjithësi, kjo do të ketë vetëm një efekt pozitiv në konvertimin e faqes.

Një tjetër plus - mbështetje për transparencë (kanali alfa), dmth është i ngjashëm me formatin PNG. Dhe nëse në PNG fotografia peshon më shumë se 7 Mb, atëherë në WebP është rreth 700 Kb.

Ku përdoretWebp

Që nga hera e parë, duke vizituar një faqe të caktuar, është e pamundur të thuhet me siguri nëse WebP po përdoret apo jo. Çështja është se imazhet mund të konvertohen në JPEG. Por nga ana tjetër, ju mund të përcaktoni saktësisht se ku në faqe ka WebP, dhe ku - JPEG është e mundur përmes tastierës së zhvilluesit. Për shembull, një portal lojërash video Stevivor konverton pamjet e ekranit, hartat dhe imazhet e mëdha pikërisht në WebP, për të ruajtur cilësinë dhe madhësinë e vogël. Ka shumë video lojëra, udhëzues për secilën lojë të vetme, dhe madje edhe më shumë fotografi - përdorimi i 100% është i justifikuar.

Telegrami ruan foto ngjitëse në formatin WebP, të cilat janë kaq të njohura si në versionin desktop të rrjetit social ashtu edhe në celular.

Ka disa veçori të tjera të formatit WebP. Cilësimet e kompresimit nuk janë saktësisht të njëjta si në JPEG. Mos prisni që cilësia 50% JPEG të përputhet me 50% cilësinë WebP. Në rastin e WebP, cilësia bie mjaft shpejt, kështu që është më mirë të filloni me vlerat më të larta dhe gradualisht t'i ulni ato. Një tjetër plus në favor të WebP është aftësia për të shtuar një maskë kanali alfa, ashtu si në PNG. Ndryshe nga formati konkurrues, imazhi WebP mund të kompresohet në një të dhjetën e madhësisë së një imazhi PNG. Kjo është me të vërtetë ajo që e bën WebP të dallohet.

Një shembull i jetës reale: një skedar PNG 880 Kb (imazh 24-bit me kanal alfa) u kompresua në 41 Kb - ngjeshje 95%! Edhe pse kjo nuk është një situatë e zakonshme, mundësitë e WebP janë të dukshme.


Dallimi është në cilësinë e teksturave. (Versioni i plotë)

Për të reduktuar më tej madhësinë e skedarit, ne nuk mund të përfshijmë meta të dhënat duke hequr zgjedhjen e kutisë "Ruaj metadata" në dritaren e ruajtjes së redaktuesit të imazheve. Për rezultate edhe më të mëdha, mund të zgjidhni një "kanal alfa me humbje".

Cilësimet e cilësisë për kanalin alfa zbatohen në vetë imazhin. Për shembull, imazhet me cilësi 50% do të kenë cilësi alfa 50%. Në testimin tonë, ne prisnim shtrembërim në skajin e maskës, por pati edhe ndryshime të dukshme në të gjithë imazhin. Sigurisht, ky është një opsion për të zvogëluar më tej madhësinë, por atëherë ia vlen të monitorohet cilësia e imazhit me shumë kujdes.

Gjithashtu, kushtojini vëmendje brezave të padëshiruar në kanalin alfa.

Dallimi është në cilësinë e kanalit alfa. (Versioni i plotë)

U gëzuam pa masë kur zbuluam shtesën Photoshop për mbështetjen e WebP. Me të, ju lehtë mund të rregulloni cilësinë e imazheve të WebP. Sidoqoftë, ndërfaqja e shtojcave lë shumë për të dëshiruar. Aktualisht nuk jeni në gjendje të shikoni imazhin për të vlerësuar cilësimet e cilësisë.

Shtojca WebP për Photoshop.

Si një zgjidhje, mund të krahasoni skedarët në Google Chrome. Hapja e kutisë së dialogut Ruaj është gjithashtu e vështirë në Photoshop. Për këtë, ne caktuam një çelës kyç në mënyrë që të mos përdorim vazhdimisht kutinë e dialogut. Pavarësisht shqetësimit, ia vlen.

Me norma të shkëlqyera kompresimi, cilësi të mirë dhe kanal alfa, WebP duket si një konkurrent i mirë për formatet aktuale të imazhit.

Pavarësisht rezultateve premtuese të testit, nuk ka një lider të qartë midis të gjitha formateve. Ndërsa WebP performon në mënyrë mbresëlënëse midis formateve të tjera, JPEG dhe PNG 8-bit janë ndonjëherë akoma më të mirë se WebP për sa i përket madhësisë dhe / ose cilësisë. Prandaj, ne ju këshillojmë që të bëni testimin tuaj përpara se të përktheni të gjitha imazhet tuaja në WebP, sepse mund të mos përputhet saktësisht me kërkesat tuaja.

Zbatimi

Pasi përcaktuam se WebP mund të ishte një mjet efektiv për ne, ne iu drejtuam zhvilluesve tanë për të zbatuar këtë format. WebP mbështetet plotësisht nga Chrome, Opera, Opera Mini, Shfletuesi Android dhe Chrome për Android. Firefox, Internet Explorer dhe Safari nuk kanë mbështetje të plotë, megjithëse Firefox ka një histori me WebP. Për fat të mirë, ka disa mënyra për të dhënë WebP në këta shfletues.

Ne gjetëm 3 mënyra për të mbështetur këtë format. Ishte e rëndësishme për ne të kuptonim se po përdorim mjetin më të mirë për sa i përket madhësisë së faqes, duke kujtuar se indeksi i shpejtësisë është një metrikë kryesore dhe duke marrë parasysh çdo polifillim të nevojshëm të Javascript.

Kemi kryer 4 teste për të përcaktuar se cili format funksionon më mirë për ne. E para përdori JPEG si një mostër kontrolli, dhe 3 të tjerët përdorën qasjet e përshkruara më poshtë. Ne përdorëm një imazh JPEG dhe një imazh WebP të së njëjtës cilësi (269 KB JPEG dhe 52 KB WebP).

Në testin e dytë, ne përfshimë WebPJS, një polifill 67 Kb i krijuar nga Dominic Homberger. Ofron mbështetje WebP në të gjithë shfletuesit modernë, madje edhe IE6 e lart. Polifillimi është i përshtatshëm sepse nuk keni nevojë të ndryshoni etiketën img në kodin tuaj, thjesht duhet të ndryshoni shtrirjen e imazhit nga .jpg dhe .png në .webp.

Qasja tjetër ishte përdorimi i Picturefill, një polifill që ju lejon të përdorni një etiketë edhe kur nuk mbështetet plotësisht. Mund të përdoret për të shërbyer WebP dhe, nëse formati nuk mbështetet nga shfletuesi, jepini JPEG, PNG ose një format tjetër.

Testi i fundit ishte përdorimi i skedarit .htaccess në server për të implementuar WebP. Ky variant u zhvillua nga Vincent Orbach.

Duke e përdorur atë, kodi në .htaccess duket për të parë nëse ka një version WebP të çdo imazhi në faqe. Nëse shfletuesi mbështet WebP dhe një imazh WebP është i disponueshëm, ai shërbehet në vend të një JPEG ose PNG. Është i përshtatshëm dhe nuk ka nevojë të ndryshojë shënimin e faqes në internet.

Pas shqyrtimit të rezultateve, arritëm në përfundimin se polifillimi i WebP (nga testi i dytë) është zgjidhja më e lehtë që funksionon në të gjithë shfletuesit, por ne nuk ishim të kënaqur me metrikën e indeksit të shpejtësisë kur përdornim këtë metodë. Polyfilli WebP i bën imazhet më keq se standardi JPEG dhe më keq se implementimet e tjera jo-iOS. Ne priremi ta përdorim këtë zbatim për shkak të mbështetjes më të mirë të shfletuesit.

U vu re gjithashtu se skedarët në pajisjet iOS merrnin 100 Kb më shumë se në pajisjet e tjera. Ne zbuluam se në iOS5.1 në IE 8 dhe IE9, imazhi i WebP u ngarkua 3 herë. Edhe pse 2 herë shtesë nuk është e mirë, prapë zinte më pak hapësirë ​​se ekuivalenti JPEG. Ne nuk e kemi testuar këtë në versionet më të reja të iOS, mund të jetë rregulluar tashmë atje.

Një vështrim në të ardhmen

Ekipi ynë vendosi të zbatojë metodën e përdorur në testin 3, duke përdorur një etiketë për t'u shërbyer imazheve WebP shfletuesve që i mbështesin ato dhe u shërben JPEG ose PNG atyre që nuk dinë asgjë për WebP.

Ne besojmë se ky është përmirësimi më i mirë progresiv dhe ai mbështet shërbimin e imazheve në një format të mbështetur nga shfletuesi.

Fillimisht, ne përdorëm metodën e polifillimit, por menduam se rezultati nuk do të ishte perfekt.
WebP ende nuk mund të zëvendësojë plotësisht JPEG ose PNG, por do të jetë një mjet shumë i lezetshëm në arsenalin tuaj.

Nga përkthyesi: Autorët përdorën iOS 5.1 sepse në kohën e testimit, WebPageTest.org mbështeti vetëm këtë version të sistemit. IE8 dhe IE9 për të parë se si do të funksiononte WebP në shfletues të tillë më të vjetër + këta shfletues janë ende të rëndësishëm për klientët e tyre. Tani ka tashmë shumë versione në internet të konvertuesve.

Është një format imazhi i zhvilluar nga Google në 2010. Ai u krijua si një alternativë ndaj formateve PNG dhe JPG. Me WebP, ju mund të krijoni imazhe që janë shumë më të vogla se formatet tradicionale JPG dhe PNG pa degraduar cilësinë e imazhit.

Pse nevojitet WebP?

WebP është një format imazhi shumë i dobishëm pasi ofron optimizime të performancës dhe funksionalitet të pasur. Ndryshe nga formatet e tjera, WebP mbështet kompresimin me humbje dhe pa humbje, transparencën dhe animacionin.

WebpImazhi PNGJpgGIF
Kompresim me humbje+ + +
Kompresim pa humbje+ + + +
Transparenca+ + +
Animacion+ +

Edhe me këtë funksionalitet të pasur, formati WebP ofron madhësi të skedarëve dukshëm më të vogla se alternativat e tij. Në një studim krahasues të këtyre formateve të imazheve, u zbulua se imazhet e ngjeshur me humbje të WebP ishin mesatarisht 30% më të vogla se JPG dhe imazhet e WebP pa humbje ishin mesatarisht 25% më të vogla se PNG.

Si të konvertoni imazhet në WebP

Tashmë ka disa mjete për të konvertuar lehtësisht JPG, PNG dhe formate të tjera skedarësh në WebP.

Konvertuesit online në WebP

  • Squoosh- një mjet për konvertimin dhe krahasimin e formateve të imazheve nga Google
  • Online-Convert.com- konvertues në internet

Mjetet e linjës së komandës për WebP

Ndërsa kjo është shumë, nuk është e mjaftueshme për të shmangur bërjen e një rikthimi për shfletuesit e pambështetur. Përndryshe, disa përdorues nuk do ta shohin imazhin.

Imazhet mund të rezervohen duke përdorur artikullin Elementi. Është një element HTML5 që na lejon të përdorim skedarë të shumëfishtë burim për një imazh të vetëm.

Për të siguruar një burim alternativ imazhi, ne përdorim element brenda elementit Elementi.
Elementi ka atribute për të përcaktuar llojin e imazhit dhe udhëzime se kur të përdoret cili lloj:

  • lloji: lloji MIME i skedarit burim;
  • srcset: Rruga drejt skedarit të imazhit. Për të shfaqur një imazh të madhësive të ndryshme, mund të përdorni disa skedarë (shih)
  • madhësitë: Lista e madhësive të çdo skedari burimor (shih artikullin më lart)
  • media: Kërkesë mediatike për të përcaktuar se cili burim do të përdoret për të shfaqur imazhin.

Përveç elementeve , kodi duhet të përmbajë gjithashtu etiketën e zakonshme si një rezervë për shfletuesit që nuk mbështesin formate të shumta skedarësh nëpërmjet elementit

Artikujt kryesorë të lidhur