Added lazy-loading to release tile posters.

src/media.js

@@ -267,6 +267,9 @@ async function storeImageFile(media, hashDir, hashSubDir, filename, filedir, fil
     const thumbdir = path.join(media.role, 'thumbs', hashDir, hashSubDir);
     const thumbpath = path.join(thumbdir, filename);
 
+    const lazydir = path.join(media.role, 'lazy', hashDir, hashSubDir);
+    const lazypath = path.join(lazydir, filename);
+
     const image = sharp(media.file.path);
 
     const [info, stat] = await Promise.all([
@@ -277,16 +280,26 @@ async function storeImageFile(media, hashDir, hashSubDir, filename, filedir, fil
     await Promise.all([
         fsPromises.mkdir(path.join(config.media.path, filedir), { recursive: true }),
         fsPromises.mkdir(path.join(config.media.path, thumbdir), { recursive: true }),
+        fsPromises.mkdir(path.join(config.media.path, lazydir), { recursive: true }),
     ]);
 
-    // generate thumbnail
-    await sharp(media.file.path)
-        .resize({
-            height: config.media.thumbnailSize,
-            withoutEnlargement: true,
-        })
-        .jpeg({ quality: config.media.thumbnailQuality })
-        .toFile(path.join(config.media.path, thumbpath));
+    // generate thumbnail and lazy
+    await Promise.all([
+        image
+            .resize({
+                height: config.media.thumbnailSize,
+                withoutEnlargement: true,
+            })
+            .jpeg({ quality: config.media.thumbnailQuality })
+            .toFile(path.join(config.media.path, thumbpath)),
+        image
+            .resize({
+                height: config.media.lazySize,
+                withoutEnlargement: true,
+            })
+            .jpeg({ quality: config.media.lazyQuality })
+            .toFile(path.join(config.media.path, lazypath)),
+    ]);
 
     if (media.meta.subtype === 'jpeg') {
         // move temp file to permanent location
@@ -310,6 +323,7 @@ async function storeImageFile(media, hashDir, hashSubDir, filename, filedir, fil
         file: {
             path: filepath,
             thumbnail: thumbpath,
+            lazy: lazypath,
         },
         meta: {
             ...media.meta,
@@ -492,6 +506,7 @@ function curateMediaEntry(media, index) {
         id: media.id,
         path: media.file.path,
         thumbnail: media.file.thumbnail,
+        lazy: media.file.lazy,
         index,
         mime: media.meta.mimetype,
         hash: media.meta.hash,