Bagaimana saya bisa memastikan rendisi warna yang tepat dengan browser pada layar gamut lebar?

13

Saat mengedit untuk web, semua orang akan merekomendasikan Anda untuk menggunakan sRGB, karena banyak browser tidak menawarkan manajemen warna, dan sebagian besar browser akan menafsirkan semua gambar sebagai sRGB.

Ini benar untuk browser yang digunakan pada tampilan gamut normal, yang hidup di sRGB sendiri.

Sekarang masukkan tampilan gamut lebar. Ini tinggal di ruang warna AdobeRGB, dan saya kecewa pada browser layar lebar gamut tanpa manajemen warna akan menafsirkan data gambar sebagai berada di ruang warna AdobeRGB juga. Apa yang terjadi jika data gambar sRGB diartikan sebagai AdobeRGB? Warnanya tidak aktif, terlalu kuat, terlihat mencolok.

Masalahnya bahkan berlanjut ketika menggunakan browser dengan manajemen colorman seperti FireFox, tetapi melihat gambar tanpa profil yang disematkan: gambar akan ditafsirkan sebagai AdobeRGB, bukan sRGB.

Singkatnya: karena saya mendapatkan tampilan gamut lebar, flickr terlihat mengerikan.

Adakah ide bagaimana saya membuat browser saya (Internet Explorer dan FireFox) menggunakan sRGB alih-alih AdobeRGB untuk rendisi warna sebagai default?

Saya menggunakan Windows 7.

Lucunya, ketika saya mengunduh gambar ke drive lokal dan menggunakan file viewer untuk melihatnya, warnanya diartikan dengan benar sebagai sRGB.

Sam
sumber
Saya menduga Flickr mungkin tidak memasukkan profil warna ketika menghasilkan ukuran yang lebih kecil juga.
Rowland Shaw
File yang berisi profil bukan masalah utama saya. Masalah utama saya adalah gambar yang tidak mengandung profil.
Sam
@Rowland Flickr tidak melestarikan profil warna dalam gambar diubah ukurannya.
Mark Whitaker
"Hal lucu" yang Anda sebutkan dalam kalimat terakhir hanya karena penampil gambar memperlakukan gambar yang tidak diarsipkan sebagai sRGB dan Firefox tidak. Lihat jawaban saya tentang cara mendapatkan Firefox untuk melakukannya juga.
Mark Whitaker

Jawaban:

-4

Sayangnya, tidak ada yang dapat Anda lakukan yang praktis. Untuk mendapatkan yang Anda inginkan, Anda harus mengatur profil sistem Anda menjadi sRGB.

Perilaku rendisi warna gambar untuk gambar tanpa profil terlampir tidak ditentukan. Browser tidak menebak ruang warna di mana gambar berada, jika tidak ada profil yang terpasang. Sistem operasi mengatasinya.

Cara yang tepat untuk mendapatkan rendition warna dengan benar, adalah dengan melampirkan profil ke gambar. Jelas flickr (dan thumbnail yang sombong) tidak memberikan Anda opsi ini.

Jadi Anda memiliki dua pilihan: satu, atur windows untuk menggunakan sRGB sebagai profil monitor Anda; maka semua gambar yang tidak ditandai akan terlihat seperti sRGB, tetapi gambar yang ditandai akan terlihat seperti sampah, dan manajemen warna Anda akan menjadi berantakan.

Atau, hanya berurusan dengan fakta bahwa gambar yang tidak dikelola adalah iblis dan tidak ada yang dapat Anda lakukan.

Mungkin ada plugin firefox yang dapat secara otomatis melampirkan profil warna, tetapi di luar itu, itu hanya mengisap tua biasa yang dikenal sebagai manajemen warna.

Saya harus berurusan dengan masalah yang sama dengan Smugmug ini. Gambar saya semua telah melampirkan profil sRGB, sehingga terlihat bagus (dalam browser yang dikelola warna), tetapi thumbnail tampak terlalu jenuh. Itu karena ibu jari di-autogenerasi, dan smugmug menolak untuk melampirkan profil warna padanya, karena itu menggandakan ukuran thumbnail. Jadi ibu jari membuat dalam cara apa pun OS memutuskan untuk membuat mereka.

Alan
sumber
Sebenarnya saya menemukan layar saya (Eizo CG303w) menawarkan mode switch yang dapat digunakan untuk beralih antara AdobeRGB dan sRGB yang sangat berguna untuk browsing.
Sam
"Untuk mendapatkan yang Anda inginkan, Anda harus mengatur profil sistem Anda menjadi sRGB." - itu benar-benar salah. Anda seharusnya tidak pernah mengatur profil sistem Anda menjadi sRGB, Anda harus membuat profil monitor Anda dengan perangkat kalibrasi.
Mark Whitaker
1
Maaf, -1 karena hampir semua jawaban ini salah! Anda tidak boleh mengatur profil tampilan Anda menjadi sRGB, Anda dapat melampirkan profil ke gambar di Flickr, Firefox dapat membuat gambar yang tidak ditandai sebagai sRGB, dan cara yang tepat untuk mendapatkan rendisi warna bukan (hanya) untuk menandai gambar Anda, itu untuk profil monitor Anda! Singkatnya, ada adalah sesuatu yang dapat Anda lakukan tentang hal itu!
Mark Whitaker
1
Maaf, bagian pertama "mengatur monitor Anda ke rgb" adalah saran yang buruk "gambar akan terlihat seperti sRGB, tetapi gambar lain akan terlihat seperti omong kosong." Seharusnya saya menandainya seperti itu, tetapi saya pikir itu tersirat bahwa itu adalah saran yang buruk. Juga, dalam pengaturan di firefox, ia tidak mengatakan profil mana yang menandai gambar tersebut. Memperbaiki kalibrasi warna ketiga dan mengatur browser firefox Anda bekerja sangat baik untuk diri sendiri, tetapi cobalah membuat semua orang yang akan mengunjungi galeri Anda untuk melakukan hal yang sama. Itulah masalah sebenarnya dengan gambar yang tidak dikelola.
Alan
17

Saya sudah memiliki masalah yang sama persis dan mungkin untuk sampai pada solusi yang benar dan bisa diterapkan . Ada banyak kesalahpahaman baik dalam pertanyaan dan jawaban sebelumnya (dan memang, seputar manajemen warna secara umum), jadi izinkan saya mencoba menjernihkannya dan memberi Anda jawaban.

Pertama, kesalahpahaman ...

  1. Monitor biasa (non-lebar) tidak "hidup dalam sRGB", juga layar lebar tidak menampilkan "hidup dalam AdobeRGB". sRGB dan AdobeRGB (bersama dengan ProPhoto RGB) dikenal sebagai profil yang berfungsi : mereka tidak cocok dengan perangkat dunia nyata, mereka hanya menyediakan satu set pengukuran standar yang dapat diprogram untuk dipahami oleh semua perangkat. Setiap monitor (dan setiap printer) memiliki profilnya sendiri, dan memang profil itu dapat berubah seiring waktu seiring dengan bertambahnya bahan kimia pada usia tampilan. Profil tampilan individu mungkin memiliki tingkat tumpang tindih yang besar dengan salah satu profil kerja standar, tetapi tidak benar untuk mengatakan itu cocok persis, atau bahkan cocok sepenuhnya di dalamnya. Itu'

  2. Anda tidak boleh mengatur profil tampilan Anda ke salah satu profil yang berfungsi (karena itu bukan profilnya!). Solusi yang benar adalah dengan menggunakan perangkat kalibrasi untuk mengetahui profil monitor Anda yang benar, dan menggunakannya.

  3. Peramban bukan satu-satunya buah: Anda ingin memastikan tampilan Anda diprofilkan sedemikian rupa sehingga aplikasi pencitraan lain (Photoshop, Lightroom, apa pun) juga menampilkan warna dengan setia.

  4. Ada adalah sesuatu yang dapat Anda lakukan tentang gambar unmanaged di browser (beberapa jawaban lainnya telah menyentuh di atasnya). Saya akan membahasnya secara terperinci di bawah ini.

Panduan kasar tentang bagaimana profil berinteraksi saat Anda melihat gambar di monitor Anda

Di dunia yang ideal, bukan hanya satu tetapi dua profil akan ikut bermain saat melihat gambar . Yang pertama adalah profil yang tertanam dalam gambar: sebut saja profil input . Ingat bahwa gambar digital terdiri dari piksel, masing-masing berisi kombinasi merah, hijau dan biru. Jadi untuk kotak merah biasa, setiap piksel diatur ke 100% merah, 0% hijau, 0% biru. Tapi apa yang kita maksud dengan 100% merah?Ini seperti melihat tanda di sisi jalan yang mengatakan "Anda sekarang dapat mengemudi dengan kecepatan maksimum". Apa kecepatan maksimalnya? Secepat mobil akan pergi? Tanda itu tidak mengatakan, jadi kecepatan sebenarnya akan bervariasi dari mobil ke mobil. Apa yang disampaikan oleh profil input adalah nilai 100% relatif terhadap: untuk gambar yang ditandai dengan profil tertanam, komputer Anda sekarang tahu bahwa "100% merah" berarti nilai merah maksimum yang ditentukan oleh profil spesifik tersebut. (Untuk melengkapi analogi, tanda jalan kami sekarang mengatakan: "Batas maksimum 70 mph. Sekarang Anda dapat berkendara maksimum.")

Jadi, setelah gambar ditandai dengan profil yang disematkan, kami tahu persis apa yang perlu kami tampilkan : warna apa yang merah, kuning, atau apa pun. Pertanyaan selanjutnya adalah: bagaimana kita menampilkannya? Lihatlah gambar yang sama pada beberapa komputer yang berbeda (atau hanya komputer dan telepon Anda) dan Anda akan melihat bahwa tidak ada dua yang menampilkan warna yang sama persis . Di sinilah kita perlu mengkalibrasi monitor kita untuk menghasilkan profil tampilan - profil output - yang memberi tahu kita secara tepat bagaimana perangkat khusus ini menghasilkan warna. Sekarang kami memiliki kedua informasi yang kami butuhkan:

  • Profil input: Apa arti gambar ini ketika tertulis "merah"?
  • Profil keluaran: Bagaimana saya membuat perangkat keras ini menampilkan (sedekat mungkin) warna merah?

Dan bagaimana jika gambar tersebut tidak ditandai? Untuk semua kecuali yang paling spesialis penggunaan, aman untuk mengasumsikan bahwa gambar yang tidak ditandai menggunakan profil sRGB.

Dan sekarang untuk menjawab pertanyaan Anda

Langkah pertama dengan monitor apa pun - tetapi terutama penting dengan tampilan gamut lebar - adalah dengan benar mengkalibrasi monitor Anda . Ini membutuhkan penggunaan kalibrator: perangkat keras yang berada di atas layar dan melakukan pembacaan warna saat menampilkan berbagai gambar uji, untuk menentukan warna apa yang sebenarnya ditampilkan oleh monitor Anda. Untuk tampilan gamut lebar Anda harus memastikan Anda menggunakan kalibrator yang sesuai: Saya menggunakan Spyder Pro 3 dan berfungsi dengan baik.

Setelah Anda mengkalibrasi monitor Anda, Anda akan menemukan bahwa aplikasi yang dikelola warna sekarang menampilkan warna dengan setia. Sebelum kalibrasi, monitor lebar saya menampilkan segalanya yang sangat jenuh: warna kulit tomat merah dan Photoshop dan Lightroom tidak dapat digunakan. Setelah kalibrasi, mereka berdua tampak sempurna. Jadi, gunakan aplikasi yang dikelola warna untuk menguji kalibrasi Anda.

Dan sekarang ke browser! Firefox adalah satu-satunya peramban yang berfungsi dengan baik untuk saya pada layar lebar yang dikalibrasi. Secara default menggunakan profil warna tertanam dalam gambar untuk menampilkannya dengan benar, tetapi gambar yang tidak ditandai masih tampak terlalu jenuh. Tapi jangan khawatir, semua tidak hilang!

  • Ketik about: config ke bilah alamat Anda.
  • Gulir ke bawah dan cari gfx.color_management.mode .
  • Ubah nilainya menjadi 1 .

Ini menyebabkan Firefox memperlakukan semua gambar yang tidak ditandai sebagai sRGB : persis seperti yang kami inginkan terjadi. Bahkan berfungsi pada ikon di bilah bookmark Anda! Sayangnya itu masih tidak berfungsi pada pemutar video flash.

Kedua Safari dan Chrome juga warna berhasil namun keduanya memiliki kelemahan mereka. Safari (setidaknya di Windows) tidak memperlakukan gambar yang tidak ditandai sebagai sRGB; Chrome melakukannya, tetapi manajemen warnanya dinonaktifkan secara default dan canggung untuk menghidupkan .

Pada saat penulisan, Opera tidak memiliki manajemen warna sama sekali dan IE9 benar-benar bodoh: ia menghormati profil input (yang tertanam pada gambar) tetapi mengabaikan profil output display ! Ini membuat IE9 sebagus tidak berguna pada layar gamut lebar.

Jadi: kalibrasikan + gunakan Firefox + set gfx.color_management.mode menjadi 1 = Anda baik. :)

Mark Whitaker
sumber
1
Tautan yang berguna: gambar cek browser
Silakan Baca Profil
3

Ini mungkin pertanyaan yang mirip dengan yang ini: Ekspor Lightroom terlalu gelap di Flickr . Saya memiliki dua tampilan gamut lebar (desktop, laptop). Anda mungkin ingin mencoba versi Firefox yang lebih baru, tetapi saya tidak akan menahan nafas. Setahun yang lalu saya bolak-balik melaporkan masalah ini di pelacak bug Firefox (edisi 497363 dan 509710 ). Manajemen warna di Firefox tidak semudah mengaktifkan opsi sebenarnya. Profil ICC berbeda dalam struktur dan kemampuan. Beberapa dari kita dengan layar lebar memperhatikan Firefox tidak dapat menginterpretasikan profil ICC yang sesuai dengan benar.

Mungkin masalah ini akan hilang jika saya menggunakan alat kalibrasi yang berbeda untuk menghasilkan profil ICC yang berbeda, atau monitor dengan LUT perangkat keras (yaitu yang dapat berkomunikasi dengan alat kalibrasi Anda secara langsung dan menyimpan parameter kalibrasi dalam perangkat kerasnya). Anda dapat menggunakan Inspektur Profil ICC gratis untuk bermain-main dengan profil Anda, dan membandingkannya dengan profil lain yang diketahui berfungsi. Berikut adalah spesifikasi profil ICC . Di bawah ini adalah screenshot dari profil saya, lihat apakah ada kesamaan dengan profil Anda.

Saya belum mencoba versi beta Firefox sejak saat itu, saya baru saja terbiasa dengan masalah ini. Jika Anda mencoba versi yang lebih baru, saya ingin mendengarnya. Jangan meringankan foto Anda dan jangan gunakan AdobeRGB di foto Flickr Anda, tetap gunakan ruang warna sRGB yang ramah-web.

teks alternatif

sebastien.b
sumber
1

Versi modern Firefox memiliki pengaturan untuk mencoba dan mengelola gambar yang tidak diprofilkan serta yang diprofilkan. Anda dapat masuk ke about: config dan mengubah gfx.color_management.mode ke '1'. (Standarnya adalah 2.) Sedikit Googling mungkin menghasilkan penjelasan yang lebih baik, tetapi itu membantu saya saat melihat thumbnail SmugMug, dll.

Ini masih belum memperbaiki seluruh sistem untuk Win7 jenuh berlebih, tapi setidaknya browser saya waras.

memaki
sumber
"Win7 over-saturated reds" tidak ada hubungannya dengan Windows 7, ini masalah monitor. Anda benar tentang pengaturan Firefox.
Mark Whitaker
0

Saya yakin Anda kurang beruntung dengan IE, meskipun mungkin itu bisa diperbaiki di IE 9. Untuk Firefox, seperti yang sudah Anda ketahui, ada beberapa dukungan untuk informasi profil dan Anda bisa mendapatkan beberapa petunjuk tentang berbagai pengaturan yang dapat mengatasi masalah tersebut. Anda mengalami itu. Pilihan Anda yang lain adalah menggunakan Safari yang seharusnya benar-benar sadar warna.

Opsi terakhir, jika Anda benar-benar dapat menyebutnya demikian, adalah untuk mengalihkan monitor Anda ke ruang warna sRGB jika mendukungnya.

Jrista kita sendiri tampaknya adalah ahli warna di sini, jadi mungkin dia akan berpadu dengan koreksi lebih banyak ide.

John Cavan
sumber
Seperti yang saya tulis di atas, FireFox saya memang mendukung profil warna, tetapi masalahnya masih berlanjut dengan gambar tanpa profil warna (yaitu sekitar 99% dari internet).
Sam
0

Inilah keadaan manajemen warna di Firefox dan IE pada saat ini (10/11/2010).

Firefox v3.5.x - mendukung manajemen warna penuh, tetapi hanya memahami profil ICCv2. Jika perangkat lunak kalibrasi / profiling display Anda mendukung pembuatan profil v2 (cari opsi di suatu tempat dalam pengaturan program), Anda seharusnya dapat membuat gambar ditampilkan dengan benar. Perhatikan bahwa secara default Firefox hanya menggunakan manajemen warna untuk gambar yang ditandai dengan profil warna. Karena ada banyak gambar sRGB yang tidak ditandai di web, Anda mungkin ingin mengonfigurasi Firefox untuk mengelola warna untuk semua gambar. Cara termudah untuk melakukan perubahan ini adalah menggunakan ekstensi Manajemen Warna untuk Firefox.

FireFox v4 (saat ini dalam versi beta) - FireFox4 akhirnya akan mendukung profil warna ICCv4, baik untuk gambar maupun untuk profil tampilan Anda. Beta saat ini kembung, buggy, dan lambat, jadi saya tidak merekomendasikannya untuk penggunaan umum, tetapi setidaknya kita tahu manajemen warna yang benar sedang dalam perjalanan.

Internet Explorer 8.x - tidak ada manajemen warna sama sekali. zip, nada.

Internet Explorer 9 (saat ini dalam versi beta) - Beta publik memiliki beberapa dukungan manajemen warna terbatas, tetapi tidak ada gunanya pada monitor lebar-gamut. IE9 (beta) mengenali gambar yang ditandai dengan profil selain sRGB, dan mengubahnya menjadi sRGB. Sayangnya itu benar-benar mengabaikan profil tampilan, yang berarti jika Anda memiliki monitor gamut lebar semuanya masih akan terlalu jenuh. Apakah MS akan memperbaiki perilaku ini, atau apakah itu merupakan keputusan yang disengaja untuk meningkatkan kecepatan rendering, masih harus dilihat. Jika ada di antara Anda yang menguji beta IE9, saya sarankan melaporkan bug ini sehingga MS tahu ada orang yang tidak senang tentang hal itu.

Jeff Kohn
sumber
-1

Saya memiliki masalah yang sama. Saya pikir Anda akan menemukan bahwa jika Anda menginstal Safari maka gambar Flickr Anda akan terlihat baik karena mendukung profil warna.

Sean
sumber
Seperti yang saya tulis di atas, bahkan di FireFox yang mendukung profil warna (ya, saya mengujinya), masalahnya tetap dengan gambar yang tidak mengandung profil warna (yaitu sekitar 99% dari web).
Sam
1
Sementara standarnya adalah hanya gambar yang ditandai dengan warna yang dikelola, Firefox dapat dikonfigurasi untuk menggunakan manajemen warna untuk semua gambar.
Jeff Kohn
Saya tidak berpikir "beri tahu semua orang untuk menginstal Safari" adalah solusi yang sangat praktis!
Silakan Baca Profil
Saya tidak memberitahu semua orang untuk menginstal Safari. Saya baru saja memperhatikan bahwa mereka terlihat baik-baik saja, tidak lebih, tidak kurang.
Sean