Kenapa Foto Anda Terlihat Pucat Setelah Diunggah

Anda menyunting sebuah foto produk, merahnya sudah sama persis dengan sweter aslinya, lalu Anda mengunggahnya ke toko Anda — dan merahnya kembali sebagai warna bata. Hijaunya berubah zaitun. Buka file aslinya di layar yang sama: masih sempurna.

Itu bukan kompresi, dan platformnya juga tidak sedang "merusak" gambar Anda. Penyebab yang lazim adalah ketidakcocokan profil warna: filenya menjelaskan warnanya dalam satu bahasa, sementara halamannya membaca angka-angka itu dalam bahasa yang berbeda.

Mengapa Angka yang Sama Menghasilkan Dua Warna Berbeda

Sebuah piksel adalah tiga angka, dan 200, 40, 40 baru menjadi merah tertentu setelah Anda tahu ruang warna mana yang mengukurnya. Display P3 mendorong primer merahnya lebih jauh keluar daripada sRGB (x 0,68 berbanding 0,64), sehingga triplet yang sama menggambarkan merah yang lebih pekat. Adobe RGB (1998) mempertahankan primer merah dan biru sRGB persis seperti aslinya dan justru merentangkan yang hijau, jadi jangkauan ekstranya ada di hijau dan sian. Bagaimanapun juga, angka-angka itu berarti lain bagi browser yang mengasumsikan sRGB.

Profil warna adalah catatan yang menyebutkan penggaris mana yang dipakai, dan web jatuh ke nilai bakunya dengan keras begitu catatan itu hilang. CSS Color Module Level 4 menyatakannya dengan tegas: demi kompatibilitas, warna yang ditentukan di HTML dan gambar tanpa tag harus diperlakukan sebagai berada di ruang warna sRGB kecuali dinyatakan lain. Unggahan Anda yang tanpa tag tidak pernah menyatakan lain, jadi sRGB-lah yang berlaku.

Jadi kalau file Anda diekspor dalam Adobe RGB atau Display P3 lalu profilnya terbuang — alur yang mengode ulang, konverter yang mencopot metadata — angka-angka bergamut lebar itu dibaca sebagai sRGB. Diperas ke dalam asumsi yang lebih sempit, warnanya keluar tanpa saturasi — tampilan pucat yang Anda lihat itu. Warna mana yang jadi korban tergantung sumbernya: file Adobe RGB yang salah dibaca sebagai sRGB kehilangan tenaganya di hijau dan sian, sedangkan file Display P3 juga kehilangan merah-merah pekatnya. Warna netral nyaris tidak bergerak: tidak ada apa-apa yang terjadi pada packshot abu-abu, tetapi bencana pada baju renang koral.

Pastikan Masalahnya di File, Bukan di Layar Anda

Letakkan file asli dan hasil unggahannya berdampingan dalam satu jendela browser.

• Benar di editor Anda, datar di browser: masalah profil warna.
• Sama persis di browser tetapi berbeda dari editor Anda: editor Anda sedang menampilkan pratinjau dalam ruang kerja yang diabaikan browser.
• Hanya salah di ponsel Anda atau di laptop rekan kerja: perbedaan layar, bukan filenya.

Lalu seret file aslinya ke sebuah tab browser — browser menghormati profil yang tertanam. Kalau file lokalnya benar sementara hasil unggahannya tidak, jalur unggahnyalah yang membuang tag itu.

Cari Tahu Profil Apa yang Dibawa File Anda

• macOS: buka filenya di Preview lalu klik tombol Info di bilah alat (atau tekan Command-I), kemudian lihat tab More info, yang mencantumkan profil warna gambarnya.
• Photoshop: klik panah pada bilah status dokumen lalu pilih Document Profile.
• Lightroom: dropdown Color Space di dialog ekspor adalah yang sebenarnya Anda kirimkan.
• Apa pun, di platform mana pun: ExifTool mencetaknya — exiftool -ProfileDescription photo.jpg.

Untuk keperluan web, apa pun selain sRGB adalah tersangka Anda. iPhone keluaran terbaru mengambil foto dalam warna lebar dan menandai filenya sesuai itu — Apple mencantumkan "wide color capture for photos and Live Photos" di spesifikasi kameranya. Sebagian ponsel Android juga menawarkan opsi pengambilan bergamut lebar, jadi periksalah filenya.

Konversikan ke sRGB — Jangan Dicopot, Jangan Ditetapkan

Tiga operasi yang terdengar mirip melakukan hal yang sangat berbeda.

• Copot (strip) menghapus labelnya dan membiarkan angkanya apa adanya: data bergamut lebar yang kini dijamin akan dibaca sebagai sRGB, dan itu justru memperburuk keadaan.
• Tetapkan (assign) memberi label ulang tanpa menghitung ulang, sehingga tampilannya berubah, biasanya menjadi sesuatu yang salah.
• Konversi (convert) menghitung ulang tiap piksel agar warnanya tetap sedekat mungkin dengan yang diizinkan ruang yang lebih kecil, lalu melekatkan tag sRGB.

Konversi adalah yang Anda inginkan: Edit › Convert to Profile di Photoshop, atau Color Space pada ekspor Lightroom yang disetel ke sRGB. Bersiaplah, warna-warna Anda yang paling pekat akan bergeser sedikit.

Kasus Sebaliknya: Tangkapan Layar yang Terlihat Terlalu Menyala

Mekanisme yang sama, arah yang berlawanan. Tangkapan layar dari layar bergamut lebar merekam nilai warnanya dalam ruang warna layar tersebut. Tangkapan layar yang diambil di macOS umumnya disimpan dengan profil layarnya ikut terlampir; alat tangkapan lain belum tentu melampirkan satu pun. Dibaca kembali sebagai sRGB, angka yang sama tampil lebih pekat daripada yang Anda lihat: hijau neon, kulit seperti terbakar matahari. Perbaikannya sama.

Mengapa Ini Penting Saat Anda Mengganti Background

Di sini profil yang tidak cocok berhenti bersikap halus. Tempatkan sebuah hasil potong di atas warna merek Anda di remover.bg, lalu taruh gambar itu di sebuah halaman bersebelahan dengan blok warna hex yang sama di CSS: warna CSS-nya dirender sebagai sRGB.

Kalau gambarnya membawa tag yang berbeda, dua rona dari satu warna yang sama duduk berdampingan dan menolak untuk cocok. Mengonversi ke sRGB sebelum Anda mengunggah menghapus kerancuan itu langsung dari sumbernya.

Putih murni selamat dari konversi tanpa berubah, jadi ketidakcocokan saja tidak akan menggagalkan pemeriksaan background putih di marketplace — warna produknyalah yang jadi korban. Dan format bukanlah penyelamat: PNG, JPEG, dan WebP sama-sama membawa profil, dan sama-sama salah dibaca saat tagnya hilang, termasuk hasil potong transparan.

Sebelum Unggahan Anda Berikutnya

Setel ruang warna ekspor ke sRGB satu kali saja, di preset yang benar-benar Anda pakai, dan masalahnya berhenti berulang. Lalu periksa sekilas satu hasil unggahan dengan membandingkannya terhadap file asli di satu layar: kalau warnanya bertahan, alur kerja Anda bersih.