Paano ayusin ang Efficiently encode images sa PageSpeed Insights

Ang Efficiently encode images ay compression check, hindi layout check. Tinitingnan ng PageSpeed Insights ang bawat JPEG, PNG, at WebP sa page at tinataya kung ilang kilobyte ang puwede mong tanggalin sa pag-re-encode sa katulad na kitang quality. Hindi nito sinasabing mali ang format ng litrato, at hindi rin nito sinasabing sobrang laki ng pixels: iba pang audit iyon (Maghatid ng mga larawan sa next-gen na format at Tamang sukat ng mga larawan).

Pinangalanan ng report ang mga file. Kailangan mo pa ring kunin ang mga orihinal mula sa site o CMS, i-re-encode, at ibalik ang mas maliliit na kopya. Hindi ni-crawl ng EditItAll ang iyong URL at hindi ito nakikipag-usap sa PageSpeed Insights. Re-encode lang ang ginagawa nito, sa iyong browser.

Buksan ang JPEG compressor (o ang katumbas na PNG / WebP na tool kung iyon ang nilista ng report) at i-drop ang mabibigat na orihinal:

• Iwan ang quality malapit sa 80 para sa mga litrato. Karaniwang hindi na makikita ang pinagkaiba sa screen at iyon din ang banda na inirerekomenda ng gabay sa JPEG quality.
• Kung libu-libong pixels ang lapad ng litrato pero fraction lang nito ang ipinapakita, itakda ang max dimension sa 1920 o 1280: iyon ang tunay na options sa compressor. Ang oversized na pixels ang kabilang kalahati ng bigat ng page; tingnan ang i-compress ang JPEG para sa web.
• Basahin ang in → out size sa listahan ng resulta. Sobrang laki pa? Ibaba ang quality nang humigit-kumulang sampung puntos at ulitin. Walang kahon na “i-compress sa N KB”: output ang size.

I-export, i-download, palitan ang mga file sa server o CMS, tapos i-run ulit ang PageSpeed Insights. Sa device mo naiwan ang lahat; puwede kang mag-offline pagkaload ng page. Tinatanggal ang EXIF sa export.

Kung maliit ang savings pagkatapos mag-re-encode ng JPEG, puwedeng modernong format din ang hinihingi ng PageSpeed Insights. Karaniwang panalo ang WebP at AVIF laban sa JPEG sa parehong kitang quality. Mag-convert ng kopya gamit ang JPG papuntang WebP o ang WebP compressor at ikumpara ang naka-list na size. Mag-iwan ng JPEG fallback kung naghahatid ka pa sa lumang browser.

Halos hindi kailanman nababagay ang mga litratong PNG sa web page. I-convert ang mga iyon sa JPG o WebP; hindi gaanong magpapaliit ng litrato ang lossless na PNG recompress. Mas malalim na tinatalakay ng cluster na pag-compress ng mga larawan ang pagpili ng format.

Hindi magpapasok ng 4000-pixel na hero sa 800-pixel na slot ang pag-re-encode: iyon ang Tamang sukat ng mga larawan, at kailangan ng mas maliit na pixel size. Hindi nito ipagpapaliban ang load ng mga litrato sa ibaba ng fold, at hindi nito isusulat ang srcset para sa iyo. Hindi rin kayang tamaan nang kusa ng EditItAll ang target na kilobyte o tanggalin ang JPEG artefacts na nandiyan na sa file. Mag-compress nang minsan mula sa orihinal, tapos tumigil.