Hình ảnh gần như luôn là phần nặng nhất trên một trang web, và cách bạn lưu trữ chúng quyết định website của bạn cảm thấy tức thì hay ì ạch. Năm 2026, câu hỏi không còn là “tôi có nên tối ưu hình ảnh không” mà là “chúng nên nằm ở đâu để việc tối ưu diễn ra tự động”. Sau nhiều năm thay đổi kích thước hình ảnh tại biên cho các site WordPress và PrestaShop có lưu lượng lớn, câu trả lời của tôi là Cloudflare Images. Nó lưu bản gốc của bạn, phân phối chúng từ mạng lưới toàn cầu của Cloudflare, và chuyển đổi chúng sang các định dạng thế hệ mới ngay lập tức, tất cả ẩn sau một URL đơn giản duy nhất.

Hướng dẫn này giải thích Cloudflare Images thực chất là gì, khác một CDN thông thường ra sao, chi phí thực tế bằng con số là bao nhiêu, hoạt động như một mạng phân phối hình ảnh toàn cầu thế nào, và so sánh với các lựa chọn thay thế như Cloudinary và tự lưu trữ. Đến cuối bài, bạn sẽ biết liệu đó có phải nơi phù hợp cho hình ảnh của mình hay không và cách bắt đầu ngay hôm nay.

Tóm tắt

  • Cloudflare Images lưu bản gốc của bạn một lần và phân phối các phiên bản WebP/AVIF đã tối ưu từ biên toàn cầu của Cloudflare, không phí egress
  • Giá đơn giản và dễ dự đoán: 5 USD cho mỗi 100.000 ảnh lưu trữ mỗi tháng và 1 USD cho mỗi 100.000 ảnh phân phối mỗi tháng
  • Bạn cũng có thể biến đổi những hình ảnh đã lưu ở nơi khác (bao gồm Cloudflare R2 ) mà không cần lưu chúng trong Images
  • Nó thay thế mớ bòng bong gồm plugin, script đổi kích thước và một CDN riêng bằng một sản phẩm và một URL phân phối
  • Với WordPress và PrestaShop, bạn có thể kết hợp nó với plugin và Worker miễn phí của tôi để tự động viết lại mọi liên kết hình ảnh

Cloudflare Images thực chất là gì

Cloudflare Images là một quy trình xử lý hình ảnh hoàn chỉnh: lưu trữ, tối ưu và phân phối trong một sản phẩm duy nhất. Bạn tải lên một ảnh gốc một lần, và Cloudflare cấp cho bạn một URL phân phối. Khi một khách truy cập yêu cầu URL đó, Cloudflare thay đổi kích thước ảnh theo số đo bạn yêu cầu, chuyển nó sang định dạng hiệu quả nhất mà trình duyệt hỗ trợ (thường là WebP hoặc AVIF), nén nó, và lưu kết quả vào bộ nhớ đệm tại biên gần khách truy cập đó nhất.

URL phân phối trông như thế này:

1https://imagedelivery.net/<account-hash>/<image-id>/<variant>

Phần <variant> ở cuối là một tập biến đổi có tên mà bạn định nghĩa một lần (ví dụ thumbnail, hero hoặc 1200x675). Bạn cũng có thể bật các biến thể linh hoạt để truyền chiều rộng, chiều cao, chất lượng và định dạng trực tiếp trong URL. Nhờ vậy, một bản gốc duy nhất tạo ra mọi kích thước và định dạng bạn từng cần, mà không cần bạn tạo hay lưu dù chỉ một tệp dẫn xuất.

Đây chính là cách hình ảnh trong bài viết này được phân phối. Mỗi hình bạn thấy đều dùng một URL phân phối Cloudflare Images với một tập nguồn <picture> đáp ứng, nhờ đó chúng tải nhanh trên cả di động lẫn máy tính.

Tại sao không chỉ dùng CDN

Một phản bác phổ biến là “tôi đã đặt một CDN trước site rồi, vậy chưa đủ sao?” Đó không phải cùng một thứ, và sự khác biệt rất quan trọng.

Một CDN thông thường lưu đệm và phân phối đúng những byte mà nguồn gốc của bạn tạo ra. Nếu nguồn gốc lưu một ảnh JPEG 2 MB, CDN sẽ vui vẻ phân phối cùng ảnh JPEG 2 MB đó nhanh hơn. Nó không làm ảnh nhỏ hơn, không chuyển sang AVIF, và không tạo ra các kích thước nhỏ hơn mà điện thoại thực sự cần.

Cloudflare Images là một lớp chủ động, không phải bộ nhớ đệm thụ động. Nó thay đổi chính bức ảnh:

  • Thay đổi kích thước đúng số đo mà từng thiết bị cần
  • Chuyển đổi sang WebP hoặc AVIF tùy theo trình duyệt yêu cầu chấp nhận điều gì
  • Nén một cách thông minh, để một bức ảnh 1 MB còn khoảng 100 đến 200 KB
  • Lưu đệm mỗi phiên bản dẫn xuất tại biên, nên công việc chỉ thực hiện một lần

Tóm lại, nó cải thiện hình ảnh, tăng tốc website, cải thiện Core Web Vitals và tiết kiệm băng thông. Một CDN đơn thuần chỉ làm phần cuối cùng, và cũng chỉ một phần.

Hai cách dùng Cloudflare Images

Có một phân biệt quan trọng khiến nhiều người vấp phải, nên tôi sẽ làm rõ.

1. Lưu trữ và phân phối bằng Cloudflare Images. Bạn tải bản gốc lên Cloudflare Images. Cloudflare trở thành ngôi nhà của hình ảnh và là mạng phân phối của chúng. Đây là lựa chọn gọn gàng nhất cho dự án mới và site nhiều hình ảnh.

2. Biến đổi hình ảnh bạn lưu ở nơi khác. Nếu bản gốc đã nằm ở nơi khác, chẳng hạn lưu trữ đối tượng Cloudflare R2 hoặc máy chủ riêng của bạn, bạn có thể dùng các biến đổi hình ảnh của Cloudflare để tối ưu chúng ngay lập tức mà không lưu bản sao thứ hai trong Images. Đây là mô hình “biến đổi từ nguồn từ xa”, mà tôi trình bày chi tiết trong hướng dẫn riêng về Cloudflare Image Transformations .

Hầu hết các site chọn lựa chọn một cho đơn giản. Các nhóm đã giữ một thư viện media lớn trong R2 thường chọn lựa chọn hai để tránh trả tiền lưu trữ hai lần. R2 đặc biệt hấp dẫn ở đây vì nó không có phí egress, điều tôi phân tích trong hướng dẫn về lưu trữ hình ảnh trên Cloudflare R2 .

Giá Cloudflare Images bằng những con số rõ ràng

Một trong những điểm tốt nhất của Cloudflare Images là giá thực sự đơn giản, không có phí egress bất ngờ. Tính đến năm 2026, bảng giá chính thức là:

Bạn trả cho điều gìChi phí
Ảnh lưu trữ5 USD cho 100.000 ảnh / tháng
Ảnh phân phối1 USD cho 100.000 ảnh / tháng
Biến đổi (ảnh bên ngoài)5.000 lần duy nhất đầu tiên miễn phí, rồi 0,50 USD cho 1.000 / tháng
Băng thông egress0 USD (miễn phí)

Một ví dụ tính toán giúp điều này cụ thể. Giả sử bạn vận hành một cửa hàng với 10.000 ảnh sản phẩm và phân phối 500.000 lượt xem ảnh trong một tháng. Lưu trữ tốn 0,50 USD (10.000 ảnh lưu) và phân phối tốn 5 USD (500.000 ảnh phân phối), tổng cộng khoảng 5,50 USD trong tháng đó. Không có hóa đơn băng thông riêng, không phí cho mỗi lần đổi kích thước, và không phụ phí cho mỗi định dạng.

So sánh điều đó với một dịch vụ hình ảnh được lưu trữ thông thường, nơi băng thông và số lượt biến đổi có thể chi phối hóa đơn, thì sức hấp dẫn trở nên rõ ràng: bạn có thể dự đoán chi phí trước khi cam kết.

Cloudflare Images so với Cloudinary so với tự lưu trữ

Tiêu chíCloudflare ImagesCloudinaryTự lưu trữ + CDN
WebP/AVIF tự độngChỉ khi bạn tự xây dựng
Phí egressKhôngBậc theo băng thôngBạn trả cho host/CDN
Mô hình giáLưu trữ + phân phốiTín dụng (biến đổi, lưu trữ, băng thông)Máy chủ + CDN + thời gian của bạn
Phân phối biên toàn cầuTích hợp sẵnTích hợp sẵnTùy CDN
Độ phức tạp thiết lậpThấpThấp đến trung bìnhCao
Chi phí dễ dự đoánRấtKhó dự đoán hơnBiến động

Cloudinary là một sản phẩm mạnh với bộ tính năng phong phú, nhưng mô hình dựa trên tín dụng của nó gộp chung biến đổi, lưu trữ và băng thông, khiến việc dự báo khó hơn khi bạn mở rộng. Tự lưu trữ cho bạn toàn quyền kiểm soát, nhưng bạn phải chịu trách nhiệm cho các quy trình đổi kích thước, thương lượng định dạng, header bộ nhớ đệm và cấu hình CDN, tức là rất nhiều bộ phận chuyển động phải bảo trì. Cloudflare Images nằm ở điểm cân bằng lý tưởng: gần như toàn bộ lợi ích, rất ít gánh nặng vận hành, và một hóa đơn bạn có thể dự đoán.

WordPress và PrestaShop: tự động hóa mọi hình ảnh

Nếu bạn vận hành WordPress hoặc PrestaShop, thách thức thực tế là làm cho mọi hình ảnh trên trang dùng URL phân phối đã tối ưu, kể cả những ảnh được chèn bởi theme, plugin và CSS nội tuyến. Tôi đã xây dựng các công cụ miễn phí đúng cho việc này.

  • Plugin WordPress. Plugin Cloudflare Image Resizing của tôi (mã nguồn trên GitHub ) viết lại các liên kết hình ảnh để chúng đi qua quá trình tối ưu của Cloudflare.
  • Cloudflare Worker. Để phủ kín hoàn toàn, Cloudflare Image Resizing Worker của tôi nằm giữa site của bạn và khách truy cập, viết lại HTML cuối cùng, bao gồm cả hình ảnh trong CSS mà chỉ riêng một plugin không thể chạm tới.

Tôi đã viết hướng dẫn đầy đủ từng bước cho cả hai nền tảng: Cloudflare Image Resizing cho WordPressCloudflare Image Resizing cho PrestaShop . Nếu bạn dùng một trong hai nền tảng này, hãy bắt đầu từ đó sau khi đọc phần tổng quan này.

Một cập nhật quan trọng đáng được nhấn mạnh: việc biến đổi hình ảnh trước đây yêu cầu gói Pro trả phí. Điều đó không còn nữa. Biến đổi hình ảnh giờ đây cũng có trên gói miễn phí, lên đến 5.000 lượt biến đổi duy nhất mỗi tháng, hạ thấp đáng kể rào cản cho các site nhỏ.

Quản lý hình ảnh mà không cần bảng điều khiển

Tải lên và sắp xếp hình ảnh qua một bảng điều khiển web thì ổn với vài tệp, nhưng trở nên mệt mỏi ở quy mô lớn. Nếu bạn giữ bản gốc trong Cloudflare R2 (một mẫu phổ biến cho thư viện media), tôi đã xây dựng một ứng dụng máy tính miễn phí để làm việc đó nhẹ nhàng: Easy Cloudflare R2 cho phép bạn duyệt các bucket, tải lên bằng kéo và thả, chỉnh sửa metadata đối tượng, và quản lý mọi thứ từ một giao diện gọn gàng trên Windows, macOS và Linux. Để làm việc trực tiếp với sản phẩm Cloudflare Images, Easy Cloudflare Images làm điều tương tự cho việc tải lên và tối ưu thư viện hình ảnh của bạn.

Cách bắt đầu ngay hôm nay

  1. Đăng nhập vào bảng điều khiển Cloudflare và bật Images từ thanh bên.
  2. Tải lên một ảnh thử nghiệm, hoặc trỏ một biến đổi tới một URL ảnh hiện có.
  3. Tạo một hoặc hai biến thể (variant) cho các kích thước mà site của bạn dùng nhiều nhất (ví dụ một hero và một thumbnail).
  4. Thay một ảnh trên site bằng URL phân phối mới và chạy kiểm tra trước/sau trên PageSpeed Insights .
  5. Nếu bạn dùng WordPress hoặc PrestaShop, cài plugin hoặc triển khai Worker để tự động hóa phần còn lại.

Thông thường bạn sẽ thấy dung lượng của ảnh đó giảm 70 đến 90 phần trăm ngay lập tức, kèm theo cải thiện tương ứng cho Core Web Vitals.

Những điểm chính

  • Cloudflare Images gộp lưu trữ, tối ưu và phân phối toàn cầu trong một sản phẩm, không phí egress
  • Giá đơn giản và dễ dự đoán: 5 USD cho 100.000 ảnh lưu trữ và 1 USD cho 100.000 ảnh phân phối mỗi tháng
  • Một CDN đơn thuần chỉ lưu đệm các byte của bạn; Cloudflare Images chủ động đổi kích thước, chuyển đổi và nén chúng
  • Bạn có thể lưu bản gốc trong Images, hoặc biến đổi những ảnh đã lưu trên R2 hoặc máy chủ của bạn
  • Biến đổi giờ đây có trên gói miễn phí (lên đến 5.000 lượt duy nhất mỗi tháng), không chỉ Pro
  • Người dùng WordPress và PrestaShop có thể tự động hóa mọi hình ảnh với plugin và Worker miễn phí của tôi

Câu hỏi thường gặp

Cloudflare Images có miễn phí không? Biến đổi hình ảnh có trên gói miễn phí lên đến 5.000 lượt biến đổi duy nhất mỗi tháng. Việc lưu trữ và phân phối hình ảnh qua sản phẩm Cloudflare Images là trả phí, ở mức 5 USD cho 100.000 ảnh lưu trữ và 1 USD cho 100.000 ảnh phân phối mỗi tháng, không phí egress.

Cloudflare Images có tự động chuyển sang WebP và AVIF không? Có. Khi một trình duyệt yêu cầu một ảnh, Cloudflare phát hiện các định dạng được hỗ trợ và phân phối định dạng hiệu quả nhất, thường là AVIF hoặc WebP, và quay về định dạng gốc cho các trình duyệt cũ hơn. Bạn không phải tự tạo các phiên bản này.

Tôi có thể dùng Cloudflare Images với ảnh lưu trên R2 không? Có. Bạn có thể giữ bản gốc trong Cloudflare R2 và dùng các biến đổi hình ảnh của Cloudflare để tối ưu chúng khi phân phối mà không lưu bản sao thứ hai trong Images. R2 không có phí egress, khiến nó là một nguồn gốc tiết kiệm chi phí cho một thư viện media lớn.

Tôi có còn cần gói Pro để đổi kích thước hình ảnh không? Không. Điều này đã thay đổi: biến đổi hình ảnh giờ đây có trên gói miễn phí lên đến 5.000 lượt biến đổi duy nhất mỗi tháng. Khối lượng lớn hơn và lưu trữ trên nền tảng được tính phí trong gói trả phí.

Cloudflare Images so với Cloudinary thế nào? Cả hai đều cung cấp chuyển đổi định dạng tự động và phân phối toàn cầu. Khác biệt chính là mô hình giá. Cloudflare Images tính một mức giá đơn giản gồm lưu trữ cộng phân phối, không egress, trong khi Cloudinary dùng mô hình tín dụng gộp khó dự đoán hơn khi lưu lượng tăng.

Nó có hoạt động với WordPress và PrestaShop không? Có. Dùng plugin WordPress miễn phí của tôi để thiết lập nhanh, hoặc triển khai Cloudflare Worker của tôi để phủ kín hoàn toàn, viết lại cả hình ảnh trong CSS. Tôi đã viết các hướng dẫn đầy đủ từng bước cho cả hai nền tảng.