Facebook Twitter
alltechbites.com

HTML - Mẹo Quản Lý Tệp Hình ảnh

Đăng trên Bước Dều 16, 2024 bởi Grant Tafreshi

Đồ họa HTML. Đó là một hành động cân bằng thực sự không phải lúc nào cũng là một nhiệm vụ dễ dàng để thực hiện. Hãy đối mặt với nó. Các trang web là tất cả văn bản chỉ đơn giản là nhàm chán để kiểm tra. Nó giống như đọc các cáo phó trên tờ báo. Vì vậy, đồ họa thực sự có thể được tìm thấy có ích khi cố gắng tăng cường trang web của bạn một chút. Vấn đề là đồ họa, hoặc thậm chí các tệp đồ họa đặc biệt hơn, có thể cực kỳ lớn và mất nhiều thời gian để bó trên một trang đầy đủ. Khi bạn có quá nhiều đồ họa hoặc nếu đồ họa bạn đã chọn là lớn, khách truy cập có thể mất kiên nhẫn mong chờ trang để tải. Kết quả là bạn đã mất khán giả vì họ đã thay đổi. Vậy làm thế nào bạn có thể đạt được sự cân bằng giữa một trang web trông buồn tẻ và thứ gì đó mất mãi mãi để tải? Chúng tôi sẽ xem xét một vài điều bạn chắc chắn có thể làm liên quan đến vấn đề này trong bài đăng này.

Động thái đầu tiên và dễ dàng nhất để thực hiện là không sử dụng quá nhiều tệp đồ họa trên trang web của riêng bạn. Đôi khi chỉ cần một vài tệp đồ họa được đặt cẩn thận trên một trang đầy đủ để thu hút đầy đủ sự chú ý của khách truy cập, đặc biệt nếu bạn có một trang với các mục tin tức. Đôi khi chỉ có một hình ảnh duy nhất về chủ đề chính của mục tiêu đề tin tức, giả sử một tính cách, là tất cả những gì được yêu cầu bên cạnh văn bản tiêu đề tin tức. Nếu bản thân bài viết trên các tiêu đề tin tức vượt ra ngoài trang ban đầu, có thể có thể thêm một bức ảnh khác được liên kết với nó trên một trang khác. Điều này luôn có thể giữ cho khách truy cập sự chú ý bằng cách cho anh ta một số hình ảnh.

Điều tiếp theo mà bạn có thể làm, nếu bạn nên có một số ảnh trên một trang đầy đủ, là để giảm mức độ lớn của mỗi đồ họa. Một tệp đồ họa bao gồm các pixel và được biểu thị kích thước khôn ngoan trong byte. Càng nhiều byte trong một tệp đồ họa càng lớn thì tệp càng lớn và càng cần tải trên một trang đầy đủ. Hầu hết các chương trình đồ họa cho phép bạn giảm chất lượng bằng cách nén chúng, điều đó được thực hiện bằng cách lấy đi một vài chi tiết đồ họa hoặc một vài pixel. Với sự lặp lại, có thể lấy đủ chi tiết từ tệp để việc thiếu chi tiết hầu như không thể phát hiện được và đồng thời giảm tệp đồ họa 64.000 byte xuống tệp đồ họa 32.000 byte và do đó giảm một nửa thời gian. Nếu bạn có một số hình ảnh trên trang, điều này có thể tạo ra một sự khác biệt lớn.

Một điều khác có thể được thực hiện là sử dụng các tệp đồ họa, được gọi là các tệp GIF, có thể tải nên thực tế ảnh hiển thị dần trên màn hình vì nó tải để khách truy cập có thể dễ dàng thấy rằng bạn sẽ thấy một hình ảnh ở đó sau khi hoàn thành việc tải. .

Một điều mà các nhà thiết kế trang web đôi khi quên là một số trình duyệt không hiển thị các tệp đồ họa một cách chính xác hoặc tất cả. Để cho phép vì khả năng này là một dịch vụ thiết kế web, khi mã hóa HTML của bạn, bạn cần đưa vào cái được gọi là văn bản thay thế trong thẻ nguồn hình ảnh của bạn để nếu khách truy cập không thể xem đồ họa, họ có thể lưu ý rằng một cái gì đó có nghĩa là ở đó.

Một điều khác bạn cần làm là đảm bảo rằng ảnh của bạn được đóng khung đúng trên trang. Nếu bạn muốn biên giới xung quanh ảnh của bạn, hãy chắc chắn rằng bạn thêm một thẻ Biên giới = 1 trên tệp nguồn hình ảnh của riêng bạn.

Cuối cùng, hãy chắc chắn rằng bạn là các tùy chọn chiều cao và chiều rộng trong các thẻ nguồn hình ảnh của bạn. Những gì điều này làm là đảm bảo nó là vì vậy mã HTML cung cấp một khu vực chính xác cho ảnh ngay cả trước khi nó tải. Điều này có thể giúp tăng thời gian tải do cách quản lý bộ nhớ.