Optimeiddio delweddau

Mae Silktide yn lawrlwytho'r delweddau ar eich tudalennau ac yn profi a ellid eu gwneud yn sylweddol llai heb eu newid yn weledol. Caiff delweddau y gellid eu lleihau eu hadrodd ynghyd â'r arbediad posibl, fel y gallwch flaenoriaethu'r enillion mwyaf.

Pam mae hyn yn bwysig

Delweddau fel arfer sy'n ffurfio'r rhan fwyaf o bwysau tudalen we, felly nhw fel arfer yw'r cyfle perfformiad unigol mwyaf. Mae delweddau rhy fawr yn gwneud tudalennau'n arafach i ymddangos, sy'n cynyddu'r gyfradd gadael yn fesuradwy — yn enwedig ar gysylltiadau symudol — ac yn costio lled band a batri go iawn i'ch ymwelwyr. Mae cyflymder tudalennau hefyd yn dylanwadu ar safle chwilio drwy .

Yn wahanol i'r rhan fwyaf o waith perfformiad, anaml y mae optimeiddio delweddau'n cynnwys cyfaddawdau: mae delwedd sydd wedi'i chywasgu'n briodol yn edrych yr un fath ac yn ymddwyn yr un fath. Mae bron yn berfformiad am ddim.

Sut i'w drwsio

Cywasgwch y delweddau a adroddwyd. Gall bron pob offeryn delwedd wneud hyn wrth allforio; dylai ffotograffau fel arfer fod yn JPEG ar ansawdd o tua 85%, sy'n arbed llawer o faint ffeil heb fawr o golled weladwy.
Defnyddiwch y fformat cywir: JPEG (neu WebP/AVIF) ar gyfer ffotograffau; PNG neu SVG ar gyfer logos, eiconau a gwaith celf lliwiau gwastad arall. Mae fformatau modern fel WebP ac AVIF yn well na'r ddau lle mae eich platfform yn eu cynnal.
Awtomeiddiwch hyn. Gall y rhan fwyaf o , piblinellau adeiladu, a gywasgu a throsi delweddau wrth eu huwchlwytho neu eu cyflwyno — mae trwsio'r biblinell yn atal y broblem rhag digwydd eto.
Cyflwynwch ddelweddau yn y maint y cânt eu harddangos, gan ddefnyddio delweddau ymatebol (srcset) yn hytrach nag anfon un ddelwedd enfawr i bob dyfais:

<img src="hero-800.jpg"
     srcset="hero-800.jpg 800w, hero-1600.jpg 1600w"
     sizes="(max-width: 800px) 100vw, 800px"
     alt="Gwinllan ar fachlud haul">

Sut mae Silktide yn profi hyn

Casglwch y delweddau y mae pob tudalen yn eu llwytho mewn gwirionedd.
Ail-gywasgwch bob delwedd â thechnegau sy'n briodol i'w fformat: JPEG blaengar ar ansawdd o 85%, ail-gywasgu PNG colledus a di-golled, SVG, ac ail-optimeiddio GIF.
Cymharwch y canlyniad gorau â'r gwreiddiol. Dim ond pan fo'r arbediad yn sylweddol y caiff delwedd ei hadrodd: mwy nag 20% yn llai a mwy na 40 KB wedi'i arbed.
Adroddwch yr arbediad posibl ar gyfer pob delwedd, fel bod yr arbedion mwyaf yn amlwg.

Datrys problemau

Mae'r ddelwedd eisoes yn edrych wedi'i chywasgu

Mae'r arbediad a adroddwyd yn cael ei fesur, nid ei amcangyfrif — cynhyrchodd Silktide ffeil lai mewn gwirionedd. Mae rhesymau cyffredin pam mae delwedd sy'n ymddangos wedi'i hoptimeiddio yn dal i golli 20% yn cynnwys metadata wedi'i fewnosod, amgodio JPEG nad yw'n flaengar, a PNGs a ddefnyddir ar gyfer ffotograffau.

Rydym yn defnyddio CDN sy'n optimeiddio delweddau

Mae Silktide yn profi'r hyn a gyflwynodd y dudalen mewn gwirionedd, felly os aeth delwedd a adroddwyd drwy eich CDN, naill ai ni chymhwyswyd yr optimeiddio hwnnw neu nid oedd yn ddigonol. Gwiriwch osodiadau'r CDN ar gyfer y llwybrau neu'r fformatau yr effeithiwyd arnynt.

Mae'r arbediad yn ymddangos yn fach

Ni chaiff delweddau sydd o fewn 20% neu 40 KB i'r gorau posibl eu hadrodd. Os yw arbediad a adroddwyd yn ymddangos yn fach, cofiwch ei fod yn berthnasol i bob golwg tudalen gan bob ymwelydd.