WORKSPOTHQ — FICTIONAL TEACHING EXAMPLE A fictional website hero image Synthetic guidance only. Not a real receipt, claim requirement, or measured processor output. Source 4,000 × 3,000 pixels Check: Keep an untouched copy. Requested slot 1,200 × 900 pixels Check: The same 4:3 ratio allows proportional resizing without cropping. Resized dimensions 1,080,000 pixels instead of 12,000,000 Check: Fewer pixels do not imply a specific file-size saving. Compressed copy Compare at its intended display size Check: Inspect lettering, fine edges and gradients before accepting it. Resize first, then compare compression choices. A smaller download is useful only if the product remains clear. Check the actual site on a high-density screen too; the required source dimensions depend on how the image is displayed. REVIEW CHECKLIST 1. Determine the intended display dimensions. 2. Resize a copy while preserving its aspect ratio. 3. Compress and inspect text, edges and gradients. 4. Test the exported file in the real page layout. LIMITATIONS Compression trades quality for size; do not promise lossless results. Test responsive display and accessibility text separately in your website.