众多团队正在使用我们的 Image Optimizer
在边缘完成优化
图片在离用户最近的边缘节点完成尺寸调整、压缩和格式转换。
0%
带宽节省
0+
全球边缘节点
<0ms
平均处理时间
为何重要！
团队为何打开开关。
开启后立即带来三大变化，并持续叠加。旨在提升每一次请求的性能。
页面更快
更小的文件加载更快，提升页面速度并降低跳出率。
CDN 费用更低
优化后的图片占用更少带宽，帮助降低传输和存储成本。
核心指标轻松达标
通过优化的图片投递提升 LCP 及整体页面性能。
智能格式选择
根据浏览器支持自动提供 AVIF、WebP 或 JPG。
自动格式转换
自动将每张图片转换为用户浏览器支持的最优格式。
网络感知投递
根据网络质量和设备状况动态调整图片投递。
响应式尺寸调整
自动为各种屏幕尺寸生成合适的图片尺寸。
视网膜级图片
在现代高密度显示屏上提供清晰锐利的视觉效果。
智能图片加载
仅在图片进入视口时才加载，提升页面性能。
全球边缘加速
从离用户最近的边缘节点投递图片，加快加载速度。
内部工作原理
三步完成，全部缓存。
请求
图片请求被路由至最近的 Tenbyte 边缘节点，并携带 URL 中定义的优化参数。
优化
首次请求时，边缘节点获取原始图片后进行尺寸调整、压缩并转换为最优格式。
交付
优化后的图片被缓存于边缘节点并即时交付，后续请求直接命中缓存，实现更快响应。
几分钟即可快速上手
通过即用型 SDK 和针对 Next.js、Android、iOS、Shopify、Astro、Nuxt 等平台的部署指南，快速集成并在几步内开始使用 Tenbyte。
export default function tenbyteLoader({ src, width, quality }) {
// Rewrite known origin domains to Tenbyte CDN; pass everything else through unchanged.
if (src.includes(process.env.NEXT_PUBLIC_IMAGE_ORIGIN)) {
const url = new URL(src);
url.hostname = process.env.NEXT_PUBLIC_TENBYTE_HOST;
url.searchParams.set("w", width);
url.searchParams.set("q", quality || 80);
url.searchParams.set("format", "auto");
return url.toString();
}
return `${src}?w=${width}&q=${quality || 80}&format=auto`;
}
