Móttækilegar myndir

Silktide hleður síðunum þínum í raunverulegum vafra og ber saman raunverulegar málsetningar hverrar myndar við stærðina sem hún birtist í. Tilkynnt er um myndir sem eru mun stærri en þær virðast á skjánum, ásamt þeim gögnum sem fara sóun vegna umframupplausnarinnar.

Hvers vegna þetta skiptir máli

Algengt dæmi: 4000 pixla ljósmynd er hlaðið upp en síðan birtir hana 400 pixla breiða. Gestir hlaða niður skránni í fullri upplausn — hugsanlega mörgum megabætum — til að sjá það sem mun minni skrá myndi birta nákvæmlega eins. Sóunin er mest í símum, sem eru með minnstu skjáina og oft hægustu og dýrustu nettengingarnar. Hraðari síður halda í fleiri gesti og hafa áhrif á stöðu í leitarniðurstöðum í gegnum .

Hvernig á að laga þetta

Bjóðið upp á hverja mynd í nokkrum stærðum og leyfið vafranum að velja þá réttu fyrir tækið:

<!-- Vafrinn hleður aðeins niður þeirri stærð sem hann þarf -->
<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="Blómabás á markaðnum">

Gerið stærðarbreytinguna sjálfvirka. Flest búa til margar stærðir við upphleðslu og geta breytt stærð við afhendingu — hvort tveggja kemur í veg fyrir að vandamálið endurtaki sig.
Að lágmarki skal breyta stærð stakra mynda í grófum dráttum í þá stærð sem þær birtast í áður en þeim er hlaðið upp.

Hvernig Silktide prófar þetta

Hlaða síðunni í raunverulegum vafra og skrá þá stærð sem hver mynd birtist í, með hliðsjón af skarpari skjám í nútímatækjum.
Bera það saman við málsetningar myndskrárinnar sem var í raun hlaðið niður.
Tilkynna um myndir þar sem umframmagnið skiptir máli, ásamt þeim fjölda bæta sem mynd í réttri stærð myndi spara, með þær stærstu fyrst.

Úrræðaleit

Hvernig er þetta frábrugðið hinum myndaprófunum?

Þessi prófun snýst um málsetningar: að birta líkamlega stærri mynd en síðan sýnir. Myndþjöppun og Myndabestun fjalla um að gera skrána minni með sömu málsetningum, en Nútímaleg myndsnið fjallar um að breyta í WebP eða AVIF. Sama mynd getur komið fram í nokkrum prófunum — lagfæringarnar bæta hver aðra upp.

Myndin virðist skörp vegna skjáa með hárri upplausn

Nútímaskjáir þurfa vissulega fleiri pixla en stærðin sem myndin birtist í gefur til kynna og mælingin tekur tillit til þess. Aðeins er tilkynnt um myndir þegar þær fara yfir það sem jafnvel skjár með hárri upplausn getur nýtt.