Tối ưu hình ảnh ngay lập tức
Biến đổi hình ảnh ngay khi yêu cầu bằng một tham số URL đơn giản. Cung cấp hình ảnh tối ưu cho thiết bị trên toàn cầu trong vài mili giây.
Các đội ngũ hàng đầu đang sử dụng Image Optimizer
Tối ưu tại Edge
Ảnh được thay đổi kích thước, nén và chuyển đổi sang định dạng hiện đại tại các vị trí edge gần người dùng nhất.
Tiết kiệm băng thông
Vị trí Edge toàn cầu
Thời gian xử lý trung bình
Tại sao lại quan trọng!
Lý do các đội ngũ bật công tắc.
Ba yếu tố sẽ thay đổi ngay khi bạn bật, và chúng sẽ tiếp tục cộng dồn. Được thiết kế để cải thiện hiệu năng ở mỗi yêu cầu.
Trang nhanh hơn
Tập tin nhỏ hơn tải nhanh hơn, cải thiện tốc độ trang và giảm tỷ lệ thoát.
Chi phí CDN thấp hơn
Ảnh tối ưu dùng ít băng thông hơn, giúp giảm chi phí truyền tải và lưu trữ.
Core Web Vitals đạt chuẩn
Cải thiện LCP và hiệu năng tổng thể của trang nhờ phân phối ảnh tối ưu.
Định dạng thông minh
Tự động cung cấp AVIF, WebP hoặc JPG dựa trên hỗ trợ của trình duyệt.
Chuyển đổi định dạng tự động
Tự động chuyển đổi mọi ảnh sang định dạng hiệu quả nhất mà trình duyệt người dùng hỗ trợ.
Phân phối thông minh theo mạng
Điều chỉnh cách phân phối ảnh dựa trên chất lượng kết nối và điều kiện thiết bị.
Thay đổi kích thước đáp ứng
Tự động tạo kích thước ảnh phù hợp cho mọi kích thước màn hình.
Ảnh chuẩn Retina
Cung cấp hình ảnh sắc nét trên các màn hình độ phân giải cao hiện đại.
Tải ảnh thông minh
Chỉ tải ảnh khi chúng xuất hiện trên màn hình để cải thiện hiệu năng trang.
Tăng tốc toàn cầu tại Edge
Phân phối ảnh từ các vị trí edge gần người dùng nhất, giảm thời gian tải.
Bên trong hệ thống
Ba bước, sau đó mọi thứ đều được cache.
Yêu cầu
Yêu cầu ảnh được định tuyến tới vị trí Tenbyte edge gần nhất, kèm theo các tham số tối ưu được chỉ định trong URL.
Tối ưu
Lần đầu tiên yêu cầu, edge sẽ lấy ảnh gốc, sau đó thay đổi kích thước, nén và chuyển đổi sang định dạng hiệu quả nhất.
Phân phối
Ảnh đã tối ưu được lưu cache tại edge và cung cấp ngay lập tức. Các yêu cầu tiếp theo sẽ được phục vụ trực tiếp từ cache, tăng tốc độ hơn nữa.
Bắt đầu trong vài phút
Tích hợp nhanh chóng với các SDK và hướng dẫn cài đặt sẵn cho Next.js, Android, iOS, Shopify, Astro, Nuxt và hơn thế nữa. Theo dõi hướng dẫn riêng cho từng nền tảng và bắt đầu xây dựng với Tenbyte chỉ trong vài bước.
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`;
}
Hình ảnh nhỏ hơn chỉ trong một cú nhấp.
Bật Image Optimizer và xem kích thước ảnh giảm ngay trong lần yêu cầu tiếp theo.
Chung
Kỹ thuật
Không tìm thấy câu trả lời? Liên hệ đội hỗ trợ khách hàng