BenQ Knowledge Center

Color Management untuk Browser Web Anda

BenQ
2020/12/10
web browser color management is something designers should become familiar with

Biasanya desainer web hingga pengguna di platform media sosial menemukan variasi warna gambar yang ditampilkan di browser web. Untuk mengatasi masalah ini, manajemen warna browser web adalah sesuatu yang harus Anda ketahui karena berhubungan dengan keluaran warna dari perangkat input ke output, seperti monitor dan printer.

Manajemen Warna dan Profil Warna

Publikasi warna yang ingin Anda tampilkan di situs web, blog, atau sosial media sangatlah penting, karena melibatkan profil warna dari gambar itu sendiri dan bagaimana browser web bekerja dengannya. Berikut penjelasan Profil Warna.

Profil warna berguna untuk membaca atribut warna dari suatu gambar dan kemudian melokalisasi warnanya berdasarkan parameter perangkat output. Jika pengguna menggunakan gambar dengan profil warna di Photoshop atau Lightroom, mereka akan menemukan bahwa gambar yang ditampilkan lebih konsisten dan akurat, baik di monitor atau hasil cetak di printer.

Selain itu, faktor lain yang memengaruhi penampilan gambar, yaitu kemampuan manajemen warna dari aplikasi atau software yang Anda gunakan.

color space for web designing and web browsing
Browser Web dan Profil Monitor
chrome firefox edge internet explorer and safari support color management

Pada Internet Explorer, Microsoft Edge, dan Safari, memiliki pengaturan warna monitor seimbang yaitu profil monitor. Microsoft Edge mampu mengetahui profil monitor Anda dengan benar apakah gambar itu sRGB atau Adobe RGB. Profil monitor adalah file data yang mengkomunikasikan warna apa yang ditampilkan monitor ke sistem. Untuk browser web yang sinkron dengan pengaturan warna monitor, ini mengacu pada profil warna dalam gambar dan profil monitor yang memastikan tampilan gambar yang tepat sesuai dengan karakteristik monitor.

Browser web terpopuler adalah Chrome, Firefox, Microsoft Edge (Windows 10) dan Safari mendukung manajemen warna. Dalam Chrome dan Firefox menetapkan sRGB sebagai ruang warna default. Firefox juga menampilkan ruang warna Adobe RGB.

Untuk membuat browser Firefox dan Chrome menampilkan warna yang diinginkan, Anda perlu menyesuaikan pengaturan manajemen warna browser terlebih dahulu. Berikut cara manajemen warna pada Firefox dan Chrome.

Di bawah ini adalah chart browser web paling populer. Anda dapat mengetahui bagaimana browser web ini mengelola warna.

Tabel: Manajemen Warna di Berbagai Browser

Setelah konten web diidentifikasi, dipastikan bahwa browser web yang Anda gunakan dapat mereproduksi gambar dan menyampaikan warna sesuai keinginan Anda.

OS Windows Windows
Windows Windows MacOS
OS
Browser
Windows
Internet Explorer V11
Windows
Microsoft Edge
Windows
Firefox
Windows
Chrome
MacOS
Safari MacOS
OS
Version
Windows
11.1016.18326
Windows
86.0.622.61
Windows
82.0.2
Windows
86.0.4240.183
MacOS
14.0
OS
Embedded profile support
Windows
V
Windows
V
Windows
V
Windows
V
MacOS
V
OS
Image without color profile
Windows
Based on the monitor’s profile
Windows
Based on the monitor’s profile
Windows
sRGB
Windows
sRGB
MacOS
Based on the monitor’s profile
OS
Browser references the monitor’s profile
Windows
V (sRGB only)
Windows
V (sRGB & Adobe RGB)
Windows
V (sRGB & Adobe RGB)
Windows
V (sRGB only)
MacOS
V (sRGB only)
OS
When using multiple monitors, does the browser reference monitor profiles?
Windows

V

(sRGB only)

Windows

V

(sRGB & Adobe RGB)

Windows

V

(sRGB & Adobe RGB)

Windows

V

(sRGB only)

MacOS

V

(sRGB only)

OS
Recommendation 
Windows
★★
Windows
★★★
Windows
★★★
Windows
★★★
MacOS
★★
OS
Note
Windows
Supports ICC V2 and V4
Windows
Supports ICC V2 and V4
Windows

Needs to be activated, settings as Appendix 1

Windows
When image has no embedded profile, please follow Appendix 2 to fore the image with a predetermined sRGB profile
MacOS
 

Lampiran 1: Cara Mengaktifkan Manajemen Warna untuk Firefox

(1) Buka tab baru di Firefox

(2) Ketik "about: config" ke dalam URL

(3) Akses konfigurasi Firefox setelah Anda melihat peringatan "proceed with caution."

enable color management for firefox proceed with caution

(4) Filter untuk "color_management" di bidang pencarian.

(5) Ubah "gfx.color_management.enablev4" menjadi nilai "true"

(6) Ubah "gfx.color_management.mode" ke nilai "1" untuk mengaktifkan manajemen warna untuk semua warna yang diberi tag dan tidak diberi tag.

(7) Tambahkan URL profil monitor khusus Anda sebagai nilai untuk "gfx.color_management.display_profile"

(8) Buka ulang Firefox agar perubahan diterapkan.

enable color management for firefox gfx color management display profile
Lampiran 2: Cara Mengaktifkan Manajemen Warna untuk Chrome dan "Force Color Profile"

(1) Ketik “chrome: // flags /” di bilah alamat browser Chrome Anda

aktifkan manajemen warna untuk bendera chrome firefox

(2) Cari "Force Color Profile"

(3) Pilih profil ICC dari menu drop-down dan pilih sRGB. Gambar akan ditampilkan dengan profil sRGB di layar.

Learn About How Mac-Ready DesignVue Monitors Are
See What Mac-ready Features Do
See What Mac-ready Features Do

Rekomendasi Produk

Jadilah yang pertama mengetahui tentang produk BenQ, promo, dan event

Beritahu kami produk yang Anda minati, apabila tidak menemukannya di kota Anda

TOP