Skip to content

Change image scaling/rendering to use a non-smoothing method #5

Open
@vlandau

Description

In looking at the images in the app, I see that upon resize, the images appear to be smoothed. In this screenshot, you can see that the edge between the left and right sides of the image (and the background and river pixels in the right-side image) are not preserved -- you can see that they appear to be smoothed (presumably using a resampling method like bilinear interpolation)

image

It would be great if the image could be displayed in a resolution that is as true as possible to the original sentinel 2 resolution (which may mean individual pixel boundaries would be obvious).

I found some more info on image rendering with css here, in case it might be helpful. If there is a way to implement it, the ideal image rendering algorithm would be nearest neighbor. Apparently it would also be ideal to make sure that the image width and height (in pixels) are always an even number.

Right now, this is pretty low priority, but I just wanted to flag it.

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestwontfixThis will not be worked on

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions