Kako postaviti pametne telefone i računala. Informativni portal
  • Dom
  • Windows 7, XP
  • Kako otvoriti slike u WebP formatu u sustavu Windows. Tajanstveni i praktični WebP format u web dizajnu i za Photoshop

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

Viši pisac tehnologije

Netko vam je poslao WEBP datoteku e-poštom, a vi ne znate kako je otvoriti? Možda ste pronašli WEBP datoteku na svom računalu i pitate se što je to? Windows vam može reći da je ne možete otvoriti ili, u najgorem slučaju, možete naići na odgovarajuću poruku o pogrešci povezanoj s WEBP datotekom.

Prije nego što možete otvoriti WEBP datoteku, morate saznati koja je vrsta datoteke WEBP ekstenzija datoteke.

Savjet: Pogreške neispravne asocijacije datoteka WEBP mogu biti simptom drugih temeljnih problema unutar vašeg operativnog sustava Windows. Ovi nevažeći unosi također mogu proizvesti povezane simptome kao što su sporo pokretanje sustava Windows, zamrzavanje računala i drugi problemi s performansama računala. Stoga se visoko preporučuje da skenirate svoj Windows registar u potrazi za nevažećim asocijacijama datoteka i drugim problemima povezanim s fragmentiranim registrom.

Odgovor:

WEBP datoteke su bitmap datoteke koje su prvenstveno povezane s web preglednicima (Google).

Dodatne vrste datoteka također mogu koristiti datotečni nastavak WEBP. Ako ste upoznati s bilo kojim drugim formatima datoteka koji koriste datotečni nastavak WEBP, kontaktirajte nas kako bismo mogli ažurirati naše informacije u skladu s tim.

Kako otvoriti svoju WEBP datoteku:

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

U slučaju da se vaša WEBP datoteka ne otvori, vrlo je vjerojatno da na računalu nemate instaliran potreban program za pregled ili uređivanje datoteka s WEBP ekstenzijama.

Ako vaše računalo otvori datoteku WEBP, ali to je pogrešna aplikacija, morat ćete promijeniti postavke povezivanja datoteka u registru sustava Windows. Drugim riječima, Windows povezuje ekstenzije datoteka WEBP s pogrešnim programom.

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

WEBP višenamjenska proširenja internetske pošte (MIME):

WEBP File Analysis Tool™

Niste sigurni koja je vrsta datoteke WEBP? Želite li dobiti precizne informacije o datoteci, njezinom kreatoru i kako se može otvoriti?

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

Revolucionarni WEBP File Analysis Tool™ skenira, analizira i izvješćuje o detaljnim informacijama o WEBP datoteci. Naš patentirani algoritam brzo analizira datoteku i pruža detaljne informacije u roku od nekoliko sekundi u jasnom, lako čitljivom formatu.†

U samo nekoliko sekundi znat ćete točno koja je vaša vrsta WEBP datoteke, aplikacija povezana s datotekom, ime korisnika koji je stvorio datoteku, status zaštite datoteke i druge korisne informacije.

Da biste započeli svoju besplatnu analizu datoteke, jednostavno povucite i ispustite svoju WEBP datoteku unutar točkaste linije ispod ili kliknite "Pregledaj moje računalo" i odaberite svoju datoteku. Izvješće o analizi WEBP datoteke bit će prikazano ispod, točno u prozoru preglednika.

Povucite WEBP datoteku ovdje za početak analize

Pogledaj moje računalo »

Također provjerite moju datoteku na viruse

Vaša datoteka se analizira... pričekajte.

Dobar dan, prijatelji. Nedavno sam otkrio da ne mogu spremiti slike iz preglednika desnom tipkom miša u standardnim grafičkim formatima (JPG, PNG), ali u isto vrijeme slike se spremaju u meni nepoznat WebP format. U redu, preuzeo sam datoteku, a sada je pitanje, kako otvoriti webp?. U kojem programu? O tome ćemo danas govoriti.

Što je WebP?

Kako kaže jedna mudra Wikipedia:

WebP(izgovara se Weppy) je novi format za komprimiranje grafičkih slika sa i bez gubitka kvalitete izvorne datoteke.

Zašto trebamo nešto novo kada postoje stari i poznati JPG i PNG? Prema programerima (a to nije tko, nego sam Google Inc), većina modernih slika koristi se na Internetu više od deset godina i temelji se na tehnologijama prošlog stoljeća. Evo kako je ispalo...

Sada je tehnologija dosta napredovala i nešto treba promijeniti. I tako su Googleovi inženjeri odlučili provjeriti je li to moguće povećati omjer kompresije grafičkih formata (čime se omogućuje još brže učitavanje slika) još više uz zadržavanje postojeće vizualne kvalitete..

Kao rezultat rada na projektu rođen je novi format grafičke slike - WebP. Prema razvojnim programerima projekta, novi format značajno smanjuje veličinu slika na Internetu, omogućujući stranicama da se još brže učitavaju. I kao što znate, što se stranica brže učitava, to je bolji odnos prema njoj od strane tražilica i, naravno, od strane korisnika.

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

Kako otvoriti WebP datoteku?

Jeste li preuzeli webp datoteku s interneta i je li već na vašem računalu? Iz gore navedenog sada znate da je ovo grafički format slike i da ćemo ga otvoriti kroz standardni Windows preglednik.

Kako biste implementirali ovu značajku, morate instalirati dodatni dodatak u operativni sustav. Sve daljnje radnje osobno sam testirao na Windows 7 64-bit. Ali kako uvjeravaju programeri dodataka, trebalo bi raditi otvori webp i na Windows XP (SP3), kao i na Windows Vista.

1 Idite na i preuzmite dodatak za otvaranje webp-a sa sljedeće veze, koja je prikazana na snimci zaslona. Malo pomaknite stranicu prema dolje i kliknite na sljedeću poveznicu kako biste preuzeli dodatak na svoje računalo

2 Nakon što se dodatak preuzme, trebate dvaput kliknuti da biste pokrenuli postupak instalacije. Otvorit će se sljedeći dijaloški okvir u kojem trebate kliknuti “Dalje”

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

5 U posljednjem prozoru kliknite gumb "Instaliraj" za početak instaliranja dodatka

Nakon dovršetka instalacije, od vas će se tražiti da odete u direktorij gdje ć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 jednostavno i jednostavno pregledavati webp datoteke u standardnom Windows pregledniku.

To je sve za mene. Nadam se da vam je današnja mala lekcija korisna.

p.s. Neki dan sam opet otišla u poštu, ovaj put po Oldos zimski kombinezon za moju kćerkicu Lisu koji je naručen iz online trgovine. Narudžba je stigla dosta brzo. Kombinezon je jednostavno super. Svakako ću fotografirati i pokazati vam kasnije.

Također, uskoro bi trebala stići i dva hidrometra (određivanje vlažnosti zraka) iz Kine. Objesit ću ga u sobi da pratim mikroklimu, inače postoji ovlaživač zraka, ali ne pokazuje točno (mislim) vlažnost u sobi.

Nikolay () ostavio je komentar povodom 500. obljetnice na blogu. Za to, Nikolay prima malu nagradu od 50 rubalja na svoj e-novčanik.

Svi volimo “šetati” internetom i posjećivati ​​određene stranice. I nije tajna da kada gledate ogroman broj slika hrane, prirode, snimaka zaslona iz filmova ili videoigara, učitavanje web stranice može dugo kasniti. To je posebno vidljivo na mobilnim uređajima ili ako imate mnogo otvorenih kartica u pregledniku računala. Naravno, koliko god web dizajn bio lijep i funkcionalan, posjetitelji pokušavaju ili prekinuti učitavanje slika ili jednostavno napustiti stranicu.

Što ako su same slike ogromne veličine (širina-visina)? Malo ih je na selu, ali su jednostavno veličanstveni (2K, 4K formati). Uostalom, gotovo svi želimo vidjeti lijepe fotografije ili mogućnosti grafičkih video kartica. Što reći, često je cijeli web dizajn u potpunosti kreiran od slika. Ili su to pruge, ili kvadrati s teksturom, ili isječci, i tako dalje.

Jednom riječju, slike u velikim količinama ili velikim veličinama mogu se koristiti na različite načine i na različitim stranicama. Kako riješiti takav problem i je li to potrebno? Pogledat ćemo jednu od metoda koju su zapravo koristile mnoge stranice tijekom proteklih godina i, naravno, shvatit ćemo kako Photoshop može pomoći u tome i je li to uopće potrebno.

Početi…

Google stiže u pomoć

Rješenje problema kompresije slike je raznoliko i svatko bira za sebe ono što mu više odgovara. Postoji ogroman broj načina za smanjenje veličine slike bez očitog degradiranja kvalitete, ali danas ćemo govoriti o WebP formatu.

Stvorio ga je Google još 2010. posebno za poboljšanu optimizaciju slike. Radi sa svim već poznatim formatima i danas u 2017. je vrlo dobra alternativa PNG-u ili JPEG-u. Kako bismo vizualizirali ono o čemu smo započeli naš razgovor, usporedimo kvalitetu slike u JPEG i WebP formatu pri istom postotku kompresije.

U gornjem primjeru praktički nema vizualnih razlika, odnosno nevidljive su pri kompresiji od 70%. Ali u isto vrijeme JPEG verzija teži 49,8 Kb, a WebP verzija teži 15 Kb, sukladno tome, postotak kompresije u drugom slučaju može se povećati bez straha od velike veličine datoteke. Nije loše s obzirom da su vizualno gotovo identični.

Postavlja se razumno pitanje: hoće li se takve slike otvarati i učitavati na stranici web stranice u preglednicima i kojim? Budući da je format WebP kreirao Google, u skladu s tim postoji i podrška u Chromeu, Yandexu i Operi. Općenito, podrška je dostupna u 90% preglednika, uključujući mobilne verzije. Nažalost, nema podrške u IE i Edge prema zadanim postavkama.

Važno je razumjeti da WebP nije i ne može se, ni pod kojim okolnostima, smatrati stopostotnom zamjenom za PNG i JPEG. Ovaj format je samo za preglednike koji mogu raditi s njim, ali će nedvojbeno biti potrebno imati drugačiji format za druge preglednike. S druge strane, uvijek postoje mali polifili i biblioteke koje omogućuju preglednicima da rade s ovim ili onim "trikom". Ali o tome više u nastavku.

JPEG (180 KB)

PNG (213kb)

WebP (91kb)

Pretvaranje slika uWebP

Opcija 1 -Photoshop

Najlakši način za rad s WebP je, naravno, Photoshop, za koji je Telegraphics također napravio poseban dodatak za različite verzije dubine bitova. Nakon što ju instalirate (kopirajte u mapu s dodacima), aplikacija će imati opciju u izborniku “ Spremi kao…» s padajućeg popisa odaberite WebP format.

Dijaloški okvir omogućuje podešavanje kvalitete pomoću klizača, filtriranja, šuma i oštrine. Imajte na umu da je prema priloženoj readme datoteci u arhivi navedeno da je u verziji za Windows funkcionalnost dodatka manja nego u verziji za Mac OS.

Osim toga, dodatak za Photoshop ne dopušta korištenje " Spremi za web…“, a također nema pregleda spremljene slike, kao što je slučaj kod JPEG-a. Dakle, dok ne spremite datoteku i otvorite je za gledanje, nećete znati što će izaći ili koliko će datoteka biti velika.

Opcija 2 -Na linijikonverter

Druga mogućnost pretvorbe je korištenje online pretvarača - Image online-convert. Ne radi ništa lošije nego u Photoshopu, ali zahvaljujući njemu brže je i praktičnije skupno pretvarati datoteke.

Ugradnja slikovnih datoteka

Kao što smo gore rekli, gotovo svi preglednici trenutačno (sredina svibnja 2017.) podržavaju WebP prema zadanim postavkama. Međutim, računala korisnika mogu imati instalirane starije verzije preglednika ili one koji ne podržavaju format. Postoje dvije prikladne opcije za prikaz slika u WebP-u.

  1. WebPJS polyfill (biblioteka) koja će upravljati verzijom preglednika koji se koristi i mijenjati slike. Autorova stranica pokazuje i opisuje gdje umetnuti potrebne blokove koda na stranicama web mjesta.
  2. Picturefill je također mala biblioteka koja radi na drugačijem principu.

Koja je značajna razlika između obje knjižnice? U prvom slučaju img oznaka na stranicama se ne mijenja, samo sami promijenite ekstenziju datoteke iz JPEG u WebP. U drugom slučaju za prikaz slike koristi se WebP format, ako je podržan, a ako nije, zamjenjuje se JPEG-om. S ovom opcijom morat ćete se promijeniti img oznake na Wanderersu, automatska konverzija formata događa se "u hodu", pa je teško reći koji od njih radi bolje.

Također možete koristiti kod za .htaccess datoteku, koja će provjeriti podršku preglednika za WebP i, ako je odgovor negativan, zamijeniti sliku s JPEG. U tom slučaju sve slike moraju biti u istoj mapi i iste veličine (širina + visina).

Dakle, web dizajner i programeri mogu koristiti WebP format ako je projekt, stranica, orijentirana na moderne preglednike. Tada će raditi i prikazati se na stranicama.

Kako vidjeti datotekeWebP na vašem računalu

U početku Windows ne podržava ovaj format, a dok je Telegraphics stvorio dodatak za Photoshop, Google je izdao dodatak za mogućnost gledanja slikovnih datoteka u uobičajenom Windows pregledniku fotografija. Ovaj dodatak također stvara preglede slika u Exploreru za Microsoft Office Picture Manager. Preuzimanje je ispod.

Programeri aplikacija PaintShop Pro, IrfanView, Picasa, XnView, Gimp, Paint.NET i drugi također su stvorili WebP podršku, koja se može preuzeti izravno s njihovih službenih web stranica.

Kome to treba? Za i protiv

Budući da smo više puta izjavili da WebP format slikovne datoteke ne može biti potpuna zamjena za JPEG, razumno je da mnogi od nas prije ili kasnije imaju pitanje: je li ovaj format uopće potreban i u kojim slučajevima se koristi opravdano?

Ako projekt uključuje korištenje velikog broja slika različitih veličina i razlučivosti, onda, naravno, treba uvesti ovaj format.

PNG (124 Kb)

WebP (78kb)


Što se tiče podrške za preglednike, svake godine, ako ne i pola godine, u cijelom svijetu stare verzije postaju prošlost, baš kao i stare verzije Windowsa. XP, Vista i 7 gotovo se više ne koriste. Isto vrijedi i za zastarjele preglednike, pogotovo jer se gotovo svi ažuriraju automatski ako su instalirani. Sukladno tome, u izoliranim slučajevima nema podrške za WebP, što možda i nije toliko kritično za projekt.

S druge strane, tu su knjižnice i mogućnost korištenja JPEG presnimavanja i konverzije u hodu.

Međutim, morate zapamtiti da ovaj format nije u širokoj upotrebi, tako da morate imati pri ruci JPEG varijacije. I ovdje opet postoji dvojnost: ako preglednici posjetitelja stranice imaju podršku za WebP, zašto im onda ne ponuditi gotovo trenutačno učitavanje nečega za što će drugima trebati puno više vremena da se učitaju? Uostalom, općenito, to će imati samo pozitivan učinak na pretvorbu stranice.

Još jedan plus - podrška transparentnosti (alfa kanal), odnosno sličan 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 koristi?WebP

Kada prvi put posjetite određenu stranicu, nemoguće je sa sigurnošću reći koristi li se WebP ili ne. Stvar je u tome što se slike mogu pretvoriti u JPEG. Ali možete odrediti gdje se točno na stranici nalazi WebP, a gdje JPEG putem konzole za razvojne programere. Na primjer, portal za video igre Stevivor Pretvara snimke zaslona, ​​karte i velike slike u WebP radi održavanja kvalitete i male veličine. Ima puno videoigara, vodiča za svaku pojedinu igru, i još više slika - korištenje je 100% opravdano.

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

Postoji još nekoliko značajki WebP formata. Postavke kompresije nisu potpuno iste kao one u JPEG-u. Ne očekujte da će 50% JPEG kvalitete odgovarati 50% WebP kvalitete. U slučaju WebP-a, kvaliteta pada prilično brzo, pa je bolje započeti s najvišim vrijednostima i postupno ih smanjivati. Još jedan plus u korist WebP-a je mogućnost dodavanja maske alfa kanala, baš kao i PNG. Za razliku od konkurentskih formata, WebP sliku možete komprimirati na jednu desetinu veličine PNG slike. Tu se WebP doista ističe.

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


Razlika je u kvaliteti tekstura. (Puna verzija)

Kako bismo dodatno smanjili veličinu datoteke, ne možemo uključiti metapodatke poništavanjem potvrdnog okvira "Spremi metapodatke" u prozoru za spremanje uređivača slika. Za još bolje rezultate možete odabrati "alfa kanal s gubitkom".

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

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

Razlika je u kvaliteti alfa kanala. (Puna verzija)

Bili smo jako sretni kada smo otkrili WebP dodatak za Photoshop. Pomoću njega možete jednostavno prilagoditi kvalitetu WebP slika. Istina, sučelje dodataka ostavlja mnogo za željeti. Trenutačno ne možete pogledati sliku kako biste procijenili parametre kvalitete.

WebP dodatak za Photoshop.

Kao zaobilazno rješenje, možete usporediti datoteke u pregledniku Google Chrome. Otvaranje dijaloškog okvira za spremanje također je neugodno u Photoshopu. Da bismo to učinili, dodijelili smo tipku prečaca kako ne bismo stalno koristili dijaloški okvir. Unatoč neugodnostima, ipak se isplati.

S izvrsnim performansama kompresije, dobrom kvalitetom i alfa kanalom, WebP izgleda kao dobar konkurent trenutnim formatima slika.

Unatoč obećavajućim rezultatima testiranja, nema jasnog lidera među svim formatima. Iako WebP ima impresivnu izvedbu među ostalim formatima, JPEG i 8-bitni PNG ponekad su još uvijek superiorniji od WebP-a u veličini i/ili kvaliteti. Stoga vam savjetujemo da napravite vlastito testiranje prije nego što sve svoje slike prenesete na WebP, jer možda neće u potpunosti zadovoljiti vaše zahtjeve.

Provedba

Utvrdivši da bi WebP mogao biti učinkovit alat za nas, obratili smo se našim programerima da implementiraju ovaj format. WebP u potpunosti podržavaju Chrome, Opera, Opera Mini, Android preglednik i Chrome za Android. Firefox, Internet Explorer i Safari nemaju punu podršku, iako Firefox ima vlastitu povijest s WebP-om. Srećom, postoji nekoliko načina za prikaz WebP-a u ovim preglednicima.

Pronašli smo 3 načina da podržimo ovaj format. Bilo nam je važno shvatiti da koristimo najbolji alat u pogledu veličine stranice, imajući na umu da je indeks brzine ključna metrika i uzimajući u obzir sva potrebna Javascript polifila.

Proveli smo 4 testa kako bismo utvrdili koji nam format najviše odgovara. Prvi je koristio JPEG kao referencu, a druga 3 su koristila pristupe opisane u nastavku. Koristili smo JPEG sliku i WebP sliku iste kvalitete (269Kb JPEG i 52Kb WebP).

U drugom testu omogućili smo WebPJS, polifil od 67 Kb koji je izradio Dominik Homberger. Omogućuje podršku za WebP u svim modernim preglednicima, čak i IE6 i novijim. Polifill je prikladan jer ne morate mijenjati oznaku img u svom kodu, samo trebate promijeniti ekstenziju slika iz .jpg i .png u .webp.

Sljedeći pristup bio je korištenje Picturefilla, polifilla koji vam omogućuje korištenje oznake čak i kada nije u potpunosti podržana. Pomoću njega možete koristiti WebP za posluživanje i, ako preglednik ne podržava format, poslužiti JPEG, PNG ili neki drugi format.

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

Koristeći ga, kod u .htaccessu traži postoji li WebP verzija svake slike na stranici. Ako preglednik podržava WebP i dostupna je WebP slika, ona se poslužuje umjesto JPEG ili PNG. Ovo je praktično i ne zahtijeva promjenu izgleda web stranice.

Nakon pregleda rezultata, zaključili smo da je WebP polyfill (iz drugog testa) najlakše rješenje koje radi u svim preglednicima, ali nismo bili zadovoljni metrikom Speed ​​​​Index pri korištenju ove metode. WebP polyfill renderira slike lošije od referentne vrijednosti JPEG-a i lošije od drugih implementacija izvan iOS-a. Skloni smo koristiti ovu implementaciju zbog bolje podrške preglednika.

Također je primijećeno da su na iOS uređajima datoteke zauzimale 100 KB više nego na drugim uređajima. Otkrili smo da je u sustavu iOS5.1 iu IE 8 i IE9 slika WebP učitana 3 puta. Iako dodatna 2 puta nije dobro, ipak je zauzelo manje prostora od JPEG ekvivalenta. Ovo nismo testirali u novim verzijama iOS-a, možda je tamo već popravljeno.

Pogled u budućnost

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

Vjerujemo da je ovo najbolja metoda za progresivno poboljšanje i podržava renderiranje slike u formatu koji podržava preglednik.

U početku smo koristili metodu polyfill, ali smatrali smo da rezultat neće biti idealan.
WebP još neće u potpunosti zamijeniti JPEG ili PNG, ali će biti vrlo cool alat koji možete imati u svom arsenalu.

Od prevoditelja: Autori su koristili iOS 5.1 jer je u vrijeme testiranja stranica WebPageTest.org podržavala samo ovu verziju sustava. IE8 i IE9 kako bi vidjeli kako će WebP raditi u takvim starijim preglednicima + ti su preglednici još uvijek važni njihovim korisnicima. Sada postoji mnogo online verzija pretvarača.

je format slike koji je razvio Google 2010. Nastao je kao alternativa PNG i JPG formatima. Koristeći WebP, možete stvarati slike puno manje od tradicionalnih JPG i PNG formata bez pogoršanja kvalitete slike.

Zašto je potreban WebP?

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

WebPPNGJPGGIF
Kompresija s gubitkom+ + +
Kompresija bez gubitaka+ + + +
Transparentnost+ + +
Animacija+ +

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

Kako pretvoriti slike u WebP

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

Mrežni pretvarači u WebP

  • Squoosh- Googleov alat za pretvorbu i usporedbu slikovnih formata
  • Online-Convert.com— mrežni pretvarač

Alati naredbenog retka za WebP

Iako je to dosta, nije dovoljno da se izbjegne zamjena za nepodržane preglednike. U suprotnom, neki korisnici neće vidjeti sliku.

Slike se mogu sigurnosno kopirati pomoću elementa Element. Ovo je HTML5 element koji nam omogućuje korištenje više izvornih datoteka za jednu sliku.

Kako bismo pružili alternativni izvor slike, koristimo se element unutar elementa Element.
Kod elementa Postoje atributi za definiranje vrste slike i upute o tome kada koristiti koju vrstu:

  • vrsta: MIME izvorna vrsta datoteke;
  • srcset: Put do slikovne datoteke. Za prikaz jedne slike različitih veličina, možete koristiti nekoliko datoteka (pogledajte)
  • veličine: popis veličina svake izvorne datoteke (pogledajte članak iznad)
  • mediji: Medijski upit za određivanje izvora koji će se koristiti za prikaz slike.

Osim elemenata , kôd također mora sadržavati običnu oznaku , kao zamjena za preglednike koji ne podržavaju više formata datoteka po elementu

Najbolji članci na temu