Kiểm tra trạng thái của công cụ hình ảnh.
Việc đưa hình ảnh lên web là một chuyện, nhưng việc làm cho hình ảnh đó trở nên bắt mắt lại là một chuyện khác. Việc chọn định dạng, độ nén, số điểm trên inch (DPI) và hàng trăm chế độ cài đặt khác có thể dễ dàng bị quên khi chúng ta tự làm tất cả những việc này.
Tin vui là hiện nay chúng ta 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 ta. Tin không vui là có rất nhiều. Bạn có thể khó 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 liệt kê những điều chúng tôi cho là quan trọng nhất khi phân phối hình ảnh trong môi trường sản xuất, đồng thời 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 phần lớn số byte được chuyển của một trang web và những byte đó sẽ tích luỹ 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 trang. Tất cả các byte bị lãng phí đó đều có chi phí. Đó 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 tế, những trang đã chuyển đổi có ít hình ảnh 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 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 đượ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ỉ đơn thuần là nhấp vào "Lưu cho web". Đó là lý do images.tooling.report kiểm tra nhiều tính năng. Chúng tôi sẽ đề cập đến các kiến thức 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 tính năng tối ưu hoá mạng như tiêu đề bộ nhớ đệm có thời gian lưu trữ lâu.
Tuy nhiên, chúng ta không dừng lại ở đó. Chúng tôi đã tìm kiếm các tuỳ chọn nâng cao hơn, chẳng hạn như hỗ trợ Save-Data, ECT và các gợi ý khác cho ứng dụng để tìm kiếm tính năng 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 để liên tục nén hình ảnh, nhằm tìm phiên bản có kích thước nhỏ nhất mà không làm thay đổi cách mắt chúng ta cảm nhận hình ảnh đó. Bạn có đang ép mọi bit không phải hình ảnh cuối cùng ra khỏi hình ảnh trước khi gửi qua mạng không?
Tất nhiên, mỗi trang web đều có những đặc điểm riêng biệt và không có công cụ hay dịch vụ nào có thể cung cấp mọi thông tin mà chúng tôi cần. Đó là điều bình thường! Vì vậy, chúng tôi đã chia nội dung thử nghiệm thành nhiều danh mục. Chúng tôi đề cập đến Mạng phân phối nội dung (CDN), dự án tự lưu trữ, trình bổ trợ Hệ thống quản lý nội dung (CMS) và trình tạo trang web. Đây là những định nghĩa khá lỏng lẻo nhằm giúp việc so sánh các lựa chọn trở nên phù hợp hơn:
- Trình bổ trợ CMS là các gói 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 để tạo trang web.
- Tự lưu trữ dành cho các nhà phát triển cảm thấy thoải mái khi nhân bản một dự án git hoặc chạy hình ảnh Docker của riêng họ trong môi trường sản xuất.
- CDN phức tạp hơn một chút. Một số trong số này là 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 ở rìa mạng.
Bạn không thể làm hài lòng tất cả mọi người mọi lúc, nhưng bạn nên xem các thử nghiệm và tính năng đang được đánh giá để biết trình tối ưu hoá hình ảnh của mình có hiệu quả như thế nào! Còn nếu bạn chưa làm gì để tối ưu hoá hình ảnh thì sao? Vậy thì đây là thời điểm thích hợp để bạn tìm hiểu về công cụ xử lý hình ảnh và xem những lợi ích mà bạn có thể mang lại cho những người đang sử dụng trang web của bạn.
Tiếp theo là gì?
Bạn có cho rằng chúng tôi đã bỏ lỡ một công cụ hoặc dịch vụ xử lý 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ư chính các chương trình kiểm thử đều là những thứ sống động và luôn được cập nhật. Bất cứ khi nào bạn cần một nơi nhanh chóng để kiểm tra trạng thái hiện tại của 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.