Velika većina slika koje se mogu naći na stranicama web stranica su u formatu JPG. Manje uobičajeno PNG i gif, a vrlo rijetko postoje slike u formatu BMP, uglavnom zbog njihove velike težine, što povećava vrijeme učitavanja stranice u pretraživaču. Na ovaj ili onaj način, možete preuzeti bilo koju od ovih slika na svoj računar i otvoriti je pomoću ugrađenog Windows preglednika.
S novim formatom nije tako WebP koju je razvila kompanija Google 2010. kako bi potisnuo uobičajeno JPG i PNG. Uz isti visok kvalitet, slike u ovom formatu imaju manju težinu i mogu se preuzeti i na računar, samo što neće uspjeti otvoriti ih redovnim preglednikom, jer ih jednostavno ne razumije. Zašto postoji ugrađeni Windows preglednik, ne mogu sve aplikacije za gledanje slika treće strane da rade sa ovim "nedovršeno" formatu.
Naravno, ako format postane široko rasprostranjen, bit će podržan popularnim programima, ali za sada ne preostaje ništa drugo nego pribjeći svakojakim trikovima kako biste mogli vidjeti one objavljene u WebP Slike. Općenito, rješenje je vrlo jednostavno - otvoriti WebP u Windows pregledniku, potrebno je da ga konvertujete u JPG. Kako tačno, odaberite i odlučite sami.
Prijevara adresa
Ako se suoči sa WebP morate samo s vremena na vrijeme, evo jednog jednostavnog načina "okreni" njega unutra JPG ili PNG bez upotrebe alata treće strane. Kliknite na WebP sliku i otvorite je u novoj kartici. U liniji pretraživača videćete dugačku adresu, na samom kraju koje će biti tri znaka -rw. Izbrišite ih i kliknite "ulaz". Slika će se ponovo učitati, ali ovaj put u originalnom formatu. Zatim ga preuzmite na uobičajen način za slike.
Korištenje ekstenzije "Sačuvaj sliku kao PNG".
Za one koji moraju da se nose sa WebP stalno, možemo vam savjetovati da instalirate besplatnu ekstenziju za Chrome preuzimanjem sa stranice chrome.google.com/webstore/detail/save-image-as-png/. Dodatak dodaje opciju istog imena u kontekstni meni slike preuzete sa stranice. Sljedeći koraci su vam jasni. PNG možda nije baš prikladan format, ali to nije poenta, glavna stvar je da se preuzeta slika može pregledati standardnim Windows preglednikom.
Online konverzija
I takođe WebP- slika se može konvertovati u jedan od onlajn konvertera, na primer, dostupan na convertio.co/en/webp-jpg ili se nalazi na www.zamzar.com/ru/convert/webp-to-jpg. Obje usluge su izuzetno jednostavne za korištenje, samo postoji mali minus - da biste dobili konvertiranu sliku, morat ćete navesti svoju email kome će biti poslata. Oba online pretvarača mogu konvertirati WebP na popularne formate, oba su potpuno besplatna, registracija nije potrebna.
Pretvaranje pomoću XnConvert
Ako ne želite da budete ovisni o internetu, preuzmite sa sajta www.xnview.com i instalirajte - besplatni program za konvertovanje i osnovnu obradu slika. Aplikacija je lagana i jednostavna, može raditi s više od 500 grafičkim formatima, obavljaju različite radnje sa slikama, kao što su: poravnavanje, izrezivanje, primjena filtera, promjena svjetline, kontrasta i drugih parametara, dodavanje vodenih žigova i još mnogo, mnogo više.
Za pretvaranje WebP, samo prevucite datoteke u prozor, na karticu "izlaz" odaberite odgovarajući format i kliknite "Pretvoriti". To je to. Nadamo se da imate još pitanja o preuzimanju i gledanju slika WebP nećete imati.
Obično programeri softvera koji kreiraju aplikacije prvenstveno za jedan operativni sistem nisu posebno željni da svoje proizvode prenesu na druge platforme. Koliko, na primjer, možete...
je format slike koji je razvio Google 2010. godine. Nastao je kao alternativa PNG i JPG formatima. Uz WebP, možete kreirati slike koje su mnogo manje od tradicionalnih JPG i PNG formata bez ugrož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, kao i transparentnost i animaciju.
| WebP | PNG | JPG | gif | |
| Kompresija sa 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 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 spriječi zamjenu za nepodržane pretraživače. Inače, svejedno, neki korisnici neće vidjeti sliku.
Pomoću elementa možete napraviti sigurnosnu kopiju slika
Da bismo pružili alternativni izvor slike, koristimo se
Na elementu
- tip: MIME tip izvorne datoteke;
- srcset: Put do datoteke slike. Možete koristiti nekoliko datoteka za prikaz jedne slike različitih veličina (pogledajte )
- sizes: Lista veličina za svaki izvorni fajl (pogledajte članak iznad)
- media: medijski upit za određivanje koji će se izvor koristiti za prikaz slike.
Pored elemenata WebP je novi format kompresije slika koji je razvio Google za korištenje na webu. Jednostavno rečeno, novi format je dizajniran da učini internet bržim i boljim – kako sa desktop računara tako i sa mobilnih uređaja. Kada se poredi JPEG i WebP, njihov kvalitet slike je isti, ali WebP datoteka može biti preko 30% manja. To znači da vlasnici web stranica mogu bezbedno objavljivati visokokvalitetne slike bez straha da će to uzrokovati sporo učitavanje njihovih stranica i ozbiljno pojesti korisnički promet, posebno onaj koji dolazi s mobilnih uređaja. Neke popularne stranice kao što su Facebook i Google već koriste ovu tehnologiju kompresije slike kako bi pružile brzo iskustvo pretraživanja na pametnim telefonima i tabletima. Google WebP podržava metapodatke, kompresiju datoteka bez gubitaka i bez gubitaka i transparentnost, što se može naći u PNG slikama. Generalno, tehnički novi format može zamijeniti JPEG, PNG i GIF animaciju. Postoji jedan problem sa kojim ćete se suočiti nakon preuzimanja WebP datoteke na svoj računar, naime, jednostavno nećete moći da je vidite. Činjenica je da je format u ranoj fazi razvoja i da još nije svugdje podržan. Ovaj format se ne može otvoriti pomoću standardnih Windows alata. Srećom, Google je već objavio WebP kodek za Microsoftov operativni sistem. Ovaj kodek uključuje sve što vam je potrebno za otvaranje WebP datoteka u Windows 8, Windows 7, Vista, pa čak i XP koristeći ugrađeni preglednik slika. Proces instalacije je vrlo jednostavan. Preuzmite datoteku WebPCodeSetup.exe sa stranice Google Developer, kliknite dvaput na nju i slijedite jednostavna uputstva u čarobnjaku za postavljanje. Svi volimo da „šetamo“ prostranstvima interneta i posećujemo određene sajtove. I nije tajna da prilikom gledanja velikog broja slika hrane, prirode, snimaka ekrana iz filmova ili video igrica, učitavanje web stranice može biti odgođeno na duže vrijeme. 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 mnogo u selu, ali su jednostavno veličanstveni (2K, 4K formati). Na kraju krajeva, gotovo svi želimo vidjeti prekrasne fotografije ili mogućnosti grafičkih kartica. Što možemo reći, često je cijeli web dizajn u potpunosti kreiran od slika. Ili su to pruge, pa kvadrati s teksturom, pa kliparti 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 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… Rješenje problema kompresije slike je raznoliko i svaka osoba za sebe bira ono što mu je pogodnije. Postoji ogroman broj načina da se smanji veličina slike bez jasnog pogoršanja kvalitete, ali danas ćemo se fokusirati na WebP format. Kreirao ga je Google 2010. godine posebno za poboljšanu optimizaciju slike. Radi sa svim poznatim formatima i danas je u 2017. godini vrlo dobra alternativa PNG ili JPEG. Da bismo vizualizirali o čemu smo započeli naš razgovor, uporedimo kvalitet slike u JPEG i WebP sa istim procentom kompresije. U gornjem primjeru praktički nema vizualnih razlika, tačnije nevidljive su pri 70% kompresije. Ali istovremeno JPEG verzija je 49,8 Kb, a WebP verzija 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 vizuelno gotovo identični. Postavlja se razumno pitanje: hoće li se takve slike otvarati i učitavati na stranicu stranice u pretraživačima i koje. Budući da je format WebP kreirao Google, tada, shodno tome, postoji i podrška u Chromeu, Yandexu, Operi. 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 može se, u svakom slučaju, doživljavati 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 jednim ili drugim „čipom“. Ali više o tome u nastavku. Najlakši način rada sa WebP-om je, naravno, Photoshop, za koji je Telegraphics također napravio poseban dodatak za različite dubine bitova. Nakon što je instalirate (kopirate je u fasciklu sa dodacima), 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 predviđeno da je funkcionalnost dodatka u verziji za Windows manja nego u verziji za Mac OS. Osim toga, dodatak za Photoshop vam ne dozvoljava korištenje " Sačuvaj za web…“, a nema pregleda sačuvane slike, kao što je slučaj sa JPEG. Stoga, dok ne sačuvate datoteku i otvorite je za pregled, nećete moći saznati šta se dešava i kolika će biti datoteka. 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 konvertirati datoteke u paketu. 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 stare verzije pretraživača ili one koje ne podržavaju format. Postoje dvije pogodne opcije za prikazivanje slika u WebP-u. Koja je suštinska razlika između obe biblioteke? U prvom slučaju img tag se ne mijenja na stranicama, samo promijenite ekstenziju datoteke iz JPEG u WebP. U drugom slučaju, WebP format se koristi za predstavljanje slike, ako je podržan, a ako nije, zamjenjuje se JPEG. U ovom slučaju, morat ćete se promijeniti img tags na stranicama, automatska konverzija formata se dešava u hodu, tako da je teško reći koji od njih radi bolje. Takođe možete koristiti kod za .htaccess datoteku, koji će provjeriti podržava li pretraživač WebP i, ako je odgovor negativan, zamijenit će sliku JPEG-om. U tom slučaju sve slike moraju biti u istom folderu i iste veličine (širina + visina). Dakle, web dizajner i programeri mogu koristiti WebP format ako je projekat, stranica, orijentirana na moderne pretraživače. Tada će raditi i biti prikazano na stranicama. U početku, Windows ne podržava ovaj format, a ako je Telegraphics napravio dodatak za Photoshop, onda je Google izdao dodatak kako bi mogao vidjeti datoteke slika u uobičajenom Windows Photo Vieweru. Ovaj dodatak također kreira preglede slika u File Exploreru za Microsoft Office Picture Manager. Preuzimanje je prikazano ispod. Programeri PaintShop Pro, IrfanView, Picasa, XnView, Gimp, Paint.NET i drugi takođe su kreirali podršku za WebP, koju možete preuzeti direktno sa njihovih zvaničnih sajtova. Budući da smo više puta naveli da WebP format datoteke slike ne može biti puna zamjena za JPEG, razumno je da se mnogi od nas prije ili kasnije zapitaju da li je 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 rezolucija, onda, naravno, morate unijeti ovaj format. Što se tiče podrške za pretraživače, 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. Slično, 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, treba imati na umu da ne postoji široka upotreba ovog formata, stoga je potrebno imati pri ruci varijacije JPEG-a. I tu opet dvojnost: ako pretraživači posetilaca sajta imaju podršku za WebP, zašto im onda ne ponuditi skoro trenutno preuzimanje nečega za šta će drugima biti potrebno znatno duže da se učitaju? Zaista, općenito, to će samo pozitivno utjecati na konverziju stranice. Još jedan plus - podrška za transparentnost (alfa kanal), tj. slično 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, posjetom ovom ili onom sajtu, nemoguće je sa sigurnošću reći da li se WebP koristi ili ne. Stvar je u tome što se slike mogu konvertovati u JPEG. Ali s druge strane, možete tačno odrediti gdje se WebP nalazi na stranici, a gdje JPEG, putem konzole za programere. Na primjer, portal za video igre Stevivor
pretvara snimke ekrana, mape i velike slike tačno u WebP, kako bi se očuvao kvalitet i mala veličina. Ima puno video igrica, vodiča za svaku pojedinu igru također, još više slika - upotreba je 100% opravdana. Telegram
sprema slike naljepnica u WebP formatu, koje su toliko popularne i na desktop verziji društvene mreže i na mobilnom uređaju. Ovo je novi Google format slike koji koristi kompresiju sa gubicima (kompromis između kvaliteta i veličine) i bez gubitaka (smanjenje veličine bez ugrožavanja kvaliteta). Google razvija i format i softver povezan sa WebP-om pod BSD licencom. Objavljena je 30. septembra 2010. godine, otvorenog je formata i koristi ekstenziju datoteke .webp. Osnovni mehanizam kompresije WebP-a WebP algoritam kompresije sa 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 preostalih vrijednosti, mnoge su nule, a ovaj fenomen dodatno smanjuje veličinu WebP slike. Dakle, WebP kompresija sa gubitkom - kao JPEG - se zasniva na predviđanju blokova. Podrška i upotreba 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 da smanji troškove mreže i ubrza svoju web stranicu. Čak i relativno mala poboljšanja performansi počinju rasti širom Facebooka. Kada ljudi uploaduju JPEG/JPG slike, Facebook automatski pravi WebP kopije. Oni su očigledno počeli da šalju ove slike ljudima koji koriste Chrome i Opera sada. Telegram je također počeo koristiti WebP za svoje popularne naljepnice. Google Instant Preview koristi WebP interno da smanji prostor na disku koji koristi pregled. Glavni problemi nastaju kada osoba želi da vidi sliku u softveru, a ne u pretraživaču ili da izvrši izmjene u njoj, budući da većina najpopularnijih grafičkih aplikacija - uključujući preglednik slika u Windows-u ili OS X-u i Photoshop - ne može izvorno obraditi WebP. U oktobru 2013., Josh Aas iz Mozilla Research-a objavio je opsežnu studiju o modernim tehnikama kodiranja s gubicima i nije mogao zaključiti da je WebP nadmašio JPEG za bilo kakvu značajnu razliku. 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 bilo koju drugu aplikaciju koja koristi komponentu Windows Imaging. Prednosti i statistika Google-ova WebP dokumentacija kaže: Kompresovane WebP slike bez gubitaka su 26% manje od PNG slika. Kompresovane WebP slike sa gubitkom su 25-34% manje veličine od JPEG slika na osnovu ekvivalentnog SSIM indeksa. WebP podržava transparentnost komprimirane slike bez gubitaka (također poznat kao alfa kanal) sa samo 22% dodatnih bajtova. Transparentnost je takođe podržana kompresijom sa gubicima i obično rezultira veličinom datoteke 3 puta manjom od PNG kada je kompresija sa gubicima prihvatljiva za kanale crvene/zelene/plave boje. Pretvaranje u WebP WebP dokumentacija pruža pristup unapred kompajliranom softveru za pretvaranje PNG i JPEG slika u WebP. Više o tome možete pročitati i preuzeti ovdje. Evo veze do online pretvarača koji će osigurati da postignete zadatak bez preuzimanja bilo kakvog softvera. Dosta smo pričali o WebP-u. Prenesimo naše znanje o WebP-u na nešto konstruktivno i kreativno. Vidjet ćemo kako napraviti naljepnice za Telegram od JPEG slike i pretvoriti ih u .webp datoteku. Napravit ćemo naljepnicu od sljedeće slike. Koristimo Photoshop da učinimo pozadinu prozirnom. To ćemo učiniti odabirom 'Background Eraser Tool'. Također ćemo izrezati sliku jer je prilično velika! Konačno koristimo online konverter za pretvaranje slike u .webp format i naša naljepnica je spremna! Možete kreirati mnoge druge naljepnice na sličan način za ćaskanje sa svojim Telegram prijateljima. Zaključak WebP je novi format kompresije slika koji podržavaju Google, Facebook, Opera i Telegram je svakako postao popularniji. Ovo je format koji već ima veliki broj obožavatelja i klevetnika. Međutim, mogućnost pakovanja vrijednih svojstava GIF-ova i PNG-ova u jedan format smanjene veličine slike i dalje će dovoditi u iskušenje web programere da kreiraju manje, bolje slike. A ako to pomogne da se internet ubrza, svi ćemo imati koristi., kao rezervni za pretraživače koji ne podržavaju više formata datoteka kroz element
Rad sa WebP-om na Windows-u
Google u pomoć
JPEG (180 Kb)
PNG (213kb)
WebP (91kb)
Pretvorite slike uWebP
Opcija 1 -photoshop
Opcija 2 -onlinekonverter
Ugrađivanje datoteka slika
Kako vidjeti fajlovewebp na desktopu
Kome to treba? Za i protiv
PNG (124 Kb)
WebP (78kb)
Gdje se koristiWebP
