Làm thế nào lớn là quá lớn khi đến hình ảnh nền?

Tôi đang gặp vấn đề nhỏ ở đây. Tôi là một chuyên gia phát triển web và hiện tôi đang xây dựng trang web này cho một dự án mà tôi bắt buộc phải làm. Tôi muốn làm cho nó trông đẹp với hình nền. Tôi đã tạo ra hình ảnh trong Photoshop và lưu nó vào web dưới dạng tệp .jpg và nó đã kết thúc với kích thước là 58.8k.Làm thế nào lớn là quá lớn khi đến hình ảnh nền?

Tôi là tất cả cho các trang web tải nhanh cho người dùng, nhưng tôi tự hỏi nếu chưa đến 60k thì được chứ? Tôi đã kiểm tra nó trên phần mở rộng firefox yslow và nó tải cho tôi trong 96 ms (chủ đề thử nghiệm hơi nghèo - http://www.speedtest.net/result/1146275377.png)

Có quá 60k, thực hành tốt nhất là chỉ có hình ảnh 10-20k? Tôi ghét nó khi tôi nhìn thấy một hình ảnh tải ... nó chỉ .. không phải là ngay cả giá trị đồ họa tại thời điểm đó. Có cách nào nhanh hơn để tải hình ảnh có kích thước đó không? CSS hoặc thẻ? Hay tôi thậm chí không nên lo lắng về điều đó?

Nguồn

2011-02-07 Phil

Hầu hết các trình duyệt tải hình nền theo mặc định, vì vậy bạn không nên gặp sự cố.

Mức độ lớn quá lớn tùy thuộc vào thiết lập lưu trữ của bạn, số lượng lưu lượng truy cập trang web của bạn và tỷ lệ chuyển truyền điển hình của khách truy cập.

60k có vẻ hợp lý đối với tôi đối với một trang web trung bình không có quá nhiều khách truy cập đồng thời. Tuy nhiên, chi phí băng thông tiền và đây là lý do mà bạn hiếm khi nhìn thấy hình ảnh nền của kích thước đó trên các trang web lớn. Mặt khác, youtube thường xuyên phát trực tuyến các video lớn hơn hàng nghìn lần so với hình nền bạn đề xuất. Không thể cung cấp cho bạn lời khuyên chính xác mà không biết nhiều hơn về trang web của bạn, giải pháp lưu trữ và thống kê sử dụng của trang web.

Rất có thể, nếu bạn đang đặt câu hỏi này, 60k hoàn toàn ổn.

Nếu bạn muốn đảm bảo rằng tải hình nền của bạn đầu tiên hoặc cuối cùng bạn có thể làm:

<script type="text/javascript"> 
bgimage = new Image(); 
bgimage.src = "http://www.olhovsky.com/img/cdf97/256fwt1_eg.png"; 
</script>

Nơi mà mã trên thẻ nội dung để tải trước hình nền. Đặt nó thấp hơn trong tài liệu html của bạn để tải nó sau này (ví dụ: sau thẻ </body> để tải nền cuối cùng).

Và sau đó trong thẻ nội dung:

<body onload="document.body.background=bgimage.src;">

Nguồn

2011-02-07 08:12:18 Olhovsky

Tôi không nghĩ 60k là quá lớn mặc dù bạn có thể muốn nhìn vào người sử dụng khả năng của mình và suy nghĩ về những gì tốc độ kết nối của họ sẽ như thế nào. Nếu bạn muốn thử và nén kích thước tệp xuống càng nhiều càng tốt, hãy thử smushing it và bạn có thể thấy nó giảm thêm một chút.

Nguồn

2011-02-07 08:32:17

Tôi quên mất điều đó! Cảm ơn bạn rất nhiều, đã giảm xuống 54.6k! – Phil

Làm thế nào lớn là quá lớn khi đến hình ảnh nền?

Trả lời

Các vấn đề liên quan