Color Management untuk Browser Web Anda
  • BenQ
  • 2020-12-10

web browser color management is something designers should become familiar with
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
color space for web designing and web browsing

Browser Web dan Profil Monitor

chrome firefox edge internet explorer and safari support color management
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

Browser

Internet Explorer V11

Microsoft Edge

Firefox

Chrome

Safari MacOS

Version

11.1016.18326

86.0.622.61

82.0.2

86.0.4240.183

14.0

Embedded profile support

V

V

V

V

V

Image without color profile

Based on the monitor’s profile

Based on the monitor’s profile

sRGB

sRGB

Based on the monitor’s profile

Browser references the monitor’s profile

V (sRGB only)

V (sRGB & Adobe RGB)

V (sRGB & Adobe RGB)

V (sRGB only)

V (sRGB only)

When using multiple monitors, does the browser reference monitor profiles?

V

(sRGB only)

V

(sRGB & Adobe RGB)

V

(sRGB & Adobe RGB)

V

(sRGB only)

V

(sRGB only)

Recommendation 

★★

★★★

★★★

★★★

★★

Note

Supports ICC V2 and V4

Supports ICC V2 and V4

Needs to be activated, settings as Appendix 1

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

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
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
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
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

Apakah Artikel ini Membantu?

Iya Tidak

Recommended Products

  • Simpan {{currency}}{{item.saveAmount| numberThousandsCommas | numberDecimalPoint}}
    Simpan {{item.savePercent| numberThousandsCommas | numberDecimalPoint}}%

    {{item.productWordingTag}}

    {{item.title}}

    • {{point}}

    {{currency}}{{item.finalPrice| numberThousandsCommas | numberDecimalPoint}} Simpan {{currency}}{{item.saveAmount | numberThousandsCommas | numberDecimalPoint}} Simpan {{item.savePercent | numberThousandsCommas | numberDecimalPoint}}%

    new device price{{currency}}{{item.regularPrice| numberThousandsCommas | numberDecimalPoint}}