pqina / filepond-plugin-image-preview

🖼 Show a preview for images dropped on FilePond

Home Page:https://pqina.nl/filepond

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Image Preview drop in quality. How can I maintain quality of the original photo.

mnoor984 opened this issue · comments

Hi.
@rikschennink
I am using filepond to upload images and to preview them. But I am facing a major problem. The quality of the images in image preview seems to drop significantly (especially when I make the image preview size small). However, if I compare the smaller image to another smaller image from elsewhere, there is a quality difference ,which means something is wrong with filepond. Is there a way I can have the best quality photo in image preview?

Generally speaking, the quality of images in filepond preview is lower in comparison to a normal way of file upload and preview.

image

test.css
image

image

image

Original photo:
image

Dropped quality:
image

Same smaller image but not from filepond image preview. No dropped quality
image

Quality Difference between normal file upload and filepond upload (same image sizes):
image

commented

FilePond scales down image before previewing as this turned out to be more performant, this is done with canvas and especially for vector graphics can look pixely.

When using FilePond with Pintura the poster plugin renders the preview which renders it at a higher quality. I'm hoping to address this in the near future with FilePond v5.