Results 1 to 7 of 7

Thread: Remove banding for website display

  1. #1

    Join Date
    Jun 2018
    Posts
    96

    Remove banding for website display

    I add medium/heavy vignetting to some of my images, by choice.

    As my images are B&W (16 bit), I then typically add uniform monochrome noise when I see banding. Occasionally, though, I see banding on the image rendered by the website I uploaded to, but not on my screen (lightroom, photoshop and preview look perfect).

    So far, the only way around I've found to mitigate the problem is to use more noise and change the noise type to gaussian mode.

    Are there other/better methods?

  2. #2

    Join Date
    Aug 2000
    Location
    California
    Posts
    3,908

    Re: Remove banding for website display

    Film!

  3. #3

    Join Date
    Sep 2003
    Location
    Massachusetts USA
    Posts
    8,476

    Re: Remove banding for website display

    What file type are you using ? Are you seeing the banding only in your browser ? Which browser ?

    JPG is limited to 8-bit and depending on compression we will often see banding.

    Have you tried PNG files instead ?

  4. #4

    Join Date
    Jun 2018
    Posts
    96

    Re: Remove banding for website display

    Quote Originally Posted by Ken Lee View Post
    What file type are you using ? Are you seeing the banding only in your browser ? Which browser ?

    JPG is limited to 8-bit and depending on compression we will often see banding.

    Have you tried PNG files instead ?
    I'm using jpeg and opened the image in Chrome. I usually don't have problems, even when gradients are subtle but I have an issue with this particular image.

    I will try with png, haven't thought of that. The websites I share images with, only accept jpeg.

    With jpeg I can remove the banding by applying gaussian noise, instead of uniform noise.

  5. #5

    Join Date
    Sep 2003
    Location
    Massachusetts USA
    Posts
    8,476

    Re: Remove banding for website display

    The whole point of lossy compression used by file types like JPG is to remove information. That almost always results in banding if your image contains any subtle gradients. Sharpening can do the same.

    The sites you are using may be applying additional compression and sharpening without your knowledge, in order to save on their own storage expenses and "improve" your images.

    If your images start out as 16-bit you should convert them to JPG as your last step, not your first. Be sure to work in the sRGB color space and tag your JPG files with that profile.

    You might find this brief article helpful: How (and why) to Convert Images from 8 to 16 bit in Photoshop. The last paragraph contains the important information. I don't know if there is a corresponding method in Lightroom.

    If those web sites only allow JPG but PNG files work for you, perhaps you should consider different sites.

  6. #6

    Join Date
    Dec 2018
    Location
    Guelph, Ontario, Canada
    Posts
    295

    Re: Remove banding for website display

    When you export from Lightroom you choose not only the file format, but also the dimensions, bit depth and colour space. A good place to start is ensuring that you have those all set correctly. For example, this forum wants images no larger than 800 pix in the long edge. If you use a larger number, it gets downsized (meaning you've lost control of how the file is displayed).

    If this link is still up-to-date (https://cameratico.com/guides/web-br...agement-guide/) then Chrome is not colour managed. In other words, you might be tagging your files properly on export, but Chrome ignores that. Have you viewed your exported files in Mozilla Firefox (which is colour managed)?

  7. #7
    jp's Avatar
    Join Date
    May 2009
    Location
    Maine
    Posts
    5,630

    Re: Remove banding for website display

    Try some different quality percentages on export and see how that affects banding. You adding noise is probably just a ruse to create less compression with the jpeg format. I generally use 80-95% quality.

Similar Threads

  1. Banding on negatives
    By Harley Goldman in forum Darkroom: Film, Processing & Printing
    Replies: 15
    Last Post: 26-Mar-2012, 17:47
  2. Epson R2400 Banding under Mac OS 10.5.2?
    By 45photo in forum Digital Hardware
    Replies: 25
    Last Post: 3-Sep-2008, 06:28
  3. Serious Horizontal banding
    By Bill W in forum Digital Hardware
    Replies: 7
    Last Post: 26-May-2008, 09:44
  4. ipf6100 banding
    By bbbelly in forum Digital Hardware
    Replies: 10
    Last Post: 25-Jan-2008, 06:32
  5. Banding in negatives
    By domenico Foschi in forum Darkroom: Film, Processing & Printing
    Replies: 5
    Last Post: 27-Sep-2007, 14:30

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •