Làm cách nào tôi có thể đảm bảo hiển thị màu phù hợp với trình duyệt trên màn hình gam rộng?


13

Khi chỉnh sửa web, mọi người sẽ khuyên bạn nên sử dụng sRGB, vì rất nhiều trình duyệt không cung cấp quản lý màu và hầu hết các trình duyệt sẽ hiểu tất cả các hình ảnh là sRGB.

Điều này đúng với các trình duyệt được sử dụng trên màn hình gam thông thường, sống trong sRGB.

Bây giờ nhập màn hình gam rộng. Chúng sống trong không gian màu AdobeRGB và với sự thất vọng của tôi trên các trình duyệt hiển thị gam rộng mà không có quản lý màu cũng sẽ hiểu dữ liệu hình ảnh là trong không gian màu AdobeRGB. Điều gì xảy ra nếu dữ liệu hình ảnh sRGB được hiểu là AdobeRGB? Màu sắc bị tắt, quá mạnh, trông thật lòe loẹt.

Vấn đề thậm chí còn tiếp tục khi sử dụng trình duyệt có quản lý colorman như FireFox, nhưng xem ảnh mà không có hồ sơ nhúng: hình ảnh sẽ được hiểu là AdobeRGB thay vì sRGB.

Nói tóm lại: kể từ khi tôi nhận được màn hình gam màu rộng, flickr trông rất tệ.

Có ai biết làm cách nào để trình duyệt của tôi (Internet Explorer và FireFox) sử dụng sRGB thay vì AdobeRGB để hiển thị màu như mặc định không?

Tôi đang sử dụng Windows 7.

Điều thú vị là, khi tôi tải hình ảnh xuống ổ đĩa cục bộ và sử dụng trình xem tệp để xem chúng, màu sắc được hiểu chính xác là sRGB.


Tôi nghi ngờ rằng Flickr có thể không bao gồm cấu hình màu khi nó cũng tạo kích thước nhỏ hơn.
Rowland Shaw

Các tập tin chứa hồ sơ không phải là vấn đề chính của tôi. Vấn đề chính của tôi là những hình ảnh không chứa hồ sơ.
Sam

@Rowland Flickr không giữ gìn hồ sơ màu sắc trong hình ảnh thay đổi kích cỡ.
Mark Whitaker

"Điều buồn cười" mà bạn đề cập đến trong câu cuối cùng của bạn chỉ là do người xem hình ảnh đang coi những hình ảnh không được cung cấp là sRGB và Firefox thì không. Xem câu trả lời của tôi về cách để Firefox cũng làm điều đó.
Mark Whitaker

Câu trả lời:


-4

Thật không may, không có gì bạn có thể làm điều đó là thực tế. Để có được những gì bạn muốn, bạn phải đặt hồ sơ hệ thống của bạn thành sRGB.

Hành vi biểu hiện màu sắc hình ảnh cho hình ảnh không có hồ sơ đính kèm là không xác định. Các trình duyệt không đoán được không gian màu của hình ảnh là gì, nếu không có hồ sơ nào được đính kèm. Hệ điều hành xử lý việc đó.

Cách thích hợp để có được màu sắc chính xác, là đính kèm một hồ sơ vào hình ảnh. Rõ ràng flickr (và hình thu nhỏ smugmug) không cung cấp cho bạn tùy chọn này.

Vì vậy, bạn có hai lựa chọn: một, đặt windows để sử dụng sRGB làm hồ sơ giám sát của bạn; sau đó tất cả các hình ảnh không được gắn thẻ sẽ trông giống như sRGB, nhưng hình ảnh được gắn thẻ sẽ trông giống như tào lao và quản lý màu sắc của bạn sẽ bị chao đảo.

Hoặc, chỉ cần đối phó với thực tế rằng hình ảnh không được quản lý là ma quỷ và bạn không thể làm gì về nó.

Có lẽ có một plugin firefox có thể tự động đính kèm một cấu hình màu, nhưng bên ngoài đó, nó chỉ là một mút cũ đơn giản được gọi là quản lý màu.

Tôi đã phải đối phó với vấn đề tương tự với Smugmug. Tất cả hình ảnh của tôi đều có hồ sơ sRGB đính kèm, vì vậy chúng trông tuyệt vời (trong các trình duyệt được quản lý màu), nhưng hình thu nhỏ trông quá bão hòa. Đó là vì ngón tay cái được tự động phát triển và smugmug từ chối đính kèm cấu hình màu cho chúng, vì nó nhân đôi kích thước của hình thu nhỏ. Vì vậy, ngón tay cái kết xuất theo bất cứ cách nào mà HĐH quyết định kết xuất chúng.


Trên thực tế, tôi thấy màn hình của mình (Eizo CG303w) cung cấp một công tắc chế độ có thể được sử dụng để chuyển đổi giữa AdobeRGB và sRGB, rất tiện cho việc duyệt web.
Sam

"Để có được những gì bạn muốn, bạn phải đặt hồ sơ hệ thống của bạn thành sRGB." - điều đó hoàn toàn sai. Bạn không bao giờ nên đặt hồ sơ hệ thống của mình thành sRGB, bạn nên cấu hình màn hình của mình bằng một thiết bị hiệu chuẩn.
Mark Whitaker

1
Xin lỗi, -1 vì hầu hết mọi thứ trong câu trả lời này đều không chính xác! Bạn không được đặt cấu hình hiển thị của mình thành sRGB, bạn có thể đính kèm cấu hình vào hình ảnh trên Flickr, Firefox có thể hiển thị hình ảnh không được đánh dấu là sRGB và cách thích hợp để hiển thị màu không phải là (chỉ) để gắn thẻ hình ảnh của bạn, đó là hồ sơ màn hình của bạn! Nói tóm lại, có một cái gì đó bạn có thể làm gì về nó!
Mark Whitaker

1
Xin lỗi, phần đầu tiên "cài đặt màn hình của bạn thành rgb" là lời khuyên tồi "hình ảnh sẽ trông giống như sRGB, nhưng các hình ảnh khác sẽ trông giống như tào lao." Tôi nên đã gắn thẻ nó như vậy, nhưng tôi nghĩ rằng nó được ngụ ý rằng đó là lời khuyên tồi. Ngoài ra, trong cài đặt trong firefox, nó không cho biết cấu hình nào gắn thẻ hình ảnh là. Sửa lỗi thứ ba hiệu chỉnh màu sắc và thiết lập trình duyệt firefox của bạn hoạt động tốt cho chính bạn, nhưng hãy thử để mọi người sẽ ghé thăm phòng trưng bày của bạn để làm điều tương tự. Đó là vấn đề thực sự với hình ảnh không được quản lý.
Alan

17

Tôi đã có chính xác cùng một vấn đề và có thể đi đến một giải pháp chính xác và khả thi . Có rất nhiều quan niệm sai lầm cả trong câu hỏi và câu trả lời trước đó (và thực tế, xung quanh việc quản lý màu sắc nói chung), vì vậy hãy để tôi cố gắng làm rõ chúng và cung cấp cho bạn câu trả lời.

Đầu tiên, những quan niệm sai lầm ...

  1. Các màn hình thông thường (không rộng) không "sống trong sRGB", cũng không hiển thị gam màu rộng "sống trong AdobeRGB". sRGB và AdobeRGB (cùng với ProPhoto RGB) được gọi là cấu hình hoạt động : chúng không khớp với bất kỳ thiết bị nào trong thế giới thực, chúng chỉ cung cấp một bộ phép đo tiêu chuẩn mà tất cả các thiết bị có thể được lập trình để hiểu. Mỗi màn hình (và mọi máy in) đều có cấu hình riêng và thực sự cấu hình đó có thể thay đổi theo thời gian khi các hóa chất trong thời đại hiển thị. Cấu hình của một màn hình riêng lẻ có thể có mức độ trùng lặp lớn với một trong các cấu hình làm việc tiêu chuẩn, nhưng không chính xác khi nói nó khớp chính xác với nó, hoặc thậm chí hoàn toàn khớp với nó. Nó '

  2. Bạn không bao giờ nên đặt hồ sơ hiển thị của mình thành một trong các cấu hình hoạt động (vì đó không phải là hồ sơ của nó!). Giải pháp chính xác là sử dụng một thiết bị hiệu chuẩn để tìm hiểu cấu hình chính xác của màn hình của bạn và sử dụng thiết bị đó.

  3. Trình duyệt không phải là loại trái cây duy nhất: bạn muốn đảm bảo màn hình của bạn được định hình theo cách mà các ứng dụng hình ảnh khác (Photoshop, Lightroom, bất cứ thứ gì) cũng hiển thị màu sắc trung thực.

  4. một cái gì đó bạn có thể làm gì về hình ảnh không được quản lý trong các trình duyệt (một vài câu trả lời khác đã chạm vào nó). Tôi sẽ đến với nó một cách chi tiết dưới đây.

Hướng dẫn sơ bộ về cách cấu hình tương tác khi bạn xem hình ảnh trên màn hình

Trong một thế giới lý tưởng, không chỉ một mà hai hồ sơ sẽ xuất hiện khi xem một hình ảnh . Đầu tiên là hồ sơ được nhúng trong hình ảnh: hãy gọi đó là hồ sơ đầu vào . Hãy nhớ rằng hình ảnh kỹ thuật số được tạo thành từ các pixel, mỗi pixel chứa sự kết hợp của màu đỏ, xanh lá cây và xanh dương. Vì vậy, đối với hình vuông màu đỏ trơn, mọi pixel được đặt thành 100% đỏ, 0% xanh lục, 0% xanh lam. Nhưng ý nghĩa của màu đỏ 100% là gì?Nó giống như nhìn thấy một biển báo bên đường nói rằng "Bây giờ bạn có thể lái xe ở tốc độ tối đa". Tốc độ tối đa là bao nhiêu? Nhanh như xe sẽ đi? Dấu hiệu không nói, vì vậy tốc độ thực tế sẽ thay đổi tùy theo xe. Cấu hình đầu vào cho chúng ta biết giá trị 100% đó có liên quan gì: đối với một hình ảnh được gắn thẻ hồ sơ nhúng, máy tính của bạn bây giờ biết rằng "100% đỏ" có nghĩa là giá trị đỏ tối đa được xác định bởi cấu hình cụ thể đó. (Để hoàn thành sự tương tự, ký hiệu đường bộ của chúng tôi hiện cho biết: "Giới hạn tối đa 70mph. Bây giờ bạn có thể lái xe ở mức tối đa.")

Vì vậy, một khi hình ảnh được gắn thẻ với một hồ sơ nhúng, chúng tôi biết chính xác những gì chúng tôi cần hiển thị : chính xác sắc thái của màu đỏ, vàng hoặc bất cứ thứ gì. Câu hỏi tiếp theo là: làm thế nào để chúng tôi hiển thị nó? Nhìn vào cùng một hình ảnh trên một vài máy tính khác nhau (hoặc chỉ cần máy tính của bạn và điện thoại của bạn) và bạn sẽ thấy rằng không có hai màn hình làm cho màu sắc trong chính xác cùng một cách. Đây là nơi chúng ta cần hiệu chỉnh màn hình của mình để tạo ra cấu hình hiển thị - cấu hình đầu ra - cho chúng ta biết chính xác cách thiết bị cụ thể này thể hiện màu sắc. Bây giờ chúng tôi đã có cả những thông tin chúng tôi cần:

  • Cấu hình đầu vào: Hình ảnh này có ý nghĩa gì khi nó nói "màu đỏ"?
  • Cấu hình đầu ra: Làm cách nào để phần cứng này hiển thị (càng gần càng tốt) màu đỏ đó?

Và nếu hình ảnh không được gắn thẻ thì sao? Đối với tất cả, trừ chuyên gia sử dụng nhất, sẽ an toàn khi cho rằng một hình ảnh chưa được xử lý đang sử dụng cấu hình sRGB.

Và bây giờ để trả lời câu hỏi của bạn

Bước đầu tiên với bất kỳ màn hình nào - nhưng đặc biệt quan trọng với màn hình gam rộng - là hiệu chỉnh chính xác màn hình của bạn . Điều này đòi hỏi phải sử dụng bộ hiệu chuẩn: một phần cứng nằm trên màn hình và đọc màu trong khi hiển thị một loạt các hình ảnh thử nghiệm, để xác định màu sắc nào màn hình của bạn thực sự hiển thị. Đối với màn hình gam rộng, bạn phải đảm bảo sử dụng bộ hiệu chuẩn phù hợp: Tôi sử dụng Spyder Pro 3 và nó hoạt động tốt.

Khi bạn đã hiệu chỉnh màn hình của mình, bạn sẽ thấy rằng bất kỳ ứng dụng được quản lý màu nào hiện đang hiển thị màu sắc một cách trung thực. Trước khi hiệu chỉnh, màn hình gam màu rộng của tôi hiển thị mọi thứ siêu bão hòa: tông màu da là màu đỏ cà chua và cả Photoshop và Lightroom đều không sử dụng được. Sau khi hiệu chuẩn, cả hai đều trông hoàn hảo. Vì vậy, sử dụng một ứng dụng được quản lý màu để kiểm tra hiệu chuẩn của bạn.

Và bây giờ trên các trình duyệt! Firefox là trình duyệt duy nhất hoạt động tốt với tôi trên màn hình rộng được hiệu chỉnh. Theo mặc định, nó sử dụng cấu hình màu được nhúng trong hình ảnh để hiển thị chúng một cách chính xác, nhưng hình ảnh không được đánh dấu vẫn xuất hiện quá bão hòa. Nhưng đừng lo lắng, tất cả không bị mất!

  • Nhập about: config vào thanh địa chỉ của bạn.
  • Cuộn xuống và tìm gfx.color_man Quản lý.mode .
  • Thay đổi giá trị thành 1 .

Điều này khiến Firefox coi tất cả các hình ảnh chưa được đánh dấu là sRGB : chính xác là những gì chúng ta muốn xảy ra. Nó thậm chí hoạt động trên các biểu tượng trong thanh dấu trang của bạn! Thật không may, nó vẫn không hoạt động trên các trình phát video flash.

Cả SafariChrome cũng được quản lý màu nhưng cả hai đều có nhược điểm. Safari (ít nhất là trên Windows) không coi hình ảnh chưa được đánh dấu là sRGB; Chrome có, nhưng quản lý màu của nó bị tắt theo mặc định và khó bật khi bật .

Tại thời điểm viết bài, Opera hoàn toàn không có quản lý màu sắc và IE9 hoàn toàn ngu ngốc: nó tôn trọng cấu hình đầu vào (cái được nhúng trong hình ảnh) nhưng bỏ qua cấu hình đầu ra hiển thị ! Điều này làm cho IE9 tốt như vô dụng trên màn hình gam rộng.

Vì vậy: hiệu chỉnh + sử dụng Firefox + đặt gfx.color_man Quản lý.mode thành 1 = bạn tốt. :)



3

Đây có lẽ là một câu hỏi tương tự với câu hỏi này: Xuất khẩu Lightroom quá tối trong Flickr . Tôi có hai màn hình rộng (máy tính để bàn, máy tính xách tay). Bạn có thể muốn dùng thử các phiên bản Firefox mới hơn, nhưng tôi sẽ không nín thở. Một năm trước tôi đã quay lại và báo cáo vấn đề này trong trình theo dõi lỗi của Firefox (số 497363509710 ). Quản lý màu trong Firefox không dễ như cho phép một tùy chọn thực sự. Hồ sơ ICC khác nhau về cấu trúc và khả năng. Một số người trong chúng ta có màn hình rộng, nhận thấy Firefox không thể giải thích chính xác cấu hình ICC tương ứng.

Có thể vấn đề này sẽ biến mất nếu tôi sử dụng một công cụ hiệu chuẩn khác để tạo cấu hình ICC khác hoặc màn hình có LUT phần cứng (nghĩa là có thể giao tiếp trực tiếp với công cụ hiệu chuẩn của bạn và lưu trữ các tham số hiệu chuẩn trong phần cứng của nó). Bạn có thể sử dụng Trình kiểm tra hồ sơ ICC miễn phí để chơi xung quanh với hồ sơ của mình và so sánh nó với một hồ sơ khác được biết là hoạt động. Dưới đây là thông số hồ sơ ICC . Dưới đây là một ảnh chụp màn hình hồ sơ của tôi, xem nếu có điểm chung với bạn.

Tôi đã không thử bất kỳ phiên bản Firefox beta nào kể từ đó, tôi đã quen với vấn đề này. Nếu bạn thử dùng phiên bản mới hơn, tôi rất muốn nghe về nó. Đừng làm sáng ảnh của bạn và đừng sử dụng AdobeRGB trong các ảnh trên Flickr của bạn, hãy sử dụng không gian màu sRGB thân thiện với web.

văn bản thay thế


1

Các phiên bản hiện đại của Firefox có một cài đặt để thử và quản lý các hình ảnh không được định hình cũng như các hình ảnh được định hình. Bạn có thể truy cập about: config và thay đổi gfx.color_man Quản lý.mode thành '1'. (Mặc định là 2.) Một chút Googling có thể mang lại một lời giải thích tốt hơn, nhưng nó đã giúp tôi khi xem hình thu nhỏ của SmugMug, v.v.

Đây vẫn chưa phải là bản sửa lỗi toàn hệ thống dành cho Win7 màu đỏ quá bão hòa, nhưng ít nhất trình duyệt của tôi vẫn còn lành mạnh.


"Màu đỏ bão hòa quá mức Win7" không liên quan gì đến Windows 7, đây là vấn đề về màn hình. Bạn đã đúng về cài đặt Firefox.
Mark Whitaker

0

Tôi tin rằng bạn đã hết may mắn với IE, mặc dù có lẽ điều đó có thể được sửa trong IE 9. Đối với Firefox, như bạn đã biết, có một số hỗ trợ cho thông tin hồ sơ và bạn có thể nhận được một số hướng dẫn về các cài đặt khác nhau có thể làm giảm bớt vấn đề bạn đang có nó Tùy chọn khác của bạn là sử dụng Safari được cho là nhận biết màu sắc chính xác.

Tùy chọn cuối cùng, nếu bạn thực sự có thể gọi nó như vậy, là chuyển màn hình của bạn sang không gian màu sRGB nếu nó hỗ trợ nó.

Jrista rất riêng của chúng tôi dường như là chuyên gia màu sắc ở đây, vì vậy có lẽ anh ấy sẽ hòa nhập với một sự điều chỉnh của nhiều ý tưởng.


Như tôi đã viết ở trên, FireFox của tôi không hỗ trợ cấu hình màu, nhưng vấn đề vẫn tồn tại với hình ảnh không có cấu hình màu (chiếm khoảng 99% trên internet).
Sam

0

Đây là trạng thái quản lý màu trong Firefox và IE tính đến thời điểm hiện tại (10/11/2010).

Firefox v3.5.x - hỗ trợ quản lý màu đầy đủ, nhưng chỉ hiểu cấu hình ICCv2. Nếu phần mềm hiệu chỉnh / định hình hiển thị của bạn hỗ trợ tạo cấu hình v2 (tìm tùy chọn ở đâu đó trong cài đặt chương trình), bạn sẽ có thể có được hình ảnh để hiển thị chính xác. Lưu ý rằng theo mặc định Firefox chỉ sử dụng quản lý màu cho hình ảnh được gắn thẻ với cấu hình màu. Vì có nhiều hình ảnh sRGB chưa được gắn thẻ trên web, có lẽ bạn sẽ muốn định cấu hình Firefox để quản lý màu cho tất cả các hình ảnh. Cách dễ nhất để thực hiện thay đổi này là sử dụng tiện ích mở rộng Quản lý màu cho Firefox.

FireFox v4 (hiện đang trong giai đoạn thử nghiệm) - FireFox4 cuối cùng sẽ hỗ trợ cấu hình màu ICCv4, cho cả hình ảnh và cho hồ sơ hiển thị của bạn. Các betas hiện tại đang cồng kềnh, lỗi và chậm, vì vậy tôi không khuyên dùng chúng cho mục đích chung nhưng ít nhất chúng ta biết quản lý màu chính xác đang trên đường.

Internet Explorer 8.x - không quản lý màu nào cả. khóa kéo, nada.

Internet Explorer 9 (hiện đang ở giai đoạn thử nghiệm) - Bản beta công khai có một số hỗ trợ quản lý màu hạn chế, nhưng nó không được sử dụng thực sự trên các màn hình rộng. IE9 (beta) nhận ra hình ảnh được gắn thẻ với các cấu hình khác ngoài sRGB và chuyển đổi chúng thành sRGB. Thật không may, nó hoàn toàn bỏ qua cấu hình hiển thị, điều đó có nghĩa là nếu bạn có một màn hình rộng, mọi thứ vẫn sẽ quá bão hòa. Liệu MS sẽ khắc phục hành vi này hay liệu đó có phải là một quyết định có chủ đích nhằm cải thiện tốc độ kết xuất hay không, vẫn còn được xem xét. Nếu bất kỳ ai trong số các bạn đang thử nghiệm bản beta IE9, tôi khuyên bạn nên báo cáo lỗi này để MS biết rằng có những người không hài lòng về nó.


-1

Tôi đã có cùng một vấn đề. Tôi nghĩ bạn sẽ thấy rằng nếu bạn cài đặt Safari thì ảnh Flickr của bạn sẽ trông ổn vì nó hỗ trợ cấu hình màu.


Như tôi đã viết ở trên, ngay cả trong FireFox hỗ trợ cấu hình màu (vâng, tôi đã thử nó), vấn đề vẫn tồn tại với những hình ảnh không chứa cấu hình màu (chiếm khoảng 99% trên web).
Sam

1
Mặc dù mặc định là chỉ các hình ảnh được gắn thẻ được quản lý màu, Firefox có thể được cấu hình để sử dụng quản lý màu cho tất cả các hình ảnh.
Jeff Kohn

Tôi không nghĩ "bảo mọi người cài đặt Safari" là một giải pháp rất thiết thực!
Vui lòng đọc hồ sơ

Tôi không nói với mọi người để cài đặt Safari. Tôi chỉ nhận thấy rằng họ trông ổn, không hơn, không kém.
Sean
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.