WebP soluția eficientă pentru fișiere de imagine de pe web - IONOS

Viteza de încărcare a devenit de mult una dintre cele mai importante setări la optimizarea unei pagini web. Motoarele de căutare utilizează diverse criterii pentru a evalua un site web. În acest sens, nu numai că este relevant numărul de utilizatori care o vizitează, dar este apreciat și timpul necesar unei pagini pentru a răspunde la cerere. Codul mai mic și comprimat sau utilizarea mecanismelor de cache sunt printre soluțiile dovedite pentru o prezență rapidă pe web, precum și utilizarea imaginilor comprimate. Aceste imagini, ca element creativ și însoțitor, sunt o abundență a diferitelor proiecte care populează internetul, dar efectul lor asupra vitezei paginilor este adesea subestimat.

Această problemă a fost abordată, printre altele, de gigantul căutării Google, care cu WebP și-a prezentat deja în 2010 propriul format fără imaginepentru pagini web mai rapide. Dar ce se află cu adevărat în spatele formatului WebP, care este derivat din codecul video VP8? Și cum se comportă în comparație cu dimensiunile consolidate, cum ar fi JPEG?

Ce este WebP?
De ce este caracterizat WebP?
1. Cum funcționează compresia cu pierderi WebP?
2. Cum funcționează compresia fără pierderi cu WebP
3. De ce este caracterizat WebP-ul animat?
Cum este structura WebP?
WebP vs. JPEG: așa se comportă WebP în comparație cu alte formate de imagine
Cum pot fi deschise și convertite fișierele WebP?

Ce este WebP?

La 30 septembrie 2010, Google a anunțat publicarea unui nou standard deschis pentru compresia cu pierderi a graficelor pe 24 de biți pe web. Modelul pentru acest standard a fost Format video VP8, dezvoltat de compania On2 Technologies și pe care Google îl dobândise în același an. Ulterior, Google a extins formatul WebP cu funcții precum un mod de compresie fără pierderi, transparență (canal alfa) și animații. Crom a acceptat formatul de compresie de la sfârșitul anului 2010, dar până acum, la fel ca în Opera, a trebuit să presupui că multe browsere acceptă WebP doar într-un experimental (cum ar fi Safari și Firefox, ale căror actualizări regulate rămân neacceptate). Conform propriilor declarații, Microsoft lucrează în prezent pentru a-l susține în propriul browser Edge.

Veți găsi informații actualizate constant despre asistența browserului WebP la caniuse.com.

Toate programele software pentru procesarea și vizualizarea WebP sunt implicit sub Licență BSD. Google, de exemplu, folosește acest format în Magazinul web Chrome și în aplicațiile mobile Google+.

De ce este caracterizat WebP?

Obiectivul principal al WebP, de la început, a fost de a reduce dimensiunea imaginilor de pe web cât mai mult posibil. Potrivit Google, imaginile și grafica în format WebP sunt, mai mult sau mai puțin, 30 la sutămai mic decât fișierele PNG sau JPEG și au aceeași calitate a imaginii. În timp ce aceste formate se bazează pe diferite metode de compresie - PNG, fără pierderi și JPG, cu pierderi - WebP permite ambele posibilități. Datorită acestei flexibilități, formatul este potrivit atât pentru fotografii, cât și pentru imagini și imagini mici. caracteristici de compresie, precum și altele proprietățile de bază ale formatului WebP, pot fi rezumate după cum urmează:

Compresie (cu pierderi)- Compresia cu pierderi WebP se bazează pe codarea cadrului cheie VP8.
Compresie (fără pierderi)- Compresia fără pierderi a WebP se bazează pe diverse tehnici care transformă datele și parametrii imaginii. În acest caz, se utilizează algoritmul LZ77, printre altele.
Transparenţă- Canalul alfa de 8 biți furnizat de formatul WebP poate fi utilizat și pentru compresia RGB cu pierderi.
Metadate: WebP poate include metadate EXIF și XMP create în mod normal de camere.
Profil de culoare- Formatul Google poate include profile ICC încorporate (înregistrări care descriu spațiul de culoare).
Animații: Formatul WebP permite stocarea secvențelor de imagini.

Pentru a vă proteja confidențialitatea, videoclipul se va încărca după ce faceți clic.

Cum funcționează compresia cu pierderi WebP?

Compresia cu pierderi a WebP utilizează aceeași metodă ca și codecul VP8, bazat pe blocuri, pentru a calcula rame, adică imaginile individuale. Fiecare cadru este împărțit în segmente mai mici, cunoscute și sub numele de macroblocuri. În cadrul acestor macroblocuri, codificatorul poate prezice mișcarea și informațiile culorilor redundante și le poate scădea din bloc. Rezultatul acestui lucru compresie predictivă Este alcătuit din informațiile din blocurile rămase și din informațiile separate și redundante (care conține de obicei multe zerouri). stiu cuantifică și efectuează codificare entropică (reprezentarea personajelor printr-un anumit tipar de biți). Pasul de cuantificare este singurul proces în care biții sunt de fapt aruncați și are loc pierderea.

WebP folosește un metoda de codificare aritmetică care este mai eficient decât codificarea Huffman care, de exemplu, este utilizată în JPEG. Ambele metode sunt două forme diferite de codificare entropică. Metoda Huffman atribuie fiecărui caracter un număr întreg de biți, în timp ce codificarea aritmetică a întregii secvențe de caractere atribuie un singur cod de biți mai lung. Din acest motiv, complexitatea codării aritmetice este mai mare, dar este exclusă crearea redundanțelor de biți (doar redundanța în mesajele complete).

Cum funcționează compresia fără pierderi cu WebP

Pentru compresia fără pierderi WebP, primul pas este să transformarea imaginii, unde pot fi utilizate următoarele tehnici:

Transformări bazate pe predicții spațiale Transformarea culorii Transformarea prin scădere de verde Transformarea culorii indexată Codarea culorilor cache

WebP utilizează 13 moduri de predicție diferite care profită de faptul că pixelii vecini sunt adesea corelați. Pentru a face acest lucru, valoarea reală a pixelilor este prezisă din pixeli deja decodificați și numai valoarea reziduală este codificată.

Obiectivul transformării culorii este decorelarea valorilor RGB ale fiecărui pixel. Pentru a face acest lucru, mai întâi imaginea este împărțită în blocuri, înainte ca roșul (R) să fie transformat din verde (G) și albastru (B) din verde și roșu. Singurul care își menține valoarea este verde.

Varianta suplimentară pentru a transforma culoarea în care se extrage valoarea verde din valorile roșu și albastru ale fiecărui pixel.

Dacă există puține valori de pixel fără echivoc, formatul WebP oferă, de asemenea, posibilitatea de a efectua o transformare a culorilor indexate. În acest proces, se determină numărul de valori RGBA neechivoce și, dacă numărul este prea mic, se creează un aranjament al acestor culori. Acest aranjament este utilizat pentru a înlocui valorile pixelilor cu indexul corespunzător.

Compresia WebP fără pierderi poate utiliza chiar și fragmente de imagini vizualizate anterior pentru a reconstrui noi pixeli. Dacă nu are rezultate adecvate, se utilizează o memorie cache de culoare locală cu ultimele 32 de culori utilizate ca punct de plecare. Aceasta este actualizată continuu.