Un ghid pentru Squoosh.App de la Google

Trebuie să comprimați și să optimizați imaginile de pe site-ul dvs. pentru a îmbunătăți performanța site-ului? Instrumentul Google de compresie a imaginilor Squoosh.App ar putea fi o opțiune excelentă pentru dvs. În acest articol, vom trece peste ce este Squoosh, cum să-l folosească și cum ar putea ajuta proprietarii de site-uri web să-și optimizeze site-urile web pentru a oferi utilizatorilor cea mai bună experiență posibilă.

Ce este Squoosh.App?

Squoosh.App de la Google este o aplicație de compresie a imaginilor open-source creată de GoogleChromeLabs. Squoosh este bazat pe browser și conceput special pentru comprimarea imaginilor mari pentru încărcare mai rapidă pe orice browser web. Aplicația este gratuită de utilizat de oricine și funcționează atât online, cât și offline în fiecare browser major, cum ar fi Chrome, Firefox și Safari.

Squoosh rulează pe GitHub ca parte a unui proiect de explorare mai amplu care vizează optimizarea site-ului web. Deoarece imaginile mari, de înaltă rezoluție, pot încetini încărcarea site-ului și pot face parte din nucleele mai mici ale diferitelor Core Web Vitals, Google și-a pus obiectivul să-i ajute pe proprietarii de site-uri web să-și comprima imaginile pentru o performanță mai bună a site-ului și viteze optime de navigare.

Ecranul Squoosh este împărțit astfel încât utilizatorii să poată vedea rezultatele înainte și după comprimarea imaginii lor. Acest instrument vă oferă o perspectivă a diferențelor adesea neglijabile - dacă sunt vizibile deloc - dintre imaginile originale și cele comprimate. Cu toate acestea, imaginile care au fost comprimate și optimizate pentru viteză contribuie la timpi de încărcare mai rapidi și la o experiență mai bună pentru utilizator. Ele ar putea ajuta chiar să vă îmbunătățiți clasarea SEO.

Comprimarea unei imagini în Squoosh este rapidă și ușoară, iar utilizatorii își pot descărca imaginile comprimate imediat după ce le editează. Acum, să aruncăm o privire la modul de utilizare a aplicației.

Cum se utilizează Squoosh.App

Doriți să comprimați o imagine în Squoosh? Este un proces intuitiv, simplu, care este la fel de simplu ca încărcarea, editarea, apoi salvarea imaginii dvs. optimizate pentru web.

Mai întâi, deschideți o nouă fereastră de browser și navigați la https://squoosh.app/.

Apoi, puteți fie să încărcați, fie să trageți și să plasați propria imagine în editor. (Din păcate, nu veți putea lucra în loturi, așa că alegeți câte o imagine pe rând.)

Imaginea dvs. înainte este în partea stângă a barei de glisare, cu imaginea de după în dreapta. Măriți și micșorați folosind instrumentul de mărire din centrul de jos al ecranului.

Alternativ, puteți alege una dintre imaginile furnizate în partea de jos a ecranului pentru a vedea cum funcționează editorul.

După ce ați încărcat imaginea, puteți începe să o ajustați folosind interfața browserului. Glisorul de comparare vă va arăta diferența dintre imaginea originală și imaginea dvs. comprimată, astfel încât să puteți menține nivelul de calitate a imaginii de care aveți nevoie pentru proiectul dvs.

Caseta Comprimare din colțul din stânga jos al ecranului arată imaginea originală în mod implicit. Puteți utiliza meniul derulant pentru a vizualiza diferite opțiuni de imagine:

• AVIF
• Browser JPEG
• Browser PNG
• JPEG XL (beta)
• MozJPEG
• OxiPNG
• WebP
• WebP v2 (instabil)

Editarea imaginii dvs. în Squoosh

În partea dreaptă jos a ecranului, veți vedea meniul Editare. Dacă alegeți să redimensionați imaginea sau să reduceți paleta de culori a imaginii, puteți selecta acele opțiuni pentru a vedea un meniu extins.

Când vine vorba de redimensionarea imaginii cu Squoosh, aveți o serie de variabile de comutat. Poti:

• Alegeți o metodă specifică și o presetare pentru redimensionare
• Resetați manual lățimea și înălțimea imaginii
• Alegeți dacă doriți să mențineți RGB liniar și raportul de aspect
• Alegeți dacă doriți sau nu să premultiplicați canalul alfa

În plus, puteți alege dacă doriți să reduceți paleta de culori a imaginii pentru a îmbunătăți performanța site-ului. Utilizați barele de glisare de sub titlul Reduce Palette pentru a reduce culorile și ditheringul.

Apoi, este timpul să vă comprimați imaginea. Puteți alege una dintre cele trei opțiuni:

• OptiPNG, un convertor PNG utilizat pentru imagini originale în formate TIFF, BMP, PNG, GIF și PNM (o altă formă de imagine bitmap). Această opțiune comprimă și optimizează imaginile fără a compromite informațiile.
• MozJPEG, un convertor PNG pentru imagini originale în formatele JPG, BMP și PPM. Această metodă comprimă JPEG-urile păstrând în același timp compatibilitatea și calitatea.
• WebP, o metodă de compresie dezvoltată de Google care folosește compresia fără pierderi și cu pierderi. Imaginile WebP sunt incredibil de prietenoase cu SEO.

Observați că aici, chiar și la o calitate a imaginii de 75% după comprimare, imaginea comprimată arată în continuare aproape identică cu cea originală.

Pentru utilizatorii avansați, extindeți Setări avansate pentru a ajusta canalele, cuantizarea și multe altele.

Când ați terminat, faceți clic pe butonul Descărcare din colțul din dreapta jos al ecranului pentru a salva fișierul editat.

Cum se compară Squoosh cu instrumente similare

Există mai multe instrumente de compresie a imaginilor disponibile pentru diferite platforme și utilizări. Când selectați un instrument de compresie a imaginii, veți dori să vă asigurați că este potrivit utilizărilor dvs. Unele instrumente cu capacități similare cu Squoosh sunt fie numai pentru uz personal (necomercial), plătite sau numai aplicații descărcabile create pentru anumite dispozitive.

Rețineți că veți dori să selectați un instrument care să nu sacrifice calitatea imaginilor dvs. Când vă analizați opțiunile, veți dori să verificați calitatea imaginii post-compresie a instrumentului.

Unul dintre cei mai recomandați concurenți Squoosh este Caesium, o aplicație gratuită de compresie a imaginilor cu sursă deschisă. Cesium este atât bazat pe browser, cât și descărcabil, astfel încât utilizatorii pot decide cum să-l folosească cel mai bine. Alternativ, API-ul ImageOptim funcționează în mod similar, cu un abonament plătit începând de la 12 USD pe lună.

Puteți găsi, de asemenea, pluginuri WordPress disponibile care se adresează și nevoilor de compresie a imaginii. ShortPixel și Smush sunt instrumente care vă pot automatiza compresia imaginii. Pentru utilizatorii WordPress care doresc o soluție all-in-one fără a părăsi tabloul de bord, un plugin ca acesta ar putea fi o opțiune excelentă.

Squoosh nu se laudă cu opțiunile de loturi de imagini sau de automatizare pe care le au alte aplicații. Cu toate acestea, capacitatea sa de a comprima o imagine menținând în același timp o calitate impecabilă este un avantaj incredibil de important. În cele din urmă, alegerea instrumentului potrivit pentru nevoile dvs. depinde de dvs.

Concluzie

Optimizarea imaginilor dvs. și accelerarea timpului de încărcare a site-ului web sunt extrem de importante atât pentru vizitatorii site-ului, cât și pentru clasamentele SEO. Squoosh.app vă ajută să comprimați cu succes imaginile site-ului dvs., menținând în același timp calitatea înaltă. Acesta este un plus major, mai ales că proprietarii de site-uri înțeleg importanța site-urilor frumoase care se încarcă rapid. Cu toate acestea, cel mai mare dezavantaj este faptul că nu puteți procesa imagini în loturi. Dacă acesta nu este un dealbreaker, Squoosh este o alegere destul de solidă.

Ați folosit Squoosh? Sau sună ca un instrument pe care ai putea-o încerca? Spune-ne experiențele tale în comentarii!

Imagine prezentată prin Overearth / shutterstock.com