Xuất Ảnh JPG cho Web từ Adobe Photoshop Lightroom
() translation by (you can also view the original English article)
Có lẽ điều thú vị nhất của nhiếp ảnh là chia sẻ tác phẩm của bạn với những người khác và trưng bày khả năng sáng tạo của bạn. Tuy nhiên, con đường để mang hình ảnh lên trực tuyến có thể có chút khó khăn. Trong bài này, tôi sẽ hướng dẫn cho bạn cách xuất các hình ảnh chuẩn web với kết quả tốt nhất.
Nén Ảnh
Cho dù hình ảnh của bạn đang được tải lên một trang web hoặc gửi email cho gia đình và bạn bè, thì nén là điều cần thiết. Tạo hình ảnh phục vụ cho các năng lực hạn chế của web có nghĩa là cân bằng giữa chất lượng hình ảnh và kích thước tập tin của hình ảnh. Khi chất lượng hình ảnh của chúng ta tăng lên, kích thước tập tin tin cũng như kích thước của hình ảnh cũng sẽ tăng theo.
Một phần quan trọng trong thiết kế cho web là xem xét trải nghiệm của người dùng (Tuts+ có một khóa học tuyệt vời về UX, nếu bạn quan tâm), hoặc ưu tiên khả năng xem và điều hướng trang web một cách thoải mái của người xem. Tải trang nhanh, được xác định bởi kích thước tập tin của trang web, là một phần của trải nghiệm người dùng. Hình ảnh hiện nay chiếm 62% lưu lượng web. Giữ cho các hình ảnh ở kích thước tập tin nhỏ sẽ giúp các trang web tải nhanh hơn.
Là nhiếp ảnh gia, chúng tôi liên tục gặp phải rào cản này. Chúng tôi muốn hình ảnh lớn, lộng lẫy. Và mặc dù chúng tôi muốn hình ảnh của chúng tôi xuất hiện tuyệt vời trên web, nhưng bạn không muốn làm bất kỳ ai phải mất nhiều thời gian để tải. Sự cân bằng là chìa khóa.
Khi chúng ta xuất hình ảnh cho web từ Adobe Photoshop Lightroom, chúng ta phải xem xét hai khía cạnh chính: kích thước và chất lượng.
Xuất ảnh trong Lightroom
Trước khi đi sâu vào việc tối ưu hoá việc xuất ảnh của chúng ta, hãy tìm hiểu sơ qua về xuất ảnh trong Lightroom.
Chọn một Hình ảnh
Để bắt đầu xuất, chọn một hoặc nhiều hình ảnh để xuất. Tôi thích chọn hình ảnh mà tôi muốn xuất ra từ film strip. Sau khi bạn đã chọn hình ảnh để xuất, bạn có thể nhấp chuột phải vào Windows hoặc Control + nhấp vào Mac để chọn Export > Export từ menu.



Sau khi bắt đầu xuất, một cửa sổ mới sẽ xuất hiện với nhiều tùy chọn. Hãy cùng xem các cài đặt chính mà bạn sẽ chọn với mỗi lần xuất.
Export Location
Export Location chỉ định nơi mà các hình ảnh đã hoàn tất sẽ được lưu. Bạn có thể chọn một thư mục từ menu thả xuống, và đánh dấu vào ô "Put in Subfolder" nếu bạn muốn các hình ảnh được lưu tất cả trong cùng một thư mục.



File Naming
Mỗi lần xuất cũng có thể có các cài đặt đổi tên của riêng nó. Nếu bạn chọn tùy chọn mặc định, hình ảnh của bạn sẽ có cùng tên với các tập tin gốc nhưng được lưu dưới đinh dạng ảnh chuẩn JPEG. Bạn cũng có thể đánh dấu vào hộp "rename to" và chọn một trong nhiều mẫu đổi tên mà Lightroom cung cấp để tuỳ biến tên các hình ảnh được xuất ra.



File Settings
Bảng File Settings là một trong những điều mà chúng ta sẽ thảo luận sâu hơn một chút khi chúng ta tìm kiếm sự cân bằng về chất lượng và kích thước tập tin. Trên màn hình cài đặt này, đây là những gợi ý của tôi cho mỗi tuỳ chọn:
- Image format: hầu như luôn luôn là JPEG, đặc biệt nếu hình ảnh dành cho web
- Color space: luôn luôn là sRGB
- Quality: thanh trượt này cho phép bạn chọn chất lượng hình ảnh được xuất ra; thanh trượt càng thấp thì chất lượng càng thấp, tập tin càng nhỏ; kéo thanh trượt sang phải tăng cả chất lượng hình ảnh và kích thước tập tin
- Limit file size to: Chúng ta cũng có thể tích vào tùy chọn "limit file size" để đặt giới hạn kích thước tập tin của hình ảnh được lưu



Image Sizing
Image Sizing dùng để thiết lập kích thước của hình ảnh. Bạn có thể chọn kích thước cũng như DPI của hình ảnh được xuất ra.



Xuất cho Web
Khi nói đến sự cân bằng giữa kích thước tập tin và chất lượng hình ảnh, thì đây là những điều chủ yếu cần xem xét:
Kích thước
Phần đầu tiên để xuất hiệu quả là xem xét kích thước của hình ảnh trên web. Kích thước của một hình ảnh là số pixel thực tế của hình ảnh.
Khi hình ảnh của bạn đi ra khỏi máy ảnh, kích thước của chúng là rất lớn. Chẳng hạn, hình ảnh 22 megapixel từ Canon 5D Mark III đo được là 5760 × 3840 pixel. Tuy nhiên, màn hình của máy tính xách tay của tôi chỉ là 1440 x 900 pixel. Thấy được vấn đề chứ? Thực tế là các hình ảnh web lại nhỏ hơn độ rộng của màn hình của chúng ta và sự cần thiết phải thay đổi kích thước là rõ ràng.



Đối với các hướng dẫn trên Tuts+, hình ảnh của chúng tôi được thay đổi kích thước thành 600 pixel và có kích thước tập tin tối đa 200 kilobytes. Điều này đảm bảo việc tải được nhanh chóng và, đối với hầu hết mọi người, việc này là rất tốt. Nếu bạn đọc trang này trên điện thoại thông minh của bạn, rất có thể là nó được load khá nhanh, ngay cả khi bạn đang có một kết nối chậm.



Chất lượng
Trong một thế giới hoàn hảo, chúng ta luôn có thể xuất hình ảnh với chất lượng cao nhất. Trên thực tế, chúng tôi nhận thấy xuất ảnh chất lượng tối đa không phải lúc nào cũng cần thiết. Ở kích cỡ web, sự khác biệt về chất lượng thường khó có thể nhận ra, và điều này có nghĩa là chúng ta có thể giảm chất lượng và giảm kích thước tập tin.
Càng về ở phái trước của thang đo chất lượng, thì chất lượng giảm dần. Sự khác biệt về chất lượng nhận thấy giữa cài đặt chất lượng 90 và 100 là khó nhìn thấy, nhưng nó làm tăng đáng kể kích thước tập tin.
Thiết lập Chất lượng Lightroom | Kích thước Tập tin Hình ảnh được Xuất |
---|---|
25 | 91KB |
50 | 122kb |
75 | 168kb |
100 | 366kb |
Với những kết quả như trên, tôi sẽ chọn xuất ở chất lượng 75. Nó nhắm đến sự cân bằng về chất lượng và phù hợp với giới hạn hình ảnh của Tuts+ là 200kb.
Nhúng Profile cho Web
Một bước kiểm tra quan trọng khi xuất hình ảnh cho web là bao gồm đúng profile màu sắc. Daniel Sone đã viết rất nhiều trên Tuts+, tất cả về không gian màu, nhưng với mục đích xuất ảnh trong Lightroom, hãy đảm bảo rằng chúng ta nhúng profile màu sRGB.



Các Preset cho Việc xuất Ảnh
Ngay cả khi xuất ảnh cho web, thì có một số tình huống khác nhau sẽ ảnh hưởng đến cài đặt của bạn. Mặc dù chúng ta đang tối ưu hóa kích thước tập tin, nhưng đôi khi cần phải có chất lượng cao hơn hoặc hình ảnh có độ phân giải cao hơn. Đó là lý do tại sao preset cho việc xuất ảnh là cực kỳ hữu ích; bạn có thể xây dựng một số tùy chọn khác nhau và sử dụng chúng cho các kích thước mục tiêu khác nhau.
Trên cửa sổ Export, lưu các cài đặt xuất ảnh hiện tại của bạn rất dễ dàng. Sau khi bạn đã chọn tất cả các cài đặt, hãy nhấn nút "+" và lưu các preset của bạn.



Tóm tắt
Trong hướng dẫn này, bạn đã học được một số cách làm và ý tưởng tốt nhất để xuất ảnh hiệu quả cho web. Nén hình ảnh của bạn cho web để đảm bảo rằng người xem sẽ tải chúng nhanh chóng. Với các cài đặt hợp lý, chúng ta vẫn có thể duy trì chất lượng cao.