Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • Windows 7, XP
  • Cum să deschideți imagini WebP în Windows. Formatul WebP misterios și convenabil în web design și pentru Photoshop

Cum să deschideți imagini WebP în Windows. Formatul WebP misterios și convenabil în web design și pentru Photoshop

Scriitor șef de tehnologie

V-a trimis cineva un fișier WEBP și nu sunteți sigur cum să îl deschideți? Poate ați găsit un fișier WEBP pe computerul dvs. și vă întrebați la ce folosește? Windows vă poate spune că nu îl puteți deschide sau, în cel mai rău caz, este posibil să întâlniți un mesaj de eroare legat de fișierul WEBP.

Înainte de a putea deschide un fișier WEBP, va trebui să vă dați seama ce tip de fișier îi aparține extensia de fișier WEBP.

Bacsis: Erorile de asociere incorectă a fișierelor WEBP pot fi un simptom al altor probleme de fond în sistemul dvs. de operare Windows. Aceste intrări nevalide pot produce, de asemenea, simptome asociate, cum ar fi porniri lente ale Windows, înghețarea computerului și alte probleme de performanță a computerului. Prin urmare, vă recomandăm să scanați registrul Windows pentru asocieri de fișiere nevalide și alte probleme legate de un registru fragmentat.

Răspuns:

Fișierele WEBP sunt fișiere Bitmap asociate în principal cu browsere web (Google).

Tipuri suplimentare de fișiere pot utiliza, de asemenea, extensia de fișier WEBP. Dacă cunoașteți orice alte formate de fișiere care utilizează extensia de fișier WEBP, vă rugăm să ne contactați pentru a ne putea actualiza informațiile în consecință.

Cum să vă deschideți fișierul WEBP:

Cel mai rapid și simplu mod de a vă deschide fișierul WEBP este să faceți dublu clic pe el. În acest caz, sistemul Windows însuși va alege programul necesar pentru a vă deschide fișierul WEBP.

În cazul în care fișierul dvs. WEBP nu se va deschide, este foarte probabil ca computerul dvs. să nu aibă instalată aplicația software necesară pentru a vizualiza sau edita fișiere cu extensii WEBP.

Dacă calculatorul dvs. deschide fișierul WEBP, dar aplicația nu este greșită, va trebui să modificați setările de asociere ale fișierului registry din Windows. Cu alte cuvinte, Windows asociază extensiile de fișiere WEBP cu programul greșit.

Instalați produse opționale - FileViewPro (Solvusoft) | | | |

Extensii de poștă Internet multifuncțională WEBP (MIME):

Instrumentul de analiză a fișierelor WEBP™

Nu sunteți sigur ce tip de fișier WEBP aveți? Doriți să obțineți informații precise despre un fișier, despre creatorul acestuia și despre cum îl puteți deschide?

Acum puteți obține instantaneu toate informațiile de care aveți nevoie despre fișierul WEBP!

Revoluționarul Instrument de analiză a fișierelor ™ WEBP scanează, analizează și raportează fiecare detaliu despre fișierul dvs. WEBP. Algoritmul nostru (în curs de brevet) va analiza rapid fișierul și, în câteva secunde, va oferi informații detaliate într-un format clar, ușor de citit. †

În doar câteva secunde, veți ști cu siguranță tipul fișierului dvs. WEBP, aplicația asociată fișierului, numele utilizatorului care a creat fișierul, starea protecției fișierului și alte informații utile.

Pentru a începe o analiză gratuită a fișierului, pur și simplu glisați și fixați fișierul dvs. WEBP în interiorul liniei punctate de mai jos sau faceți clic pe Vizualizare computerul meu și selectați fișierul. Raportul de analiză a fișierului WEBP va fi afișat mai jos, chiar în fereastra browserului.

Trageți fișierul WEBP aici pentru a începe analiza

Vizualizați computerul meu "

Vă rugăm să verificați și fișierul meu pentru viruși

Fișierul dvs. este analizat... așteptați.

O zi buna prieteni. Destul de recent, am descoperit că nu pot salva imagini din browser cu butonul drept al mouse-ului în formate grafice standard (JPG, PNG), dar imaginile sunt salvate într-o necunoscută pentru mine format WebP... Bine, am descărcat fișierul și acum întrebarea este: cum se deschide webp?. Care program? Despre asta vom vorbi astăzi.

Ce este WebP?

După cum spune o wikipedie înțeleaptă:

Webp(pronunțat în engleză Weppy „Veppi”) - un nou format pentru compresia imaginilor grafice cu pierdere și fără pierderea calității fișierului original.

De ce avem nevoie de ceva nou când există JPG-uri și PNG-uri vechi și familiare? După cum asigură dezvoltatorii (și nu acesta este cine, ci Google Inc însuși), majoritatea imaginilor moderne au fost folosite pe Internet de mai bine de zece ani și se bazează pe tehnologiile secolului trecut. Iată cum se dovedește...

Acum, tehnologiile au făcut un pas înainte mult și trebuie schimbat ceva. Și așa, inginerii Google au decis să verifice: există o posibilitate crește raportul de compresie al formatelor grafice (permițând astfel imaginilor să se încarce și mai repede) chiar mai mult, păstrând în același timp calitatea vizuală existentă.

În urma lucrului la proiect, s-a născut unul nou format de imagine grafică - WebP... După cum asigură dezvoltatorii proiectului, noul format reduce semnificativ dimensiunea imaginii în rețea, permițând site-urilor să se încarce și mai repede. Și după cum știți, cu cât site-ul se încarcă mai repede, cu atât este mai bună atitudinea față de el din partea motoarele de căutare și, desigur, a utilizatorilor.

De aceea, foarte curând vă voi împărtăși informații secrete :-), cum mi-am accelerat blogul (lucrarea de accelerare încă continuă). Veți învăța mai multe moduri de a optimiza încărcarea site-ului, așa că nu ratați acest articol. V-am anunțat un nou articol și este timpul să aflați cum și cu ce deschide fișierul webP?

Cum se deschide un fișier WebP?

Ați descărcat fișierul webp de pe Internet și este deja pe computer? Din cele de mai sus, acum știți că acesta este un format de imagine grafică și îl vom deschide prin vizualizatorul standard Windows.

Pentru a realiza această caracteristică, trebuie să instalați un plug-in suplimentar la sistemul de operare. Toate acțiunile ulterioare au fost testate de mine personal pe Windows 7 pe 64 de biți. Dar, așa cum asigură dezvoltatorii pluginului, ar trebui să se dovedească deschide webpși pe Windows XP (SP3), precum și pe Windows Vista.

1 Accesați și descărcați pluginul pentru a deschide webp de la următorul link, care este afișat în captură de ecran. Derulați puțin în jos în pagină și faceți clic pe următorul link pentru a descărca suplimentul pe computer

2 După ce pluginul este descărcat, trebuie să faceți dublu clic pentru a începe procesul de instalare. Se va deschide următoarea casetă de dialog, unde trebuie să faceți clic pe „Următorul”

4 În caseta de dialog care se deschide, faceți clic pe elementul „Tipic”

5 Și în fereastra finală, faceți clic pe butonul „Instalare” pentru a începe instalarea pluginului

După finalizarea instalării, vi se va solicita să mergeți la directorul în care vor fi localizate două fișiere grafice - unul în format JPEG și celălalt în format WEBP.

Faceți clic pe ele și bucurați-vă, acum puteți vizualiza cu ușurință și ușor fișierele webp într-un vizualizator standard Windows.

Asta e tot pentru mine. Sper că veți găsi util acest mic tutorial.

P.S. Zilele trecute am fost din nou la poștă, de data aceasta pentru salopeta de iarnă Oldos pentru fiica mea mică Lisa, care fusese comandată din magazinul online. Comanda a venit destul de repede. Salopeta este pur și simplu super. Cu siguranță o să fac o poză și ți-o voi arăta mai târziu.

De asemenea, ar trebui să vină în curând două hidrometre (determină umiditatea aerului) din China. Îl voi agăța în cameră pentru a monitoriza microclimatul, altfel există un umidificator de aer, dar nu arată corect (cred) umiditatea din cameră.

Un comentariu de aniversare 500 de Nikolay () a fost lăsat pe blog. Pentru aceasta, Nikolai primește un mic premiu de 50 de ruble în portofelul său electronic.

Tuturor ne place să „plimbăm” pe internet și să vizităm anumite site-uri. Și nu este un secret pentru nimeni că, privind un număr imens de imagini cu mâncare, natură, capturi de ecran din filme sau jocuri video, încărcarea unei pagini de site poate fi amânată mult timp. Acest lucru este vizibil mai ales pe dispozitivele mobile sau dacă există multe file deschise în browserul computerului. Desigur, oricât de frumos și funcțional ar fi designul web, vizitatorii încearcă fie să întrerupă încărcarea imaginilor, fie pur și simplu să părăsească site-ul.

Și dacă imaginile în sine sunt uriașe ca dimensiune (lățime-înălțime)? Nu sunt multe pe pagină, dar sunt pur și simplu magnifice (formate 2K, 4K). La urma urmei, aproape toți ne dorim să vedem fotografii frumoase sau capabilitățile plăcilor video grafice. Dar ce putem spune, de multe ori, tot designul web este creat în întregime din imagini. Fie sunt dungi, apoi pătrate cu textură, apoi clipart-uri și așa mai departe.

Pe scurt, un număr mare sau dimensiuni mari de imagini pot fi folosite în moduri diferite și pe o mare varietate de site-uri. Cum poate fi rezolvată o astfel de problemă și este necesar? Ne vom uita la una dintre metodele care a fost folosită în realitate de multe site-uri în ultimii ani și, desigur, ne vom da seama cum Photoshop poate ajuta în acest sens și dacă este necesar.

Începe…

Google se grăbește la salvare

Soluția la problema compresiei imaginii este variată și fiecare persoană își alege singur ceea ce este mai convenabil pentru el. Există multe modalități de a reduce dimensiunea unei imagini fără a degrada clar calitatea, dar astăzi ne vom concentra pe formatul WebP.

A fost creat de Google în 2010 special pentru optimizarea îmbunătățită a imaginii. Funcționează cu toate formatele deja cunoscute și astăzi în 2017 este o alternativă foarte bună la PNG sau JPEG. Pentru a ne imagina clar despre ce am început conversația, să comparăm calitatea imaginii în JPEG și WebP cu același procent de compresie.

În exemplul de mai sus, practic nu există diferențe vizuale, mai precis, sunt invizibile atunci când sunt comprimate la 70%. Dar in acelasi timp versiunea JPEG cântărește 49,8 Kb, iar versiunea WebP - 15 Kb, în consecință, procentul de compresie în al doilea caz poate fi crescut fără teama de o dimensiune mare a fișierului. Nu chiar atât de rău când te gândești că vizual sunt aproape identice.

Apare o întrebare rezonabilă: vor fi astfel de imagini deschise și încărcate pe pagina site-ului în browsere și care. Deoarece formatul WebP a fost creat de Google, atunci, în consecință, există și suport în Chrome, Yandex, Opera. În general, suportul este oferit în 90% dintre browsere, inclusiv versiunile mobile. Din păcate, nu există suport în IE și Edge în mod implicit.

În același timp, este important să înțelegem că WebP nu este și nu ar trebui, în niciun caz, să fie perceput ca un înlocuitor 100% pentru PNG și JPEG. Acest format este doar pentru browserele care pot funcționa cu el, dar fără îndoială va trebui să aveți un alt format pentru alte browsere. Pe de altă parte, există întotdeauna mici polyfill-uri, biblioteci care permit browserelor să lucreze cu cutare sau cutare „funcție”. Dar mai multe despre asta mai jos.

JPEG (180 KB)

PNG (213Kb)

WebP (91Kb)

Conversia imaginilor înWebp

Opțiunea 1 -Photoshop

Cel mai simplu mod de a lucra cu WebP este, desigur, Photoshop, pentru care Telegraphics a creat și un plugin special pentru diferite versiuni de biți. După ce îl instalați (copiați-l în folderul de pluginuri), aplicația va avea o oportunitate în meniul „ Salvează ca…»Selectați formatul WebP din lista verticală.

Caseta de dialog vă permite să reglați calitatea cu un glisor, filtrare, zgomot și claritate. Vă rugăm să rețineți că conform fișierului readme atașat în arhivă, se prevede că în versiunea Windows funcționalitatea pluginului este mai mică decât în ​​versiunea Mac OS.

În plus, plug-in-ul pentru Photoshop nu permite utilizarea „ Salvați pentru web...”, Și nu există nicio previzualizare a imaginii salvate, așa cum este cazul JPEG. Prin urmare, până când nu salvați fișierul și îl deschideți pentru vizualizare, nu veți putea ști ce se întâmplă și ce dimensiune va avea fișierul.

Opțiunea 2 -Pe netconvertor

O altă opțiune de conversie este utilizarea unui convertor online - Imagine online-convert. Funcționează la fel de bine ca și în Photoshop, dar datorită acestuia este mai rapid și mai convenabil să convertești fișiere în loturi.

Încorporarea fișierelor imagine

După cum am spus mai sus, aproape toate browserele în prezent (jumătatea lunii mai 2017) acceptă WebP în mod implicit. Cu toate acestea, computerele utilizatorilor pot avea versiuni mai vechi de browsere instalate sau cele care nu acceptă formatul. Există două opțiuni convenabile pentru afișarea imaginilor în WebP.

  1. Polyfill WebPJS (bibliotecă) care va gestiona versiunea browserului în uz și va schimba imaginile. Pagina autorului arată și descrie unde să se introducă blocurile de cod necesare pe paginile site-ului.
  2. Picturefill este, de asemenea, o mică bibliotecă care funcționează pe un principiu diferit.

Care este diferența semnificativă dintre ambele biblioteci? În primul caz etichetă img nu se schimbă pe pagini, doar schimbați singur extensia fișierului din JPEG în WebP. În al doilea caz, formatul WebP este folosit pentru a reprezenta imaginea, dacă este suportat, iar dacă nu, este înlocuit cu JPEG. Cu această opțiune, va trebui să schimbați etichete img pe rătăcitori, conversia automată a formatelor are loc „din zbor”, așa că este greu de spus care dintre ele funcționează mai bine.

De asemenea, puteți utiliza codul pentru fișierul .htaccess, care va verifica compatibilitatea browserului pentru WebP și, dacă răspunsul este nu, va înlocui imaginea cu JPEG. Mai mult, toate imaginile trebuie să fie în același folder și de aceeași dimensiune (lățime + înălțime).

Astfel, un web designer și dezvoltatorii pot folosi formatul WebP dacă proiectul, site-ul, se concentrează pe browsere moderne. Apoi va funcționa și va fi afișat pe pagini.

Cum să vezi fișiereleWebP pe computer

Inițial, Windows nu acceptă acest format și, dacă Telegraphics a creat un plug-in pentru Photoshop, atunci Google a lansat un plug-in pentru posibilitatea de a vedea fișierele de imagine în Windows Photo Viewer obișnuit. De asemenea, acest plug-in creează și previzualizează imagini în exploratorul pentru Microsoft Office Picture Manager. Descărcarea este prezentată mai jos.

Dezvoltatorii PaintShop Pro, IrfanView, Picasa, XnView, Gimp, Paint.NET și alții au creat și suport WebP, care poate fi descărcat direct de pe site-urile lor oficiale.

Cine are nevoie? Argumente pro şi contra

Deoarece am făcut o rezervare de mai multe ori că formatul de fișier imagine WebP nu poate fi un înlocuitor cu drepturi depline pentru JPEG, atunci este rezonabil pentru mulți dintre noi, mai devreme sau mai târziu, să ne întrebăm dacă acest format este necesar și în ce cazurile în care utilizarea sa este justificată.

Dacă proiectul implică utilizarea unui număr mare de imagini de diferite dimensiuni și rezoluții, atunci, fără îndoială, acest format ar trebui introdus.

PNG (124 Kb)

WebP (78Kb)


În ceea ce privește suportul pentru browser, în fiecare an, dacă nu jumătate de an, în întreaga lume, versiunile vechi devin un lucru din trecut, la fel ca versiunile vechi de Windows. Aproape nu a mai folosit XP, Vista, 7. La fel, browserele învechite, mai ales că aproape toate sunt actualizate automat dacă sunt instalate. În consecință, nu există suport WebP în cazuri izolate, care ar putea să nu fie atât de critice pentru proiect.

Pe de altă parte, există biblioteci și capacitatea de a utiliza dublarea și conversia JPEG din mers.

Cu toate acestea, trebuie să rețineți că acest format nu este utilizat pe scară largă, prin urmare, trebuie să aveți la îndemână variații de JPEG. Și aici din nou dublul: dacă browserele vizitatorilor site-ului au suport pentru WebP, atunci de ce să nu le oferim o descărcare aproape instantanee a ceea ce alții vor încărca mult mai mult? Într-adevăr, în general, acest lucru va avea doar un efect pozitiv asupra conversiei site-ului.

Un alt plus - suport pentru transparență (canal alfa), adică este similar cu formatul PNG. Și dacă în PNG imaginea cântărește mai mult de 7 Mb, atunci în WebP este de aproximativ 700 Kb.

Unde este folositWebp

De la prima vizită a unui anumit site, este imposibil să spunem cu certitudine dacă WebP este utilizat sau nu. Ideea este că imaginile pot fi convertite în JPEG. Dar, pe de altă parte, puteți determina exact unde pe pagină există WebP și unde - JPEG este posibil prin consola dezvoltatorului. De exemplu, un portal de jocuri video Stevivor convertește capturile de ecran, hărțile și imaginile mari exact în WebP, pentru a menține calitatea și dimensiunea redusă. Există multe jocuri video, ghiduri pentru fiecare joc și chiar mai multe imagini - folosirea 100% este justificată.

Telegramă salvează în format WebP imagini autocolante, care sunt atât de populare atât pe versiunea desktop a rețelei sociale, cât și pe mobil.

Mai sunt câteva caracteristici ale formatului WebP. Setările de compresie nu sunt exact aceleași ca în JPEG. Nu vă așteptați ca 50% calitate JPEG să se potrivească cu 50% calitate WebP. În cazul WebP, calitatea scade destul de rapid, așa că este mai bine să începeți cu cele mai mari valori și să le micșorați treptat. Un alt plus în favoarea WebP este capacitatea de a adăuga o mască de canal alfa, la fel ca în PNG. Spre deosebire de formatul concurent, imaginea WebP poate fi comprimată la o zecime din dimensiunea unei imagini PNG. Acesta este cu adevărat ceea ce face ca WebP să iasă în evidență.

Un exemplu real: un fișier PNG de 880 Kb (imagine pe 24 de biți cu canal alfa) a fost comprimat la 41 Kb - compresie de 95%! Deși aceasta nu este o situație comună, posibilitățile WebP sunt evidente.


Diferența este în calitatea texturilor. (Versiunea completa)

Pentru a reduce și mai mult dimensiunea fișierului, nu putem include metadate debifând caseta de selectare „Salvare metadate” din fereastra de salvare a editorului de imagini. Pentru rezultate și mai mari, puteți alege un „canal alfa cu pierderi”.

Setările de calitate pentru canalul alfa sunt aplicate imaginii în sine. De exemplu, imaginile cu o calitate de 50% vor avea o calitate alfa de 50%. În testarea noastră, ne așteptam la o distorsiune pe marginea măștii, dar au existat și modificări vizibile ale întregii imagini. Desigur, aceasta este o opțiune pentru a reduce și mai mult dimensiunea, dar atunci merită să monitorizați foarte atent calitatea imaginii.

De asemenea, acordați atenție benzilor nedorite din canalul alfa.

Diferența este în calitatea canalului alfa. (Versiunea completa)

Am fost foarte bucuroși când am descoperit pluginul Photoshop pentru suport WebP. Cu acesta, puteți ajusta cu ușurință calitatea imaginilor WebP. Cu toate acestea, interfața pluginului lasă mult de dorit. În prezent, nu puteți vizualiza imaginea pentru a evalua setările de calitate.

Plugin WebP pentru Photoshop.

Ca o soluție, puteți compara fișiere în Google Chrome. Deschiderea casetei de dialog Salvare este, de asemenea, incomodă în Photoshop. Pentru aceasta, am atribuit o tastă rapidă pentru a nu folosi în mod constant caseta de dialog. În ciuda inconvenientelor, încă merită.

Cu rate excelente de compresie, calitate bună și canal alfa, WebP arată ca un bun concurent pentru formatele de imagine actuale.

În ciuda rezultatelor promițătoare ale testelor, nu există un lider clar între toate formatele. În timp ce WebP are performanțe impresionante printre alte formate, JPEG și PNG pe 8 biți sunt uneori mai bune decât WebP în ceea ce privește dimensiunea și/sau calitatea. Prin urmare, vă sfătuim să faceți propria testare înainte de a traduce toate imaginile pe WebP, deoarece este posibil să nu corespundă exact cerințelor dvs.

Implementarea

După ce am stabilit că WebP ar putea fi un instrument eficient pentru noi, am apelat la dezvoltatorii noștri pentru a implementa acest format. WebP este pe deplin acceptat de Chrome, Opera, Opera Mini, browser Android și Chrome pentru Android. Firefox, Internet Explorer și Safari nu au suport complet, deși Firefox are un istoric cu WebP. Din fericire, există mai multe moduri de a reda WebP în aceste browsere.

Am găsit 3 moduri de a sprijini acest format. A fost important pentru noi să înțelegem că folosim cel mai bun instrument în ceea ce privește dimensiunea paginii, amintindu-ne că indicele de viteză este o măsură cheie și ținând cont de orice completare JavaScript necesară.

Am efectuat 4 teste pentru a determina ce format funcționează cel mai bine pentru noi. Primul a folosit JPEG ca probă de control, iar ceilalți 3 au folosit abordările descrise mai jos. Am folosit o imagine JPEG și o imagine WebP de aceeași calitate (269KB JPEG și 52KB WebP).

În al doilea test, am inclus WebPJS, un polyfill de 67Kb creat de Dominic Homberger. Oferă suport WebP în toate browserele moderne, chiar și IE6 și mai sus. Polyfill-ul este convenabil deoarece nu trebuie să schimbați eticheta img din cod, trebuie doar să schimbați extensia imaginii din .jpg și .png în .webp.

Următoarea abordare a fost să utilizați Picturefill, un polyfill care vă permite să utilizați o etichetă chiar și atunci când nu este pe deplin acceptată. Poate fi folosit pentru a servi WebP și, dacă formatul nu este acceptat de browser, dați-i JPEG, PNG sau alt format.

Ultimul test a fost utilizarea fișierului .htaccess de pe server pentru a implementa WebP. Această variantă a fost dezvoltată de Vincent Orbach.

Folosind-o, codul din .htaccess caută să vadă dacă există o versiune WebP a fiecărei imagini de pe pagină. Dacă browserul acceptă WebP și este disponibilă o imagine WebP, aceasta este difuzată în loc de JPEG sau PNG. Este convenabil și nu trebuie să schimbați marcajul paginii web.

După examinarea rezultatelor, am ajuns la concluzia că polifill-ul WebP (din al doilea test) este cea mai ușoară soluție care funcționează în toate browserele, dar nu am fost mulțumiți de metrica indicelui de viteză atunci când folosim această metodă. Polifill-ul WebP redă imaginile mai proaste decât benchmark-ul JPEG și mai proaste decât alte implementări non-iOS. Tindem să folosim această implementare datorită suportului mai bun pentru browser.

De asemenea, s-a observat că fișierele de pe dispozitivele iOS au ocupat cu 100 Kb mai mult decât pe alte dispozitive. Am descoperit că în iOS5.1 atât în ​​IE 8, cât și în IE9, imaginea WebP a fost încărcată de 3 ori. Deși încă de 2 ori nu este bine, totuși a ocupat mai puțin spațiu decât echivalentul JPEG. Nu am testat acest lucru în versiunile mai noi de iOS, este posibil să fi fost deja remediat acolo.

O privire în viitor

Echipa noastră a decis să implementeze metoda folosită în testul 3, folosind o etichetă pentru a servi imagini WebP către browserele care le suportă și pentru a servi JPEG sau PNG celor care nu știu nimic despre WebP.

Considerăm că aceasta este cea mai bună îmbunătățire progresivă și acceptă difuzarea imaginilor într-un format acceptat de browser.

Inițial, am folosit metoda polyfill, dar am simțit că rezultatul nu va fi perfect.
WebP nu poate înlocui complet JPEG sau PNG încă, dar va fi un instrument foarte tare în arsenalul tău.

De la traducător: Autorii au folosit iOS 5.1 deoarece la momentul testării, WebPageTest.org a acceptat doar această versiune a sistemului. IE8 și IE9 pentru a vedea cum ar funcționa WebP în astfel de browsere mai vechi + acele browsere sunt încă importante pentru clienții lor. Acum există deja o mulțime de versiuni online ale convertoarelor.

Este un format de imagine dezvoltat de Google în 2010. A fost creat ca o alternativă la formatele PNG și JPG. Cu WebP, puteți crea imagini care sunt mult mai mici decât formatele tradiționale JPG și PNG fără a degrada calitatea imaginii.

De ce este nevoie de WebP?

WebP este un format de imagine foarte util, deoarece oferă atât optimizări de performanță, cât și funcționalitate bogată. Spre deosebire de alte formate, WebP acceptă atât compresie cu pierderi, cât și fără pierderi, transparență și animație.

WebpImagine PNGJpgGIF
Compresie cu pierderi+ + +
Compresie fără pierderi+ + + +
Transparenţă+ + +
Animaţie+ +

Chiar și cu această funcționalitate bogată, formatul WebP oferă fișiere de dimensiuni semnificativ mai mici decât alternativele sale. Într-un studiu comparativ al acestor formate de imagine, s-a constatat că imaginile WebP comprimate cu pierderi erau, în medie, cu 30% mai mici decât JPG, iar imaginile WebP fără pierderi erau, în medie, cu 25% mai mici decât PNG.

Cum se convertesc imagini în WebP

Există deja mai multe instrumente pentru a converti cu ușurință JPG, PNG și alte formate de fișiere în WebP.

Convertoare online în WebP

  • Squoosh- un instrument pentru conversia și compararea formatelor de imagini de la Google
  • Online-Convert.com- convertor online

Instrumente de linie de comandă pentru WebP

Deși acest lucru este destul de mult, nu este suficient pentru a evita o rezervă pentru browsere neacceptate. În caz contrar, unii utilizatori nu vor vedea imaginea.

Imaginile pot fi salvate folosind elementul Element. Este un element HTML5 care ne permite să folosim mai multe fișiere sursă pentru o singură imagine.

Pentru a oferi o sursă alternativă de imagine, folosim element în element Element.
Element există atribute pentru a defini tipul de imagine și instrucțiuni despre când să utilizați care tip:

  • tip: tip MIME al fișierului sursă;
  • srcset: Calea către fișierul imagine. Pentru a afișa o imagine de diferite dimensiuni, puteți utiliza mai multe fișiere (vezi)
  • dimensiuni: Lista dimensiunilor fiecărui fișier sursă (vezi articolul de mai sus)
  • media: interogare media pentru a determina ce sursă va fi utilizată pentru afișarea imaginii.

Pe lângă elemente , codul trebuie să conțină și eticheta obișnuită ca alternativă pentru browserele care nu acceptă mai multe formate de fișiere prin intermediul elementului

Top articole similare