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
P Patrick Kettner

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

Tin vui là hiện nay, chúng tôi có rất nhiều công cụ và dịch vụ có thể giúp bạn làm tất cả những việc đó. Tuy nhiên, tin vui là vẫn có thật nhiều lợi ích. 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 mà chúng tôi liệt kê những thông tin mà chúng tôi cho là quan trọng nhất khi chuyển hình ảnh đang 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, có thể là trả phí hay miễn phí, được lưu trữ hay tự lưu trữ.

Vì sao lại như vậy?

Hình ảnh chiếm một phần rất lớn trong số byte của trang web được chuyển đi và số lượng byte đó cộng lại! Trên thực tế, chúng tôi nhận thấy rằng hình ảnh chưa đượ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ả phí. Đó là lý do tại sao trong một nghiên cứu về hàng triệu phiên hoạt động của người dùng thực tế, cho thấy những trang đã chuyển đổi có số hình ảnh ít hơn 38% so với những 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 cần đảm bảo rằng hình ảnh bạn gửi đi được tối ưu hoá 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à việc chỉ 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ẽ đề cập đến những yếu tố cơ bản, chẳng hạn như mức độ nén mà các công cụ và dịch vụ cung cấp cũng như các cách tối ưu hoá mạng, chẳng hạn như tiêu đề bộ nhớ đệm dài hạn.

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

Ảnh chụp màn hình trang đích của hình ảnh 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ó một công cụ hay dịch vụ nào có thể thực hiện hoàn toàn mọi thứ chúng tôi mong đợi. Điều này là bình thường! Vì vậy, chúng tôi đã tách ra những gì chúng tôi thử nghiệm thành nhiều danh mục khác nhau. Chúng tôi sẽ cung cấp các kiến thức về Mạng phân phối nội dung (CDN), các dự án tự lưu trữ, các 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á rời rạc và thực sự xuất hiện để giúp việc so sánh các tùy chọn khác nhau trở nên phù hợp hơn:

  • Trình bổ trợ CMS là các gói giúp bạ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 nhiều dịch vụ mà bạn có thể sử dụng để xây dựng trang web.
  • Tự lưu trữ dành cho những 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 phiên bản chính thức.
  • CDN phức tạp hơn một chút. Một vài trong số này CDN theo nghĩa truyền thống, nhưng một số khác lại là dịch vụ proxy hoặc lưu trữ hình ảnh của bạn theo nhiều cách.

Bạn không thể lúc nào cũng đáp ứng được mọi thứ, nhưng bạn nên kiểm tra các thử nghiệm và tính năng đang được đánh giá và xem trình tối ưu hoá hình ảnh của bạn hoạt động như thế nào! Nếu hiện tại bạn chưa làm gì đó để tối ưu hoá hình ảnh thì sao? Vậy nên, cũng là thời điểm thích hợp để khám phá công cụ hình ảnh và xem những lợi ích mà bạn có thể mang lại 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ỏ lỡ một công cụ hoặc dịch vụ hình ảnh không? Nhớ báo cho chúng tôi nhé! Cả các công cụ và dịch vụ cũng như bản thân các bài kiểm thử đều là một nội dung sống động và luôn cập nhật. Bất cứ khi nào bạn cần tìm một nơi nhanh để xem trạng thái mới nhất của hình ảnh trong phần giao hàng, hãy nhớ ghé thăm images.tooling.report.

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