Vibrant-Colors/node-vibrant

Different results on desktop vs mobile browser for same image

nandorojo opened this issue · 1 comments

nandorojo commented

Bug

Mobile browsers and desktop browsers return a different set of colors for the same image.

Take this image:

The colors it produces are radically different on a mobile and desktop browser.

To see this in action, open this URL on both a mobile and desktop browser.

Steps To Reproduce

  1. Use this image URL: https://res.cloudinary.com/dn29xlaeh/image/upload/q_75,w_640/v1/beatgig-live/quhilykqgarpqnf9peyk
  2. Get the colors on a mobile browser
  3. Get the colors on a desktop browser

Describe what you expected to happen:

  1. The colors on both platforms should be the same.

Reproducible sample code

Here is a minimal CodeSandbox reproduction. I made it as simple as possible.

These are the colors it comes up with on a desktop browser:

image

Meanwhile, here it is on a mobile browser (you can open the sandbox preview URL to view it there.)

React App

Antrikshy commented

This is not just a mobile vs desktop thing. I'm seeing significant differences between Edge and Firefox on Windows. It's still deterministic within the same browser.