Làm cho hình ảnh trang web của bạn trở nên hoàn hảo bằng images.tooling.report

Kiểm tra trạng thái của công cụ hình ảnh.

Patrick Kettner
Patrick Kettner

Đưa hình ảnh lên web là một việc, nhưng việc làm tốt là việc không hề dễ dàng. Việc chọn đúng định dạng, nén, số điểm trên mỗi inch (DPI) và hàng trăm cài đặt khác có thể dễ dàng bị quên lãng khi chúng ta tự thực hiện tất cả những việc này.

Tin vui là ngày nay, chúng tôi có rất nhiều công cụ và dịch vụ có thể làm tất cả những việc đó cho chúng tôi. Tin không tốt là có rất nhiều loại dữ liệu. Bạn có thể gặp khó khăn khi chọn công cụ hoặc dịch vụ phù hợp với mình. Đó là lý do chúng tôi ra mắt images.tooling.report, một trang web trong đó chúng tôi liệt kê những yếu tố quan trọng nhất khi vận chuyển hình ảnh trong quá trình sản xuất và để so sánh một số phần mềm và dịch vụ phổ biến nhất, dù là trả phí hay miễn phí, được lưu trữ hay tự lưu trữ.

Tại sao lại như vậy?

Hình ảnh chiếm một phần lớn trong số byte của trang web được chuyển và số byte đó tăng lên! Trên thực tế, chúng tôi nhận thấy rằng hình ảnh không được tối ưu hoá chiếm gần 75% tổng kích thước của một trang. Tất cả những byte bị lãng phí đó đều phải trả giá. Đó là lý do tại sao trong một nghiên cứu về hàng triệu phiên người dùng thực, các trang được chuyển đổi có ít hơn 38% hình ảnh so với các trang không chuyển đổi. Vậy bạn có nên xoá tất cả hình ảnh của mình không? Tất nhiên là không. Tuy nhiên, bạn nên đảm bảo rằng hình ảnh bạn gửi đi được tối ưu hóa cho tất cả người dùng, bất kể họ sử dụng thiết bị nào.

Giải pháp này là gì?

Việc phân phát hình ảnh được tối ưu hoá không chỉ là nhấp vào "Lưu cho web". Đó là lý do tại sao images.tooling.report kiểm tra nhiều tính năng. Chúng tôi sẽ trình bày những nội dung cơ bản, chẳng hạn như mức độ nén mà các công cụ và dịch vụ khác nhau cung cấp cũng như các hoạt động tối ưu hoá mạng như tiêu đề bộ nhớ đệm tồn tại trong thời gian dài.

Tuy nhiên, chúng tôi không dừng lại ở đó. Chúng tôi đã tìm kiếm các lựa chọn nâng cao hơn (như tính năng hỗ trợ cho Save-Data, ECT và các mẹo về ứng dụng khách khác) để tìm phiên bản phân tích tâm lý thị giác tự động (có thể sử dụng các mô hình dữ liệu để nén hình ảnh nhiều lần), nhằm tìm ra phiên bản chiếm ít byte nhất mà không cần thay đổi cách mắt chúng ta tiếp nhận. Bạn có trích xuất mọi phần không trực quan cuối cùng từ hình ảnh của mình trước khi truyền tải không?

Ảnh chụp màn hình trang đích của images.tooling.report ở chế độ tối.

Tất nhiên, mỗi trang web đều là một bông tuyết. Không có công cụ hoặc dịch vụ nào đáp ứng được mọi yêu cầu mà chúng tôi mong đợi. Đó là điều bình thường! Do đó, chúng tôi đã chia những điều mà chúng tôi thử nghiệm thành nhiều danh mục khác nhau. Chúng tôi cũng đề cập đến Mạng phân phối nội dung (CDN), dự án tự lưu trữ, trình bổ trợ của Hệ thống quản lý nội dung (CMS) và trình tạo trang web. Đây là các định nghĩa khá đơn giản mà thực sự cần phải cố gắng để giúp bạn so sánh các lựa chọn khác nhau phù hợp hơn:

  • Trình bổ trợ CMS là các gói là một lựa chọn dễ dàng để phát triển trên các nền tảng như WordPress.
  • Trình tạo trang web so sánh một số dịch vụ mà bạn có thể sử dụng để xây dựng trang web.
  • Tự lưu trữ dành cho các nhà phát triển muốn sao chép dự án git hoặc chạy hình ảnh Docker của riêng họ trong quá trình sản xuất.
  • CDN thì phức tạp hơn một chút. Một vài dịch vụ trong số này CDN theo nghĩa truyền thống, nhưng một số khác là các dịch vụ proxy hoặc lưu trữ hình ảnh của bạn trên lề.

Không phải lúc nào bạn cũng có thể cung cấp mọi thứ, nhưng bạn nên kiểm tra các bài kiểm thử và tính năng đang được đánh giá, cũng như xem trình tối ưu hoá hình ảnh của bạn hoạt động như thế nào! Nếu bạn chưa làm gì đó để tối ưu hoá hình ảnh ngay hôm nay thì sao? Sau đó là thời điểm tuyệt vời để tìm hiểu về công cụ hình ảnh và xem bạn có thể mang lại lợi ích gì cho những người đã sử dụng trang web của bạn.

Tiếp theo là gì?

Bạn có nghĩ rằng chúng tôi đã bỏ sót một công cụ hoặc dịch vụ hình ảnh nào không? Nhớ báo cho chúng tôi nhé! Cả công cụ và dịch vụ, cũng như các bài kiểm thử đều là những nội dung sống động và có thể cập nhật. Bất cứ khi nào bạn cần một nơi nhanh chóng để khám phá tính chất hiện đại về hình ảnh vận chuyển, hãy nhớ điểm dừng đầu tiên là images.tooling.report.

Hình ảnh chính của Michael Maasen trên Unsplash.