fix: downloaded images are blurry compared to previewed images

Author: devvaannsh

src/LiveDevelopment/BrowserScripts/RemoteFunctions.js

@@ -1934,8 +1934,6 @@ function RemoteFunctions(config = {}) {
         this.allImages = [];
         this.imagesPerPage = 10;
         this.scrollPosition = 0;
-        this.maxWidth = '800px'; // when current image dimension is not defined we use this as unsplash images are very large
-        this.maxHeight = '600px';
 
         this.create();
     }
@@ -2675,8 +2673,8 @@ function RemoteFunctions(config = {}) {
 
                 // show hovered image along with dimensions
                 thumbDiv.addEventListener('mouseenter', () => {
-                    this.element.style.width = this._originalImageStyle.width || this.maxWidth;
-                    this.element.style.height = this._originalImageStyle.height || this.maxHeight;
+                    this.element.style.width = this._originalImageStyle.width;
+                    this.element.style.height = this._originalImageStyle.height;
 
                     this.element.style.objectFit = this._originalImageStyle.objectFit || 'cover';
                     this.element.src = image.url || image.thumb_url;
@@ -2736,12 +2734,7 @@ function RemoteFunctions(config = {}) {
                     const filename = this._generateFilename(image);
                     const extnName = ".jpg";
 
-                    const targetWidth = this._originalImageStyle.width || this.maxWidth;
-                    const targetHeight = this._originalImageStyle.height || this.maxHeight;
-                    const widthNum = parseInt(targetWidth);
-                    const heightNum = parseInt(targetHeight);
-
-                    const downloadUrl = image.url ? `${image.url}?w=${widthNum}&h=${heightNum}&fit=crop` : image.thumb_url;
+                    const downloadUrl = image.url || image.thumb_url;
                     this._useImage(downloadUrl, filename, extnName, false, thumbDiv);
                 });