Velika većina slika koje se mogu pronaći na web stranicama su u formatu JPG. Manje uobičajeno PNG i gif, a vrlo rijetko ima slika u formatu BMP, uglavnom zbog njihove velike težine, što povećava vrijeme učitavanja stranice u pregledniku. Na ovaj ili onaj način, možete preuzeti bilo koju od ovih slika na svoje računalo i otvoriti je pomoću ugrađenog Windows preglednika.
S novim formatom nije tako WebP razvila tvrtka Google 2010. kako bi se potisnulo uobičajeno JPG i PNG. Uz istu visoku kvalitetu, slike u ovom formatu imaju manju težinu i mogu se preuzeti i na računalo, samo ih neće uspjeti otvoriti običnim preglednikom, jer ih jednostavno ne razumije. Zašto postoji ugrađeni Windows preglednik, ne mogu sve aplikacije za pregled slika trećih strana raditi s tim "nedovršeno" format.
Naravno, ako format postane široko rasprostranjen, podržavat će ga popularni programi, ali za sada ne preostaje ništa drugo nego pribjegavati svakakvim trikovima kako bi se mogli vidjeti oni objavljeni u WebP Slike. Općenito, rješenje je vrlo jednostavno - otvoriti WebP u Windows pregledniku, morate ga pretvoriti u JPG. Kako točno, odaberite i odlučite sami.
Krivotvorenje adresa
Ako se suoči s WebP morate samo s vremena na vrijeme, evo jednostavnog načina "skretanje" on unutra JPG ili PNG bez korištenja alata treće strane. Kliknite na WebP sliku i otvorite je u novoj kartici. U retku preglednika vidjet ćete dugu adresu na čijem će samom kraju biti tri znaka -rw. Izbrišite ih i kliknite "ulazni". Slika će se ponovno učitati, ali ovaj put u izvornom formatu. Zatim ga preuzmite na uobičajeni način za slike.
Korištenje proširenja "Spremi sliku kao Png".
Za one koji imaju posla s WebP stalno, možemo vam savjetovati da instalirate besplatno proširenje za Krom preuzimanjem sa stranice chrome.google.com/webstore/detail/save-image-as-png/. Dodatak dodaje opciju istog naziva u kontekstni izbornik slike preuzete sa stranice. Sljedeći koraci su vam jasni. PNG možda nije baš prikladan format, ali to nije poanta, glavna stvar je da se preuzeta slika može pregledavati standardnim Windows preglednikom.
Online konverzija
I također WebP- slika se može pretvoriti u jedan od online pretvarača, na primjer, dostupan na convertio.co/en/webp-jpg ili se nalazi na www.zamzar.com/ru/convert/webp-to-jpg. Samo su obje usluge iznimno jednostavne za korištenje postoji mali minus - da biste dobili pretvorenu sliku, morat ćete navesti svoju elektronička pošta kojoj će biti poslana. Oba online pretvarača mogu pretvarati WebP na popularne formate, oba su potpuno besplatna, nije potrebna registracija.
Pretvaranje pomoću XnConverta
Ako ne želite biti ovisni o internetu, preuzmite sa stranice www.xnview.com and install - besplatni program za konvertiranje i osnovnu obradu slika. Aplikacija je lagana i jednostavna, može raditi s više od 500 grafičkih formata, obavljati razne radnje sa slikama, kao što su: poravnavanje, obrezivanje, primjena filtara, mijenjanje svjetline, kontrasta i drugih parametara, dodavanje vodenih žigova i još mnogo, mnogo više.
Preobratiti se WebP, samo povucite datoteke u prozor, na kartici "Izlaz" odaberite odgovarajući format i kliknite "Pretvoriti". OK, sada je sve gotovo. Nadamo se da imate još pitanja o preuzimanju i gledanju slika WebP nećete imati.
Obično programeri softvera koji stvaraju aplikacije primarno za jedan operativni sustav nisu osobito željni prenijeti svoje proizvode na druge platforme. Koliko, na primjer, možete...
je format slike koji je razvio Google 2010. Nastao je kao alternativa PNG i JPG formatima. Uz WebP možete stvarati slike koje su puno manje od tradicionalnih JPG i PNG formata bez ugrožavanja 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.
| WebP | PNG | JPG | gif | |
| Kompresija s gubitkom | + | + | + | — |
| Kompresija bez gubitaka | + | + | + | + |
| Transparentnost | + | + | — | + |
| Animacija | + | — | — | + |
Čak i uz ovu bogatu funkcionalnost, WebP format pruža znatno manje veličine datoteka od svojih alternativa. U usporednoj studiji ovih slikovnih formata 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 pretvaranje i usporedbu formata slika
- Online-Convert.com- online pretvarač
Alati naredbenog retka za WebP
Iako je to dosta, nije dovoljno za sprječavanje zamjene za nepodržane preglednike. Inače, svejedno, neki korisnici neće vidjeti sliku.
Slike se mogu sigurnosno kopirati pomoću elementa
Kako bismo pružili alternativni izvor slike, koristimo se
Kod elementa
- tip: MIME tip izvorne datoteke;
- srcset: Put do slikovne datoteke. Možete koristiti nekoliko datoteka za prikaz jedne slike različitih veličina (pogledajte )
- veličine: popis veličina za svaku izvornu datoteku (pogledajte članak iznad)
- mediji: Medijski upit za određivanje izvora koji će se koristiti za prikaz slike.
Osim elemenata WebP je novi format kompresije slike koji je razvio Google za korištenje na webu. Jednostavno rečeno, novi je format osmišljen kako bi internet učinio bržim i boljim – kako sa stolnih računala tako i s mobilnih uređaja. Kada se uspoređuju JPEG i WebP, njihova kvaliteta slike je ista, ali WebP datoteka može biti više od 30% manja. To znači da vlasnici web stranica mogu sigurno objavljivati visokokvalitetne slike bez straha da će to uzrokovati sporo učitavanje njihovih stranica i ozbiljno pojesti korisnički promet, posebice onaj koji dolazi s mobilnih uređaja. Neka popularna mjesta kao što su Facebook i Google već koriste ovu tehnologiju kompresije slike kako bi pružila brzo iskustvo pregledavanja na pametnim telefonima i tabletima. Google WebP podržava metapodatke, kompresiju datoteka bez gubitaka i gubitaka te transparentnost, što se može pronaći u PNG slikama. Općenito, tehnički novi format može zamijeniti JPEG, PNG i GIF animaciju. Postoji jedan problem s kojim ćete se susresti nakon preuzimanja WebP datoteke na svoje računalo, naime jednostavno je nećete moći vidjeti. Činjenica je da je format u ranoj fazi svog razvoja i još nije svugdje podržan. Ovaj se format ne može otvoriti standardnim Windows alatima. Srećom, Google je već objavio kodek WebP za Microsoftov operativni sustav. Ovaj kodek uključuje sve što vam je potrebno za otvaranje WebP datoteka u sustavima Windows 8, Windows 7, Vista pa čak i XP pomoću ugrađenog preglednika slika. Proces instalacije je vrlo jednostavan. Preuzmite datoteku WebPCodeSetup.exe s web-mjesta Google Developer, dvaput je kliknite i slijedite jednostavne upute u čarobnjaku za postavljanje. Svi volimo „šetati“ prostranstvima interneta 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 stranice web stranice može dugo kasniti. To je posebno vidljivo na mobilnim uređajima ili ako je u pregledniku na računalu otvoreno mnogo kartica. Naravno, koliko god web dizajn bio 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 selu, ali su jednostavno veličanstveni (2K, 4K formati). Uostalom, gotovo svi želimo vidjeti lijepe fotografije ili mogućnosti grafičkih kartica. Što reći, često je cijeli web dizajn u potpunosti kreiran od slika. Ili su to pruge, zatim kvadrati s teksturom, zatim 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 u stvarnosti 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… 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 jasnog pogoršanja kvalitete, ali danas ćemo se usredotočiti na format WebP. Stvorio ga je Google još 2010. posebno za poboljšanu optimizaciju slike. Radi sa svim poznatim formatima i danas u 2017. je vrlo dobra alternativa PNG ili JPEG. Kako bismo vizualizirali ono o čemu smo započeli naš razgovor, usporedimo kvalitetu slike u JPEG i WebP s istim postotkom kompresije. U gornjem primjeru praktički nema vizualnih razlika, točnije one su nevidljive pri kompresiji od 70%. Ali u isto vrijeme JPEG verzija je 49,8 Kb, a WebP verzija je 15 Kb, odnosno, postotak kompresije u drugom slučaju može se povećati bez straha za veliku veličinu datoteke. Nije tako 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 stranicu web-mjesta u preglednicima i kojim. Budući da je format WebP kreirao Google, tada, u skladu s tim, postoji i podrška u Chromeu, Yandexu, 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. Pritom je važno razumjeti da WebP nije i ne može se, ni u kojem slučaju, percipirati kao 100% zamjena za PNG i JPEG. Ovaj format je samo za preglednike koji mogu raditi s njim, ali nedvojbeno ćete morati imati drugačiji format za druge preglednike. S druge strane, uvijek postoje mali polifili, biblioteke koje omogućuju preglednicima da rade s jednim ili drugim "čipom". Ali o tome više u nastavku. Najlakši način za rad s WebP je, naravno, Photoshop, za koji je Telegraphics napravio i poseban dodatak za različite bitne dubine. Nakon što je instalirate (kopirajte u mapu s dodacima), aplikacija će imati priliku u izborniku " Spremi kao…» s padajućeg popisa odaberite WebP format. Dijaloški okvir omogućuje podešavanje kvalitete s klizačem, filtriranje, šum i oštrinu. Napominjemo da je prema priloženoj readme datoteci u arhivi navedeno da je funkcionalnost dodatka u verziji za Windows manja nego u verziji za Mac OS. Osim toga, dodatak za Photoshop ne dopušta vam korištenje " Spremi za web…”, a nema pregleda spremljene slike, kao što je slučaj kod JPEG-a. Stoga, dok ne spremite datoteku i otvorite je za pregled, nećete moći saznati što se događa i koliko će datoteka biti velika. Druga mogućnost pretvorbe je korištenje mrežnog pretvarača - Image online-convert . Radi jednako dobro kao iu Photoshopu, ali je zahvaljujući njemu brže i praktičnije skupno pretvarati datoteke. 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 stare verzije preglednika ili one koji ne podržavaju format. Postoje dvije prikladne opcije za prikaz slika u WebP-u. Koja je bitna razlika između obje knjižnice? U prvom slučaju img oznaka ne mijenja se na stranicama, samo 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. U ovom slučaju, morat ćete se promijeniti img oznake na stranicama, automatska pretvorba formata događa se u hodu, pa je teško reći koji radi bolje. Također možete koristiti kod za .htaccess datoteku, koja će provjeriti podržava li preglednik WebP i, ako je odgovor negativan, zamijenit će sliku JPEG-om. 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 biti prikazan na stranicama. U početku Windows ne podržava ovaj format, a ako je Telegraphics stvorio dodatak za Photoshop, onda je Google izdao dodatak za mogućnost pregledavanja slikovnih datoteka u uobičajenom Windows pregledniku fotografija. Ovaj dodatak također stvara preglede slika u File Exploreru za Microsoft Office Picture Manager. Preuzimanje je prikazano u nastavku. Programeri PaintShop Pro, IrfanView, Picasa, XnView, Gimp, Paint.NET i drugi također su stvorili podršku za WebP, koju možete preuzeti izravno s njihovih službenih stranica. Budući da smo više puta naveli da WebP format slikovne datoteke ne može biti potpuna zamjena za JPEG, razumno je da se mnogi od nas prije ili kasnije zapitaju je li ovaj format uopće potreban i u kojim slučajevima je njegova upotreba opravdana . Ako projekt uključuje korištenje velikog broja slika različitih veličina i razlučivosti, tada, naravno, trebate unijeti ovaj format. Što se tiče podrške preglednika, svake godine, ako ne i pola godine, u cijelom svijetu stare verzije postaju prošlost, baš kao i stare verzije Windowsa. Gotovo više ne korišten XP, Vista, 7. Slično tome, zastarjeli preglednici, pogotovo jer se gotovo svi automatski ažuriraju 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 pretvaranja u hodu. Međutim, treba imati na umu da ovaj format nije široko rasprostranjen, stoga je potrebno imati pri ruci JPEG varijacije. I ovdje opet dvojnost: ako preglednici posjetitelja stranice imaju podršku za WebP, zašto im onda ne ponuditi gotovo trenutačno preuzimanje nečega za što će drugima trebati primjetno dulje da se učitaju? Doista, općenito, to će samo pozitivno utjecati na pretvorbu stranice. Još jedan plus - podrška transparentnosti (alfa kanal), tj. 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. Od prvog puta, posjećujući ovu ili onu 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 s druge strane, možete točno odrediti gdje je WebP na stranici, a gdje JPEG, putem konzole za razvojne programere. Na primjer, portal za video igrice Stevivor
pretvara snimke zaslona, karte i velike slike točno u WebP, radi očuvanja kvalitete i male veličine. Ima puno videoigara, vodiča za svaku pojedinu igru također, 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. Ovo je Googleov novi format slike koji koristi kompresiju s gubitkom (kompromis između kvalitete i veličine) i kompresiju bez gubitaka (smanjenje bez ugrožavanja kvalitete). Google razvija i format i softver povezan s WebP pod BSD licencom. Objavljena je 30. rujna 2010., otvorenog je formata i koristi datotečni nastavak .webp. Osnovni WebP mehanizam kompresije WebP algoritam kompresije s gubitkom koristi prediktivno kodiranje za predviđanje vrijednosti boja susjednih piksela. Zatim samo kodira razliku između stvarnih vrijednosti i predviđanja. Od ovih kodiranih ili rezidualnih vrijednosti, mnoge su jednake nuli, a ovaj fenomen dodatno smanjuje veličinu WebP slike. Dakle WebP kompresija s gubitkom - poput JPEG-a - temelji se na predviđanju blokova. Podrška i korištenje Google Chrome i Opera imaju izvornu podršku za WebP. Među grafičkim softverom, Picasa, Photoline, Pixelmator, ImageMagick, Konvertor, XnView, IrfanView i GDAL izvorno podržavaju WebP. Facebook je počeo koristiti WebP kako bi smanjio troškove mreže i ubrzao svoju web stranicu. Čak i relativno mala poboljšanja performansi počinju rasti na Facebooku. Kada ljudi postavljaju JPEG/JPG slike, Facebook automatski izrađuje WebP kopije. Očito su sada počeli slati ove slike ljudima koji koriste Chrome i Operu. Telegram je također počeo koristiti WebP za svoje popularne naljepnice. Google Instant Preview koristi WebP interno za smanjenje prostora na disku koji koristi pregled. Glavni problemi nastaju kada osoba želi vidjeti sliku u softveru, a ne u pregledniku ili napraviti promjene na njoj, budući da većina najpopularnijih grafičkih aplikacija - uključujući Windows ili OS X preglednik slika i Photoshop - ne može nativno obraditi WebP. U listopadu 2013. Josh Aas iz Mozilla Researcha objavio je sveobuhvatnu studiju o modernim tehnikama kodiranja s gubicima i nije mogao zaključiti da WebP nadmašuje JPEG s bilo kakvom značajnom razlikom. Međutim, Telegraphics je objavio besplatni dodatak koji pruža WebP podršku za Adobe Photoshop, GIMP i Paint.NET podršku za WebP dodatke putem. Google je također objavio dodatak za Windows koji pruža WebP podršku za Windows Photo Viewer, Microsoft Office 2010 i sve druge aplikacije koje koriste Windows Imaging Component. Prednosti i statistika Googleova WebP dokumentacija navodi: Komprimirane WebP slike bez gubitaka su 26% manje od PNG slika. Komprimirane WebP slike s gubitkom su 25-34% manje veličine od JPEG slika na temelju ekvivalentnog SSIM indeksa. WebP podržava transparentnost komprimirane slike bez gubitaka (poznatu i kao alfa kanal) sa samo 22% dodatnih bajtova. Transparentnost je također podržana kompresijom s gubitkom i obično rezultira veličinom datoteke 3 puta manjom od PNG-a kada je kompresija s gubitkom prihvatljiva za kanale crvene/zelene/plave boje. Pretvaranje u WebP WebP dokumentacija omogućuje pristup prethodno kompajliranom softveru za pretvaranje PNG i JPEG slika u WebP. Više o tome možete pročitati i preuzeti ovdje. Ovdje je poveznica na mrežni pretvarač koji će vam osigurati postizanje zadatka bez preuzimanja softvera. Dosta smo pričali o WebP-u. Prenesimo svoje znanje o WebP-u na nešto konstruktivno i kreativno. Vidjet ćemo kako napraviti naljepnice za Telegram od JPEG slike i pretvoriti je u .webp datoteku. Napravit ćemo naljepnicu od sljedeće slike. Koristimo Photoshop kako bi pozadinska slika bila prozirna. To ćemo učiniti odabirom 'Background Eraser Tool'. Također ćemo izrezati sliku jer je prilično velika! Na kraju koristimo online pretvarač za pretvaranje slike u .webp format i naša je naljepnica spremna! Na sličan način možete izraditi mnoge druge naljepnice za razgovor sa svojim prijateljima na Telegramu. Zaključak WebP je novi format kompresije slike i podržavaju ga Google, Facebook, Opera i Telegram, a svakako je postao popularniji. Ovo je format koji već ima velik broj obožavatelja i klevetnika. Međutim, mogućnost pakiranja vrijednih svojstava GIF-ova i PNG-ova u jedan format smanjene veličine slike i dalje će navoditi web programere na stvaranje manjih, boljih slika. A ako to pomogne ubrzati internet, svi ćemo imati koristi., kao zamjena za preglednike koji ne podržavaju više formata datoteka kroz element
Rad s WebP u sustavu Windows
Google u pomoć
JPEG (180 Kb)
PNG (213kb)
WebP (91kb)
Pretvori slike uWebP
Opcija 1 -photoshop
Opcija 2 -na linijikonverter
Ugradnja slikovnih datoteka
Kako vidjeti datotekewebp na radnoj površini
Kome to treba? Za i protiv
PNG (124 Kb)
WebP (78kb)
Gdje se koristiWebP
