每个数字位图图像都由固定的二维像素网格组成(例如,1200 万像素的智能手机照片尺寸为 4000 × 3000 像素)。如果您将一张 4000 像素宽的照片嵌入到宽度仅为 800 像素的网页容器中,访问者的浏览器在屏幕缩小显示之前,仍须下载完整的 1200 万像素。
Utiliome 在浏览器标签页内直接对实际像素矩阵进行本地重采样:
- 高质量分步插值:利用 HTML5 Canvas 2D 上下文中的
imageSmoothingQuality = 'high',对相邻像素值进行平滑平均,使缩小后的文字排版、人像和产品轮廓边缘依然清晰。 - 等比锁定宽高比:启用锁定比例后,Utiliome 会严格保持照片原本的宽高比(
高度 = 宽度 ÷ 宽高比),避免画面拉伸变形。 - 即时本地重新编码:可以保持原格式导出,或直接转换为
WebP、JPG或PNG。