Kako podesiti pametne telefone i računare. Informativni portal
  • Dom
  • Windows 7, XP
  • Kako otvoriti WebP slike u Windowsu. Tajanstveni i praktični WebP format u web dizajnu i za Photoshop

Kako otvoriti WebP slike u Windowsu. Tajanstveni i praktični WebP format u web dizajnu i za Photoshop

Glavni pisac tehnologije

Da li vam je neko poslao WEBP datoteku e-poštom i niste sigurni kako da je otvorite? Možda ste pronašli WEBP datoteku na svom računaru i pitate se čemu služi? Windows vam može reći da ne možete da ga otvorite, ili u najgorem slučaju, možete naići na poruku o grešci u vezi sa WEBP datotekom.

Prije nego što otvorite WEBP datoteku, morat ćete otkriti kojoj vrsti datoteke pripada ekstenzija WEBP datoteke.

Savjet: Pogreške WEBP asocijacije datoteka mogu biti simptom drugih temeljnih problema unutar vašeg Windows operativnog sistema. Ovi nevažeći unosi takođe mogu izazvati povezane simptome kao što su sporo pokretanje Windowsa, zamrzavanje računara i drugi problemi sa performansama računara. Stoga se toplo preporučuje da skenirate svoj Windows registrator u potrazi za nevažećim asocijacijama datoteka i drugim problemima u vezi s fragmentiranim registrom.

odgovor:

WEBP datoteke su Bitmap datoteke prvenstveno povezane s web pretraživačima (Google).

Dodatne vrste datoteka također mogu koristiti WEBP ekstenziju datoteke. Ako su vam poznati drugi formati datoteka koji koriste WEBP ekstenziju datoteke, kontaktirajte nas kako bismo mogli ažurirati naše informacije u skladu s tim.

Kako otvoriti svoj WEBP fajl:

Najbrži i najjednostavniji način da otvorite svoju WEBP datoteku je da dvaput kliknete na nju. U tom slučaju, sam Windows sistem će odabrati potreban program za otvaranje vaše WEBP datoteke.

U slučaju da se vaša WEBP datoteka ne otvori, vrlo je vjerovatno da vaš PC nema instaliranu potrebnu softversku aplikaciju za pregled ili uređivanje datoteka sa WEBP ekstenzijama.

Ako vaš računar otvori WEBP datoteku, ali je to pogrešna aplikacija, moraćete da promenite postavke asocijacije datoteka u vašem Windows registru. Drugim riječima, Windows povezuje WEBP ekstenzije datoteka s pogrešnim programom.

Instalirajte opcione proizvode - FileViewPro (Solvusoft) | | | |

WEBP višenamjenske ekstenzije internetske pošte (MIME):

WEBP File Analysis Tool™

Niste sigurni koju vrstu WEBP datoteke imate? Želite dobiti precizne informacije o datoteci, njenom kreatoru i kako ga možete otvoriti?

Sada možete odmah dobiti sve potrebne informacije o WEBP datoteci!

Revolucionarni WEBP Alat za analizu datoteka ™ skenira, analizira i prijavljuje sve detalje o vašoj WEBP datoteci. Naš (patentirani) algoritam će brzo raščlaniti datoteku i, u roku od nekoliko sekundi, pružiti detaljne informacije u jasnom, lako čitljivom formatu. †

Za samo nekoliko sekundi sigurno ćete znati tip vaše WEBP datoteke, aplikaciju koja je povezana s datotekom, ime korisnika koji je kreirao datoteku, status zaštite datoteke i druge korisne informacije.

Da biste započeli besplatnu analizu datoteka, jednostavno prevucite i ispustite svoju WEBP datoteku unutar isprekidane linije ispod ili kliknite Prikaži moj računar i odaberite datoteku. Izvještaj o analizi WEBP fajla biće prikazan ispod, u prozoru pretraživača.

Prevucite WEBP datoteku ovdje da započnete analizu

Pogledaj moj kompjuter"

Molimo provjerite i moj fajl na viruse

Vaš fajl se analizira... sačekajte.

Dobar dan prijatelji. Nedavno sam otkrio da ne mogu da sačuvam slike iz pretraživača desnim tasterom miša u standardnim grafičkim formatima (JPG, PNG), ali se slike čuvaju u meni nepoznatom WebP format... U redu, preuzeo sam fajl, i sad je pitanje, kako otvoriti webp?. Koji program? To je ono o čemu ćemo danas razgovarati.

Šta je WebP?

Kako kaže jedna mudra wikipedija:

Webp(izgovara se kao engleski Weppy "Veppi") - novi format za kompresiju grafičkih slika sa gubitkom i bez gubitka kvaliteta originalne datoteke.

Zašto nam treba nešto novo kada postoje stari i poznati JPG i PNG? Kako uvjeravaju programeri (i to nije ko, već sam Google Inc), većina modernih slika koristi se na internetu više od deset godina i bazira se na tehnologijama prošlog stoljeća. Evo kako ispada...

Sada su tehnologije dosta napredovale i nešto treba mijenjati. I tako su Google inženjeri odlučili provjeriti: postoji li mogućnost povećati omjer kompresije grafičkih formata (na taj način omogućavajući slikama da se učitavaju još brže) još više uz zadržavanje postojećeg vizuelnog kvaliteta.

Kao rezultat rada na projektu, rođen je novi grafički format slike - WebP... Kako uvjeravaju programeri projekta, novi format značajno smanjuje veličinu slike na mreži, omogućavajući web lokacijama da se učitavaju još brže. A kao što znate, što se stranica brže učitava, to je bolji odnos prema njoj od strane pretraživača i, naravno, korisnika.

Zato ću vrlo brzo podijeliti s vama tajne informacije :-), kako sam ubrzao svoj blog (rad na ubrzanju još uvijek traje). Naučit ćete nekoliko načina za optimizaciju učitavanja stranice, stoga nemojte propustiti ovaj članak. Najavila sam vam novi članak i vrijeme je da saznate kako i čime otvori webP datoteku?

Kako otvoriti WebP datoteku?

Da li ste preuzeli webp datoteku sa interneta i da li je već na vašem računaru? Iz gore navedenog, sada znate da je ovo grafički format slike i otvorit ćemo ga kroz standardni Windows preglednik.

Da biste realizovali ovu funkciju, potrebno je da instalirate dodatni plug-in za operativni sistem. Sve dalje radnje sam lično testirao na Windows 7 64-bitnom. No, kako uvjeravaju programeri dodatka, trebalo bi da se ispostavi otvori webp i na Windows XP (SP3) kao i Windows Vista.

1 Idite na i preuzmite dodatak da otvorite webp sa sljedeće veze, koja je prikazana na snimku ekrana. Pomaknite se malo prema dolje po stranici i kliknite na sljedeću vezu da preuzmete dodatak na svoj računar

2 Nakon preuzimanja dodatka potrebno je dvaput kliknuti da biste pokrenuli proces instalacije. Otvoriće se sledeći dijaloški okvir u kojem morate kliknuti na "Dalje"

4 U dijaloškom okviru koji se otvori kliknite na stavku "Tipično"

5 I u poslednjem prozoru kliknite na dugme "Instaliraj" da biste započeli instalaciju dodatka

Nakon završetka instalacije, od vas će biti zatraženo da odete u direktorij u kojem će se nalaziti dvije grafičke datoteke - jedna u JPEG formatu, a druga u WEBP formatu.

Kliknite na njih i radujte se, sada možete lako i lako pregledavati webp datoteke u standardnom Windows pregledniku.

To je sve za mene. Nadam se da će vam ovaj mali vodič biti koristan.

P.S. Pre neki dan sam ponovo otišla u poštu, ovaj put po Oldos zimski kombinezon za moju kćerkicu Lizu, koji je naručen iz internet prodavnice. Narudžba je stigla dovoljno brzo. Kombinezon je jednostavno super. Svakako ću slikati i pokazati vam kasnije.

Takođe, uskoro bi trebalo da dođu i dva hidrometra (određivanje vlažnosti vazduha) iz Kine. Okačiću ga u prostoriji da pratim mikroklimu, inače postoji ovlaživač zraka, ali ne pokazuje baš ispravno (mislim) vlažnost u prostoriji.

Na blogu je ostavljen Nikolay () komentar povodom godišnjice 500. Za to Nikolaj dobija malu nagradu od 50 rubalja na svoj elektronski novčanik.

Svi volimo da "šetamo" internetom i posećujemo određene sajtove. I ni za koga nije tajna da, gledajući ogroman broj slika hrane, prirode, snimaka ekrana iz filmova ili video igrica, učitavanje web stranice može dugo kasniti. Ovo je posebno vidljivo na mobilnim uređajima ili ako je u pretraživaču na računaru otvoreno mnogo kartica. Naravno, koliko god da je web dizajn lijep i funkcionalan, posjetitelji pokušavaju ili prekinuti učitavanje slika ili jednostavno napustiti stranicu.

A ako su same slike ogromne veličine (širina-visina)? Nema ih puno na stranici, ali su jednostavno veličanstveni (2K, 4K formati). Na kraju krajeva, gotovo svi želimo vidjeti prekrasne fotografije ili mogućnosti grafičkih video kartica. Ali što možemo reći, često je sav web dizajn u potpunosti kreiran od slika. Ili su to pruge, pa kvadrati s teksturom, pa kliparti i tako dalje.

Ukratko, veliki brojevi ili velike veličine slika mogu se koristiti na različite načine i na raznim stranicama. Kako se takav problem može riješiti i da li je to potrebno? Pogledat ćemo jednu od metoda koju su u stvarnosti koristile mnoge stranice proteklih godina i, naravno, shvatit ćemo kako Photoshop može pomoći u tome i da li je to uopće potrebno.

Započni…

Google žuri u pomoć

Rješenje problema kompresije slike je raznoliko i svaka osoba za sebe bira ono što mu je pogodnije. Postoji mnogo načina da se smanji veličina slike bez jasnog degradiranja kvaliteta, ali danas ćemo se fokusirati na WebP format.

Kreirao ga je Google 2010. godine posebno za poboljšanu optimizaciju slike. Radi sa svim već poznatim formatima i danas je u 2017. godini vrlo dobra alternativa PNG ili JPEG. Da bismo jasno zamislili o čemu smo započeli naš razgovor, uporedimo kvalitet slike u JPEG i WebP sa istim procentom kompresije.

U gornjem primjeru praktično nema vizualnih razlika, tačnije nevidljive su kada se komprimiraju na 70%. Ali istovremeno JPEG verzija je teška 49,8 Kb, a WebP verzija - 15 Kb, prema tome, postotak kompresije u drugom slučaju može se povećati bez straha od velike veličine datoteke. Nije tako loše kada se uzme u obzir da su vizuelno gotovo identične.

Postavlja se razumno pitanje: hoće li se takve slike otvarati i učitavati na stranici stranice u pretraživačima i koje. Budući da je format WebP kreirao Google, u skladu s tim postoji i podrška za Chrome, Yandex, Opera. Generalno, podrška je obezbeđena u 90% pretraživača, uključujući mobilne verzije. Nažalost, podrazumevano nema podrške u IE i Edgeu.

Istovremeno, važno je shvatiti da WebP nije i ne treba, u svakom slučaju, biti percipiran kao 100% zamjena za PNG i JPEG. Ovaj format je samo za pretraživače koji mogu da rade sa njim, ali nesumnjivo ćete morati da imate drugačiji format za druge pretraživače. S druge strane, uvijek postoje mali polifili, biblioteke koje omogućavaju pretraživačima da rade sa ovom ili onom "karakteristikom". Ali više o tome u nastavku.

JPEG (180 KB)

PNG (213Kb)

WebP (91Kb)

Pretvaranje slika uWebp

Opcija 1 -Photoshop

Najlakši način rada sa WebP-om je, naravno, Photoshop, za koji je Telegraphics također napravio poseban dodatak za različite verzije bitova. Nakon što je instalirate (kopirate je u folder plugins), aplikacija će imati priliku u meniju “ Sačuvaj kao…»Izaberite WebP format sa padajuće liste.

Okvir za dijalog vam omogućava da podesite kvalitet klizačem, filtriranje, šum i oštrinu. Napominjemo da je prema priloženom readme fajlu u arhivi propisano da je u verziji za Windows funkcionalnost dodatka manja nego u verziji za Mac OS.

Osim toga, dodatak za Photoshop ne dozvoljava korištenje “ Sačuvaj za web...”, I nema pregleda sačuvane slike, kao što je slučaj sa JPEG. Stoga, sve dok ne sačuvate datoteku i otvorite je za pregled, nećete moći znati šta se dešava i koja će veličina datoteke biti.

Opcija 2 -Onlinekonverter

Druga opcija konverzije je korištenje online pretvarača - Image online-convert. Radi jednako dobro kao u Photoshopu, ali zahvaljujući njemu brže je i praktičnije za grupno konvertiranje datoteka.

Ugrađivanje slikovnih datoteka

Kao što smo već rekli, skoro svi pretraživači trenutno (sredinom maja 2017.) podržavaju WebP podrazumevano. Međutim, računari korisnika mogu imati instalirane starije verzije pretraživača ili one koje ne podržavaju format. Postoje dvije pogodne opcije za prikaz slika u WebP-u.

  1. WebPJS polyfill (biblioteka) koji će upravljati verzijom pretraživača u upotrebi i mijenjati slike. Autorska stranica prikazuje i opisuje gdje ubaciti potrebne blokove koda na stranice stranice.
  2. Picturefill je također mala biblioteka koja radi na drugačijem principu.

Koja je bitna razlika između obje biblioteke? U prvom slučaju img tag se ne mijenja na stranicama, samo promijenite ekstenziju datoteke iz JPEG u WebP sami. U drugom slučaju, WebP format se koristi za predstavljanje slike, ako je podržan, a ako nije, zamjenjuje se JPEG. Uz ovu opciju, morat ćete promijeniti img tags kod lutalica, automatska konverzija formata se dešava "u hodu", pa je teško reći koji bolje radi.

Takođe možete koristiti kod za .htaccess datoteku, koji će provjeriti podršku pretraživača za WebP i, ako je odgovor ne, zamijeniti sliku sa JPEG. Štaviše, sve slike moraju biti u istom folderu i iste veličine (širina + visina).

Dakle, web dizajner i programeri mogu koristiti WebP format ako se projekt, stranica, fokusira na moderne pretraživače. Tada će raditi i biti prikazano na stranicama.

Kako vidjeti fajloveWebP na računaru

U početku, Windows ne podržava ovaj format, a ako je Telegraphics kreirao dodatak za Photoshop, onda je Google izdao dodatak za mogućnost gledanja slikovnih datoteka u uobičajenom Windows Photo Vieweru. Takođe, ovaj dodatak kreira i pregleda slike u istraživaču za Microsoft Office Picture Manager. Preuzimanje je predstavljeno u nastavku.

Programeri PaintShop Pro, IrfanView, Picasa, XnView, Gimp, Paint.NET i drugi takođe su kreirali podršku za WebP, koja se može direktno preuzeti sa njihovih zvaničnih sajtova.

Kome to treba? Za i protiv

Budući da smo više puta rezervisali da WebP format datoteke slike ne može biti potpuna zamjena za JPEG, onda razumno mnogi od nas prije ili kasnije imaju pitanje: je li ovaj format zaista potreban i u kojim slučajevima je njegova upotreba opravdana .

Ako projekt uključuje korištenje velikog broja slika različitih veličina i rezolucija, onda bi, nesumnjivo, ovaj format trebao biti uveden.

PNG (124 Kb)

WebP (78Kb)


Što se tiče podrške pretraživača, svake godine, ako ne i pola godine, u svijetu u cjelini, stare verzije postaju prošlost, baš kao i stare verzije Windowsa. Skoro da se više ne koristi XP, Vista, 7. Isto tako, zastarjeli pretraživači, pogotovo jer se gotovo svi automatski ažuriraju ako su instalirani. Shodno tome, ne postoji podrška za WebP u izolovanim slučajevima, što možda i nije toliko kritično za projekat.

S druge strane, postoje biblioteke i mogućnost korištenja JPEG presnimavanja i konverzije u hodu.

Međutim, morate imati na umu da ovaj format nije široko korišten, stoga morate imati pri ruci varijacije JPEG-a. I tu opet dvojako: ako pretraživači posetilaca sajta imaju podršku za WebP, zašto im onda ne ponuditi skoro trenutno preuzimanje onoga što će drugi učitavati mnogo duže? Zaista, općenito, ovo će imati samo pozitivan učinak na konverziju stranice.

Još jedan plus - podrška za transparentnost (alfa kanal), odnosno sličan je PNG formatu. A ako u PNG-u slika teži više od 7 Mb, onda je u WebP-u oko 700 Kb.

Gdje se koristiWebp

Od prvog puta, prilikom posjete određenoj stranici, nemoguće je sa sigurnošću reći da li se WebP koristi ili ne. Poenta je da se slike mogu konvertovati u JPEG. Ali sa druge strane, možete tačno odrediti gde na stranici postoji WebP, a gde - JPEG je moguć preko konzole programera. Na primjer, portal za video igre Stevivor pretvara snimke ekrana, mape i velike slike tačno u WebP, kako bi zadržao kvalitetu i malu veličinu. Postoji mnogo video igara, vodiča za svaku pojedinu igru, pa čak i više slika - korištenje 100% je opravdano.

Telegram sprema slike naljepnica u formatu WebP, koje su toliko popularne i na desktop verziji društvene mreže i na mobilnom.

Postoji još nekoliko karakteristika WebP formata. Postavke kompresije nisu potpuno iste kao u JPEG-u. Ne očekujte da će 50% JPEG kvaliteta odgovarati 50% WebP kvalitetu. U slučaju WebP-a, kvalitet opada prilično brzo, pa je bolje početi s najvišim vrijednostima i postepeno ih smanjivati. Još jedan plus u korist WebP-a je mogućnost dodavanja maske alfa kanala, baš kao u PNG-u. Za razliku od konkurentskog formata, WebP slika se može komprimirati na jednu desetinu veličine PNG slike. Ovo je zaista ono po čemu se WebP ističe.

Jedan primjer iz stvarnog života: PNG datoteka od 880Kb (24-bitna slika sa alfa kanalom) je komprimirana na 41Kb - 95% kompresije! Iako ovo nije uobičajena situacija, mogućnosti WebP-a su očigledne.


Razlika je u kvaliteti tekstura. (Puna verzija)

Da bismo dodatno smanjili veličinu datoteke, ne možemo uključiti metapodatke tako što ćemo poništiti potvrdni okvir „Sačuvaj metapodatke“ u prozoru za spremanje uređivača slika. Za još bolje rezultate, možete odabrati “alfa kanal sa gubitkom”.

Postavke kvaliteta za alfa kanal se primjenjuju na samu sliku. Na primjer, slike 50% kvaliteta imat će 50% alfa kvalitete. U našem testiranju očekivali smo izobličenje na rubu maske, ali je bilo i primjetnih promjena na cijeloj slici. Naravno, ovo je opcija za dodatno smanjenje veličine, ali tada vrijedi vrlo pažljivo pratiti kvalitetu slike.

Također, obratite pažnju na neželjene trake u alfa kanalu.

Razlika je u kvaliteti alfa kanala. (Puna verzija)

Bili smo presretni kada smo otkrili Photoshop Plugin za WebP podršku. Pomoću njega možete jednostavno prilagoditi kvalitetu WebP slika. Međutim, sučelje dodataka ostavlja mnogo željenog. Trenutno ne možete vidjeti sliku da biste ocijenili postavke kvaliteta.

WebP dodatak za Photoshop.

Kao rješenje, možete upoređivati ​​fajlove u Google Chrome-u. Otvaranje dijaloga Save je takođe nezgodno u Photoshopu. Za to smo dodijelili interventnu tipku kako ne bismo stalno koristili dijaloški okvir. Uprkos neprijatnostima, i dalje se isplati.

Sa odličnim stopama kompresije, dobrim kvalitetom i alfa kanalom, WebP izgleda kao dobar konkurent trenutnim formatima slika.

Uprkos obećavajućim rezultatima testova, nema jasnog lidera među svim formatima. Dok WebP ima impresivne performanse među ostalim formatima, JPEG i 8-bitni PNG su ponekad i dalje bolji od WebP-a u smislu veličine i/ili kvaliteta. Stoga vam savjetujemo da izvršite vlastito testiranje prije nego što prevedete sve svoje slike na WebP, jer možda neće u potpunosti odgovarati vašim zahtjevima.

Implementacija

Utvrdivši da bi WebP mogao biti efikasan alat za nas, obratili smo se našim programerima da implementiraju ovaj format. WebP u potpunosti podržavaju Chrome, Opera, Opera Mini, Android pretraživač i Chrome za Android. Firefox, Internet Explorer i Safari nemaju punu podršku, iako Firefox ima istoriju sa WebP-om. Na sreću, postoji nekoliko načina da se WebP prikaže u ovim pretraživačima.

Pronašli smo 3 načina da podržimo ovaj format. Bilo nam je važno da shvatimo da koristimo najbolji alat u smislu veličine stranice, imajući na umu da je indeks brzine ključna metrika i uzimajući u obzir sve neophodne Javascript polifile.

Proveli smo 4 testa kako bismo utvrdili koji format nam najbolje odgovara. Prvi je koristio JPEG kao kontrolni uzorak, a druga 3 koristila su pristupe opisane u nastavku. Koristili smo JPEG sliku i WebP sliku istog kvaliteta (269KB JPEG i 52KB WebP).

U drugi test smo uključili WebPJS, 67Kb polifil koji je kreirao Dominic Homberger. Pruža podršku za WebP u svim modernim pretraživačima, čak iu IE6 i novijim. Polyfill je zgodan jer ne morate mijenjati img oznaku u svom kodu, samo trebate promijeniti ekstenziju slike iz .jpg i .png u .webp.

Sljedeći pristup je bio korištenje Picturefilla, polifila koji vam omogućava da koristite oznaku čak i kada nije u potpunosti podržan. Može se koristiti za posluživanje WebP-a i, ako pretraživač ne podržava format, dajte mu JPEG, PNG ili drugi format.

Posljednji test je bio korištenje .htaccess datoteke na serveru za implementaciju WebP-a. Ovu varijantu je razvio Vincent Orbach.

Koristeći ga, kod u .htaccess-u traži da li postoji WebP verzija svake slike na stranici. Ako pretraživač podržava WebP i WebP slika je dostupna, ona se prikazuje umjesto JPEG ili PNG. Zgodno je i ne treba mijenjati oznaku web stranice.

Nakon pregleda rezultata, zaključili smo da je WebP polyfill (iz drugog testa) najlakše rješenje koje radi u svim pretraživačima, ali nismo bili zadovoljni metrikom indeksa brzine pri korištenju ove metode. WebP polyfill prikazuje slike gore od JPEG benchmark-a i lošije od drugih implementacija koje nisu iOS. Skloni smo da koristimo ovu implementaciju zbog bolje podrške pretraživača.

Također je primjećeno da fajlovi na iOS uređajima zauzimaju 100Kb više nego na drugim uređajima. Otkrili smo da je u iOS5.1 u IE 8 i IE9 WebP slika učitana 3 puta. Iako dodatna 2 puta nije dobro, ipak je zauzimalo manje prostora od JPEG ekvivalenta. Ovo nismo testirali u novijim verzijama iOS-a, možda je tamo već popravljeno.

Pogled u budućnost

Naš tim je odlučio implementirati metodu korištenu u testu 3, koristeći tag za posluživanje WebP slika pretraživačima koji ih podržavaju i posluživanje JPEG ili PNG onima koji ne znaju ništa o WebP-u.

Vjerujemo da je ovo najbolje progresivno poboljšanje i podržava serviranje slika u formatu koji podržava pretraživač.

U početku smo koristili metodu polifila, ali smo smatrali da rezultat neće biti savršen.
WebP još ne može u potpunosti zamijeniti JPEG ili PNG, ali će biti vrlo kul alat u vašem arsenalu.

Od prevodioca: Autori su koristili iOS 5.1 jer je u vrijeme testiranja WebPageTest.org podržavao samo ovu verziju sistema. IE8 i IE9 da vidite kako će WebP raditi u takvim starijim pretraživačima + ti pretraživači su još uvijek važni za njihove klijente. Sada već postoji mnogo online verzija pretvarača.

To je format slike koji je razvio Google 2010. Nastao je kao alternativa PNG i JPG formatima. Pomoću WebP-a možete kreirati slike koje su mnogo manje od tradicionalnih JPG i PNG formata bez narušavanja kvaliteta slike.

Zašto je potreban WebP?

WebP je vrlo koristan format slike jer nudi optimizaciju performansi i bogatu funkcionalnost. Za razliku od drugih formata, WebP podržava kompresiju sa gubicima i bez gubitaka, transparentnost i animaciju.

WebpPNG slikaJpgGIF
Kompresija sa gubitkom+ + +
Kompresija bez gubitaka+ + + +
Transparentnost+ + +
Animacija+ +

Čak i uz ovu bogatu funkcionalnost, WebP format pruža znatno manje veličine datoteka od njegovih alternativa. U komparativnoj studiji ovih formata slika, otkriveno je da su komprimirane WebP slike s gubicima u prosjeku bile 30% manje od JPG-a, a WebP slike bez gubitaka bile su u prosjeku 25% manje od PNG.

Kako pretvoriti slike u WebP

Već postoji nekoliko alata za jednostavno pretvaranje JPG, PNG i drugih formata datoteka u WebP.

Online pretvarači u WebP

  • Squoosh- alat za pretvaranje i poređenje formata slika od Google-a
  • Online-Convert.com- online konverter

Alati komandne linije za WebP

Iako je ovo prilično puno, nije dovoljno da se izbjegne pravljenje rezervnih opcija za nepodržane pretraživače. U suprotnom, neki korisnici neće vidjeti sliku.

Pomoću ove stavke možete napraviti sigurnosnu kopiju slika Element. To je HTML5 element koji nam omogućava da koristimo više izvornih datoteka za jednu sliku.

Da bismo pružili alternativni izvor slike, koristimo element unutar elementa Element.
Element postoje atributi za definiranje tipa slike i upute o tome kada koristiti koji tip:

  • tip: MIME tip izvorne datoteke;
  • srcset: Put do datoteke slike. Da biste prikazali jednu sliku različitih veličina, možete koristiti nekoliko datoteka (pogledajte)
  • sizes: Lista veličina svake izvorne datoteke (pogledajte članak iznad)
  • media: medijski upit za određivanje izvora koji će se koristiti za prikaz slike.

Pored elemenata , kod mora sadržavati i uobičajenu oznaku kao rezervni za pretraživače koji ne podržavaju više formata datoteka putem elementa

Top srodni članci