Tài liệu hướng dẫn đa phương tiện - Sử dụng ảnh trên Web

Bài viết này giải thích chi tiết về điều kiện sử dụng hình ảnh và văn bản, cách làm cho hình ảnh tải xuống nhanh hơn và chọn định dạng hình ảnh phù hợp.

Khi nào nên sử dụng hình ảnh

Đối với hầu hết các hình ảnh, một hình ảnh có thể thay thế cho ngàn lời. Tuy nhiên, vẫn cần lưu ý rằng không ai chú ý đến những người nói lải nhải. Đầu tiên và quan trọng nhất, là phải sử dụng hình ảnh trong tài liệu như một công cụ visual hóa,而不是 chỉ là trang trí vô cớ. Chúng nên hỗ trợ nội dung của văn bản và giúp người đọc dễ dàng di chuyển trong tài liệu. Sử dụng hình ảnh có thể làm rõ nội dung tài liệu hơn, và cũng có thể thêm chú thích hoặc ví dụ. Các hình ảnh, biểu đồ, đường cong, bản đồ và hình minh họa là những lựa chọn tự nhiên và phù hợp. Ví dụ, hình ảnh sản phẩm là một phần quan trọng của danh mục trực tuyến và hướng dẫn mua hàng. Cùng với các biểu tượng và ký hiệu có liên kết, bao gồm cả hình ảnh có hiệu ứng hoạt hình, đều có thể là hướng dẫn rất hiệu quả để dẫn đến nội dung hoặc tài nguyên ngoài. Nếu một hình ảnh không đóng góp gì cho tài liệu trên đây, thì nên bỏ nó đi!

Khi cân nhắc thêm hình ảnh vào tài liệu, một yếu tố quan trọng khác cần xem xét là thời gian chậm trễ do việc tìm kiếm qua mạng, đặc biệt là qua调制解调器 để truyền tải tài liệu. Tài liệu thông thường có thể chứa tối đa 10-15 kilobyte, trong khi một hình ảnh có thể dễ dàng đạt đến kích thước hàng trăm kilobyte. Ngoài ra, tổng thời gian tải xuống của một tài liệu không chỉ là tổng của tất cả các phần, mà còn cần xem xét đến thời gian chậm trễ do tải mạng.

Dựa trên tốc độ kết nối (tức là băng thông,bandwidthThường được biểu thị bằng bps hoặc b/s) và tình trạng tắc nghẽn mạng có thể làm chậm tốc độ kết nối, để tải xuống một tài liệu đơn lẻ chứa hình ảnh 100 KB, có thể phải vào khoảng một hai giờ sáng, khi đa số mọi người vẫn đang ngủ, sử dụng调制解调器 57.6 Kbps để kết nối sẽ mất khoảng 15 giây để hoàn thành việc tải xuống, hoặc có thể vào buổi trưa sử dụng调制解调器 9600 bps sẽ mất hơn 10 phút để tải xuống. Bạn có nhận được hình ảnh này chưa?

Tất nhiên, việc sử dụng hình ảnh và các phương tiện truyền thông khác sẽ促使 các nhà cung cấp dịch vụ Internet không ngừng tìm kiếm cách nhanh hơn, tốt hơn và bền bỉ hơn để cung cấp nội dung Web. Sớm hay muộn, kết nối调制解调器 56 Kbps sẽ như ngựa và xe ngựa ra khỏi lịch sử (như调制解调器 9600 bps), nó sẽ bị thay thế bởi công nghệ mới như cáp调制解调器和 ADSL. Thực tế, hầu hết các kết nối sẽ nhanh hơn 1Mbps.

Với việc giá cả giảm, việc sử dụng mạng sẽ ngày càng tăng, dẫn đến vấn đề拥塞. Nếu bạn đang cố gắng truy cập một máy chủ hoạt động quá tải, thì không matter tốc độ kết nối mạng của bạn nhanh đến mức nào, bạn cũng không thể truy cập được.

Khi nào nên sử dụng văn bản

Văn bản không đã lỗi thời. Đối với một số người dùng, văn bản là phần duy nhất có thể truy cập được trong tài liệu của họ. Chúng tôi khuyên rằng, trong hầu hết các trường hợp, tài liệu nên được mọi người truy cập, bao gồm cả những người không thể xem hình ảnh hoặc những người tắt chức năng tự động tải xuống hình ảnh của trình duyệt để cải thiện hiệu suất kết nối mạng. Mặc dù nhu cầu thêm hình ảnh vào tài liệu có thể rất lớn, nhưng có những lúc tài liệu văn bản thuần túy lại có ý nghĩa hơn.

Các tài liệu từ định dạng khác chuyển đổi thành trang web hiếm khi chứa hình ảnh gắn vào, trong khi tài liệu tham khảo và một số nội dung nghiêm trọng khác thường đều có sẵn dưới dạng văn bản thuần túy.

Khi tốc độ truy cập rất quan trọng, bạn nên tạo tài liệu văn bản thuần túy. Nếu bạn biết rằng người dùng có thể tranh chấp để lấy tài liệu của bạn, bạn nên tránh sử dụng hình ảnh trong tài liệu để phù hợp với nhu cầu của những người dùng này. Trong một số trường hợp cực đoan, bạn có thể cung cấp một trang chủ (trang hướng dẫn), cho phép người dùng có cơ hội chọn giữa hai bản sao của tác phẩm của bạn: một bản chứa hình ảnh và một bản bỏ qua hình ảnh (hầu hết các trình duyệt phổ biến đều có biểu tượng hình ảnh đặc biệt để để lại không gian cho các hình ảnh chờ tải xuống,而这些占位符 có thể làm rối loạn bố cục tài liệu, thậm chí trở thành những thứ không thể đọc được).

Nếu bạn muốn tài liệu của mình dễ dàng được các dịch vụ tìm kiếm trên Web tìm thấy, thì văn bản là hình thức phù hợp nhất - chỉ hỗ trợ hình ảnh, không hỗ trợ các hình ảnh trang trí và hình ảnh không cần thiết. Tuy nhiên, các công cụ tìm kiếm này thường bỏ qua sự tồn tại của hình ảnh. Nếu nội dung chính của trang web là thông tin cung cấp qua hình ảnh, thì thông tin về tài liệu của bạn trong thư mục trực tuyến sẽ rất ít.

Tăng tốc độ tải hình ảnh

Ngoài việc chọn cẩn thận nội dung cần bao gồm trong tài liệu, còn rất nhiều cách để cải thiện vấn đề tải và trễ do hình ảnh gây ra:

Giữ cho nó đơn giản

Một hình ảnh màu 24 bit full màn hình, ngay cả khi đã được nén kích thước theo định dạng tiêu chuẩn (ví dụ GIF hoặc JPEG), vẫn chiếm nhiều băng thông mạng. Do đó, tốt nhất là sử dụng các công cụ quản lý hình ảnh để tối ưu hóa kích thước hình ảnh và giảm số lượng màu xuống số pixel tối thiểu. Simpl hóa họa tiết của bạn và không sử dụng những bức ảnh phong cảnh, cũng như tránh các phần nền trắng lớn và các yếu tố không cần thiết khác chiếm không gian. Đồng thời, tránh sử dụng hiệu ứng rung (trộn hai màu相近 để có màu thứ ba), kỹ thuật này sẽ giảm đáng kể khả năng nén hình ảnh. Ngược lại, hãy cố gắng sử dụng nhiều màu đồng nhất trên diện tích lớn, vì chúng có thể dễ dàng được nén bằng định dạng GIF hoặc JPEG.

Lặp lại sử dụng hình ảnh

Điểm này đặc biệt áp dụng cho biểu tượng và các animation GIF. Hầu hết các trình duyệt sẽ lưu trữ các thành phần tài liệu được引入 vào bộ nhớ cục bộ để tăng tốc độ truy cập và sử dụng ít hơn kết nối mạng. Đối với các tệp animation GIF nhỏ, hãy thử chuẩn bị mỗi hình ảnh liên tiếp để chỉ cập nhật phần đã thay đổi trong animation, thay vì tải lại toàn bộ hình ảnh (điều này cũng có thể tăng tốc độ hiển thị animation).

Chia tài liệu lớn

Đây là một nguyên tắc chung để chứa hình ảnh. Nhiều đoạn tài liệu nhỏ được tổ chức lại bằng các liên kết (tất nhiên là bằng nó!) và mục lục hiệu quả, điều này giúp người dùng dễ dàng chấp nhận hơn so với tài liệu lớn. Generaly, mọi người thích chuyển đổi giữa các trang hơn là lãng phí thời gian chờ tải tài liệu lớn (điều này có sự giống nhau với chứng bệnh xem truyền hình). Một kinh nghiệm tốt là giữ mỗi tài liệu ở kích thước khoảng 50 KB, như vậy ngay cả khi người đọc sử dụng kết nối chậm nhất cũng sẽ không cảm thấy mệt mỏi.

Tách biệt hình ảnh lớn khi cần thiết

Chỉ định một liên kết đặc biệt cho hình ảnh lớn, có thể là một hình ảnh thu nhỏ để người đọc quyết định có cần花费时间 tải toàn bộ hình ảnh hay khi nào tải. Đồng thời, vì các hình ảnh này không trộn lẫn với các yếu tố khác trong tài liệu như hình ảnh liên kết, vì vậy dễ dàng nhận biết và lưu trữ trên bộ nhớ cục bộ để sử dụng sau này.

Chỉ định kích thước hình ảnh

Cuối cùng, một phương pháp khác để cải thiện hiệu suất là bao gồm chiều cao và chiều rộng của khung hình ảnh trong thẻ của nó. Bằng cách chỉ định các kích thước này, bạn có thể tiết kiệm một số bước bổ sung, trình duyệt mở rộng chức năng không cần phải tải xuống, kiểm tra và tính toán kích thước của hình ảnh trong tài liệu. Tuy nhiên, phương pháp này có một nhược điểm không tốt. Nếu người dùng tắt chức năng tải xuống tự động hình ảnh, trình duyệt vẫn sẽ hiển thị không gian đã để trống cho hình ảnh với kích thước đã chỉ định. Thường thì điều này để lại cho người đọc một khung trống, mặc dù vẫn chưa có giải pháp cho vấn đề này, nhưng chúng tôi vẫn khuyến khích bạn sử dụng các thuộc tính kích thước này vì chúng tôi khuyến khích tất cả các hành vi cải thiện hiệu suất mạng.

JPEG hay GIF?

Nếu nguồn hình ảnh hoặc phần mềm công cụ của bạn ưa thích một định dạng nào đó, bạn có thể chỉ sử dụng một trong hai định dạng JPEG hoặc GIF. Hiện nay, cả hai định dạng này đều được hỗ trợ rộng rãi bởi trình duyệt, vì vậy không có vấn đề về việc người dùng có thể xem hay không.

Tuy nhiên, chúng tôi vẫn khuyên bạn nên sử dụng các công cụ nhất định để tạo hoặc chuyển đổi hai định dạng này để充分利用 các chức năng riêng của chúng. Ví dụ, có thể áp dụng đặc tính trong suốt của GIF vào biểu tượng và biểu tượng trang trí nhỏ. Sử dụng JPEG để nén những hình ảnh màu sắc phong phú lớn hơn để tăng tốc độ tải xuống.

Thẻ <img>

Thẻ <img> cho phép tham chiếu hoặc chèn hình ảnh trong luồng hiện tại của tài liệu. Để biết thêm thông tin chi tiết về thẻ này, xin xem: