Check card-image performance

The problem

Large thumbnails delay the first interaction without improving a small card.

Practical procedure

Export WebP thumbnails at the displayed aspect ratio, set width and height and enable lazy loading below the fold.

Worked scenario

A 480 by 640 WebP cover can remain under 60 KB while retaining useful visual detail.

Acceptance check

Measure actual transferred bytes and test that text is readable before images finish loading.

Apply the method

Use the related interactive tool to try the concept on an inspectable example. Record the starting assumptions and expected result before changing settings, then compare what the tool actually does. Where the result differs, keep the release marked experimental and document the discrepancy.

Further reading: Relevant primary technical documentation. This guide is an educational procedure, not a substitute for independent usability or compliance review.