Theo kinh nghiệm của tôi, đây là sự cân bằng hơn giữa tốc độ tải và chất lượng ảnh. Với bản thân tôi là một nhiếp ảnh gia chuyên nghiệp, tôi hiểu thử thách khó khăn này.
Tôi cảm thấy rằng internet đã đi một chặng đường dài và hiện nay có một số kỹ thuật và công cụ tuyệt vời mà bạn có thể sử dụng để tránh vấn đề này. Không có kỹ thuật nào trong số này là nguyên bản hoặc cụ thể đối với một trang web nhiếp ảnh.
Về câu hỏi đầu tiên của bạn: Tôi có thể hy sinh bao nhiêu chất lượng để chống lại sự chuyên nghiệp?
Theo kinh nghiệm của tôi, nhìn chung bạn có thể tìm thấy sự cân bằng bằng cách chơi với các cài đặt của hình ảnh jpeg. Cài đặt chất lượng 70-85 sẽ là đủ. Ngoài ra, sử dụng 72 DPI là đủ để giảm thiểu kích thước tệp.
Câu hỏi thứ hai của bạn: Nó thực sự phản ánh với người chụp nếu các bức ảnh ở độ phân giải thấp hoặc mọi người sẽ hiểu đơn giản là bản chất của web?
Có, bất kỳ pixel và / hoặc chất lượng kém của hình ảnh sẽ phản ánh kém nếu ảnh không có chất lượng rất cao. Công việc của một nhiếp ảnh gia chỉ phụ thuộc vào chất lượng hình ảnh và sự chú ý đến chi tiết hình ảnh.
Kỹ thuật cần xem xét
Tôi sẽ tránh nén cực độ nếu bạn phải. Internet cung cấp rất nhiều kỹ thuật tuyệt vời để cải thiện tải:
- Cung cấp trải nghiệm người dùng tuyệt vời : Cung cấp cho khách truy cập của bạn thông tin phản hồi phong phú sẽ làm giảm sự thất vọng và sẽ giữ họ ở trang web của bạn lâu hơn. Hãy xem xét các kỹ thuật liên quan đến UI sau đây:
- Sử dụng một bộ tải
- Zoom hình ảnh tương tác làm cho rất nhiều ý nghĩa.
Bộ nhớ đệm hình ảnh động - Sử dụng phần mềm trang web tạo ra các kích thước hình ảnh khác nhau cho người dùng trước thời hạn. Nếu bạn đang sử dụng ngăn xếp LAMP, PHP cung cấp hai thư viện mã tuyệt vời ( GD & Imagemagick và rất nhiều tập lệnh tuyệt vời có thể làm điều này cho bạn.
Sử dụng CDN : Xem xét các thiết lập kiến trúc (máy chủ). Giống như tải hình ảnh tĩnh từ CDN hoặc một mạng khác hoàn toàn sẽ cung cấp cho bạn thời gian tải nhanh hơn.
Xem xét việc tải javascript lười biếng : Có rất nhiều plugin javascript cung cấp hình ảnh " lười tải "; chờ đợi để tải hình ảnh cho đến khi nó thực sự cần thiết.
Sử dụng một dịch vụ thay đổi kích thước hình ảnh : Có một chủ đề tuyệt vời ngay bên dưới bài viết này về chính chủ đề này! Smush.It hoặc thu nhỏ hình ảnh lossless tương tự với API
Cuối cùng, Xem lại hướng dẫn Hiệu suất YUI : Yahoo cung cấp một hướng dẫn tuyệt vời về hiệu suất. Một số lời khuyên đã được đề cập ở trên nhưng hướng dẫn này khá toàn diện.