Up ảnh to lên WordPress không chỉ ảnh đó to thôi đâu, nó còn tạo ra nhiều ảnh “nhỏ” hơn nữa

Thay vì kiếm một bài dịch về cách WordPress cắt ảnh để tối ưu tốc độ tải trang, tôi tiến hành một thí nghiệm nhỏ thực tế:

  • Tôi lấy 4 ảnh giống nhau chỉ khác về kích cỡ. Các kích cỡ lần lượt là 640px (85KB), 1280px (325KB), 1920px (713KB) và 6361px (4700KB). Dấu trong ngoặc chỉ dung lượng ảnh;
  • Up lên thư viện media của WordPress trên website trắng, không cài bất cứ plugin nào liên quan đến ảnh;
  • Kiểm tra xem số lượng các ảnh nhỏ mà WordPress cắt ra;
  • Tổng dung lượng của các ảnh nhỏ này.

Kết quả:

  • Ảnh 640px cắt ra thêm 2 ảnh nữa, tổng dung lượng 105KB;
  • Ảnh 1280px cắt ra thêm 4 ảnh nữa, tổng dung lượng 597KB;
  • Ảnh 1920x cắt ra thêm 6 ảnh nữa, tổng dung lượng 1690KB;
  • Ảnh 6361px cắt ra thêm 8 ảnh nữa, tổng dung lượng 6695KB;

Như vậy ảnh càng to nó cắt ra càng nhiều ảnh hơn, và tổng dung lượng lưu trữ ngày càng lớn hơn. Cụ thể với ảnh 1280px và 640px là [597 – 105 = 492KB] dung lượng ổ cứng tăng thêm, chứ không phải chỉ là [325 – 85 = 240KB] như suy nghĩ đơn giản lúc ban đầu của chúng ta.

Vì ảnh thường là loại tài nguyên chiếm nhiều dung lượng ổ cứng nhất trên website, nên thử nghiệm nhỏ này cho thấy up ảnh lớn có hại thế nào trên các hosting có dung lượng lưu trữ chỉ từ 1 – 5GB.

Dung lượng, số lượng tăng thêm gây ra hệ quả trực tiếp khác: bất cứ nhiệm vụ gì cần thực hiện với ảnh sẽ mất thời gian, công sức hơn. Ví dụ như tối ưu hóa ảnh, đổi sang webp, backup ảnh, chuyển hosting, sử dụng CDN, v.v…


Một số nhận xét khác:

  • Tất cả các ảnh đều có một ảnh vuông crop 150 x 150px. Tôi đoán ảnh này hay được dùng làm ảnh đại diện nhỏ trong các phần như bài viết liên quan;
  • Tất cả các ảnh đều có một ảnh nhỏ cỡ 300px. Tôi đoán ảnh này được dùng để hiển thị trên di động;

Còn nhiều câu hỏi khác tôi muốn trả lời:

  • Theme ảnh hưởng đến việc cắt ảnh như thế nào?
  • Plugin nào hay cắt ảnh, và nó có ảnh hưởng tiêu cực nào không?
  • Quy tắc cắt ảnh của WordPress thế nào, họ có một công thức cụ thể nào đó không?

Những câu hỏi trên tôi sẽ không mất thời gian làm thí nghiệm, mà sẽ tìm bài viết chuẩn liên quan về chủ đề này rồi sẽ trả lời các bạn sau.


Như vậy chúng ta vừa làm một thử nghiệm rất nhỏ, không mang tính thống kê đáng tin cậy ở một số chỉ số, nhưng nó cho chúng ta thấy một hình dung tổng thể rất rõ ràng về việc ảnh to ảnh hưởng đến website như thế nào.