Delweddau ymatebol

Mae Silktide yn llwytho eich tudalennau mewn porwr go iawn ac yn cymharu gwir ddimensiynau pob delwedd â'r maint y caiff ei dangos ynddo. Adroddir am ddelweddau sy'n llawer mwy nag y maent yn ymddangos ar y sgrin, ynghyd â'r data a wastraffir gan y datrysiad ychwanegol.

Pam mae hyn yn bwysig

Patrwm cyffredin: caiff llun 4,000-picsel ei uwchlwytho, a chaiff y dudalen ei ddangos yn 400 picsel o led. Mae ymwelwyr yn lawrlwytho'r ffeil cydraniad llawn

o bosibl sawl megabeit - i weld yr hyn y byddai ffeil lawer llai yn ei rendro yr un fath. Mae'r gwastraff ar ei waethaf ar ffonau, sydd â'r sgriniau lleiaf ac yn aml y cysylltiadau arafaf a drutaf. Mae tudalennau cyflymach yn cadw mwy o ymwelwyr ac yn cyfrannu at safle chwilio drwy .

Sut i'w drwsio

Darparwch bob delwedd mewn sawl maint a gadewch i'r porwr ddewis yr un cywir ar gyfer y ddyfais:

<!-- Mae'r porwr yn lawrlwytho dim ond y maint sydd ei angen arno -->
<img src="flower-800.jpg"
     srcset="flower-400.jpg 400w, flower-800.jpg 800w, flower-1600.jpg 1600w"
     sizes="(max-width: 600px) 100vw, 50vw"
     alt="Stondin flodau yn y farchnad">

Awtomeiddiwch y newid maint. Mae'r rhan fwyaf o yn cynhyrchu sawl maint wrth uwchlwytho, a gall newid maint wrth eu danfon - mae'r naill neu'r llall yn atal y broblem rhag digwydd eto.
Fel isafswm, newidiwch faint delweddau untro i fod yn fras yr un maint â'r maint y cânt eu dangos ynddo cyn eu huwchlwytho.

Sut mae Silktide yn profi hyn

Llwythwch y dudalen mewn porwr go iawn a chofnodwch y maint y caiff pob delwedd ei dangos ynddo, gan ystyried sgriniau craffach dyfeisiau modern.
Cymharwch hynny â dimensiynau'r ffeil ddelwedd a lawrlwythwyd mewn gwirionedd.
Adroddwch am ddelweddau lle mae'r gormodedd yn sylweddol, gyda'r beitiau y byddai delwedd o'r maint cywir yn eu harbed, gan ddechrau gyda'r rhai mwyaf.

Datrys problemau

Sut mae hyn yn wahanol i'r gwiriadau delwedd eraill?

Mae'r gwiriad hwn yn ymwneud â dimensiynau: darparu delwedd sy'n fwy'n ffisegol na'r hyn y mae'r dudalen yn ei dangos. Mae Cywasgu delweddau a Optimeiddio delweddau yn ymdrin â gwneud y ffeil yn llai ar yr un dimensiynau, ac mae Fformatau delwedd modern yn ymdrin â throsi i WebP neu AVIF. Gall yr un ddelwedd ymddangos mewn sawl un

mae'r atebion yn ategu ei gilydd.

Mae'r ddelwedd yn edrych yn finiog oherwydd sgriniau cydraniad uchel

Mae sgriniau modern wir angen mwy o bicseli nag y mae'r maint a ddangosir yn ei awgrymu, ac mae'r mesuriad yn caniatáu ar gyfer hynny. Dim ond pan fyddant yn fwy na'r hyn y gall hyd yn oed sgrin cydraniad uchel ei ddefnyddio y caiff delweddau eu hadrodd.