Set best image quality for all uploads. Closes #114

Dockerfile

@@ -2,13 +2,11 @@ FROM node AS client-builder
 
 WORKDIR /app
 
-COPY client/package.json client/package-lock.json ./
-
-RUN npm install
-
 COPY client .
 
-RUN npm install npm@latest --global && npm run build
+RUN npm install npm@latest --global \
+  && npm install \
+  && npm run build
 
 FROM node:alpine
 

server/api/helpers/create-attachment-receiver.js

@@ -52,13 +52,22 @@ module.exports = {
         if (imageMetadata) {
           let cover256Buffer;
           if (imageMetadata.height > imageMetadata.width) {
-            cover256Buffer = await image.resize(256, 320).jpeg().toBuffer();
+            cover256Buffer = await image
+              .resize(256, 320)
+              .jpeg({
+                quality: 100,
+                chromaSubsampling: '4:4:4',
+              })
+              .toBuffer();
           } else {
             cover256Buffer = await image
               .resize({
                 width: 256,
               })
-              .jpeg()
+              .jpeg({
+                quality: 100,
+                chromaSubsampling: '4:4:4',
+              })
               .toBuffer();
           }
 

server/api/helpers/create-project-background-image-receiver.js

@@ -31,8 +31,20 @@ module.exports = {
       );
 
       try {
-        const originalBuffer = await sharp(buffer).jpeg().toBuffer();
-        const cover336Buffer = await sharp(buffer).resize(336, 200).jpeg().toBuffer();
+        const originalBuffer = await sharp(buffer)
+          .jpeg({
+            quality: 100,
+            chromaSubsampling: '4:4:4',
+          })
+          .toBuffer();
+
+        const cover336Buffer = await sharp(buffer)
+          .resize(336, 200)
+          .jpeg({
+            quality: 100,
+            chromaSubsampling: '4:4:4',
+          })
+          .toBuffer();
 
         const dirname = uuid();
 

server/api/helpers/create-user-avatar-receiver.js

@@ -31,8 +31,20 @@ module.exports = {
       );
 
       try {
-        const originalBuffer = await sharp(buffer).jpeg().toBuffer();
-        const square100Buffer = await sharp(buffer).resize(100, 100).jpeg().toBuffer();
+        const originalBuffer = await sharp(buffer)
+          .jpeg({
+            quality: 100,
+            chromaSubsampling: '4:4:4',
+          })
+          .toBuffer();
+
+        const square100Buffer = await sharp(buffer)
+          .resize(100, 100)
+          .jpeg({
+            quality: 100,
+            chromaSubsampling: '4:4:4',
+          })
+          .toBuffer();
 
         const dirname = uuid();