Advertisement
  1. Photo
  2. Editing & Post-Processing
  3. Photo Editing

Xuất Ảnh JPG cho Web từ Adobe Photoshop Lightroom

Scroll to top
Read Time: 9 min

() 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ướcchấ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.

Export exportExport exportExport export
Để xuất hình, 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 namingFile namingFile naming

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
File settingsFile settingsFile settings

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.

Image sizingImage sizingImage sizing

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.

Image sizeImage sizeImage size
Bạn có thể hiển thị kích thước ban đầu của một hình ảnh trong Lightroom bằng cách nhấn "i" trên bàn phím. Nó sẽ hiển thị kích thước bằng pixel của hình ảnh chụp được. Bạn có thể thấy ở đây hình ảnh ra khỏi máy ảnh sẽ lớn hơn nhiều so với nhu cầu cho web, nơi mà hình ảnh thường rộng 1000 pixel hoặc nhỏ hơn.

Đố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.

Export - Long EdgeExport - Long EdgeExport - Long Edge
Cách yêu thích của tôi khi xuất hình ảnh từ Lightroom là chọn tùy chọn "Resize to fit > Long Edge" trong hộp thoại Export. Điều này sẽ thay đổi kích thước tất cả các hình ảnh thành 600 pixel ở cạnh lớn nhất của chúng, dù đó là ảnh portrait hoặc landscape. Cạnh kia sẽ được tính tự động. Đây là một lựa chọn tuyệt vời khi tôi xuất ảnh cho Tuts+, nơi mà tất cả các hình ảnh có cạnh dài là 600 pixel.

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.

Web Quality ComparisonWeb Quality ComparisonWeb Quality Comparison
Hình trên cho thấy sự so sánh về chất lượng với các cài đặt thanh trượt khác nhau. Trong cài đặt chất lượng thấp nhất, bạn có thể thấy một số vùng bị bể trên bầu trời. Khi chất lượng tăng lên, mức độ chi tiết trong những cái cây và nhà cũng tăng, nhưng kích thước tập tin lớn hơn như minh hoạ dưới đây.
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.

Export with sRGBExport with sRGBExport with sRGB
Khi xuất ảnh cho web, tôi luôn đảm bảo rằng tôi đã chọn "sRGB" làm không gian màu của tôi để có kết quả tốt nhất.

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.

Save Export PresetSave Export PresetSave Export Preset
Sau khi bạn đã thêm các quy tắc thay đổi kích thước và chất lượng, đừng quên lưu một số "Preset Export" bằng cách nhấn vào Add. Nó sẽ lưu tất cả các quy tắc của bạn; tôi khuyên bạn nên xây dựng một số cho các mục tiêu khác nhau 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.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Photo tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.