Fix orientation when creating thumbnails

- use minimum size  as well as percentage

picture-gallery-server/src/thumbnails.ts

@@ -4,29 +4,28 @@ import path from "path";
 import { publicPath, thumbnailPath, thumbnailPublicPath } from "./paths";
 
 const percentage = 25;
-const minimumPixelForThumbnail = 1000;
+const minimumPixelForThumbnail = 1024;
 
 export const createThumbnailAsyncForImage = (image: string) => {
   sharp(`${publicPath}${image}`)
     .metadata()
     .then((info) => {
-      let width = Math.round((info.width * percentage) / 100);
+      const width = Math.max(
-      let height = Math.round((info.height * percentage) / 100);
+        Math.min(info.width, minimumPixelForThumbnail),
-      // no thumbnail if both sides are smaller than minimumPixelForThumbnail
+        Math.round((info.width * percentage) / 100)
-      if (
+      );
-        info.width <= minimumPixelForThumbnail &&
+      const height = Math.max(
-        info.height <= minimumPixelForThumbnail
+        Math.min(info.height, minimumPixelForThumbnail),
-      ) {
+        Math.round((info.height * percentage) / 100)
-        width = info.width;
+      );
-        height = info.height;
-      }
 
       fs.mkdir(
         thumbnailPublicPath + path.dirname(image),
         { recursive: true },
         () => {
           sharp(`${publicPath}${image}`)
-            .resize(width, height)
+            .withMetadata()
+            .resize(info.width > info.height ? { width } : { height })
             .toFile(`${thumbnailPublicPath}${image}`);
         }
       );