X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=server%2Fhelpers%2Fimage-utils.ts;h=b174ae4369208e8d10eeec1816425c6d4ed7fb63;hb=907ba7e270b78507a8d9b6aa20da0f6231c37d25;hp=3ebf073058bd1f85e00abc49d5a59748ed4c81a3;hpb=f619de0e435f7ac3abad2ec772397486358b56e7;p=github%2FChocobozzz%2FPeerTube.git diff --git a/server/helpers/image-utils.ts b/server/helpers/image-utils.ts index 3ebf07305..b174ae436 100644 --- a/server/helpers/image-utils.ts +++ b/server/helpers/image-utils.ts @@ -1,9 +1,13 @@ -import { remove, rename } from 'fs-extra' -import { extname } from 'path' +import { copy, readFile, remove, rename } from 'fs-extra' +import Jimp, { read } from 'jimp' +import { getLowercaseExtension } from '@shared/core-utils' +import { buildUUID } from '@shared/extra-utils' import { convertWebPToJPG, processGIF } from './ffmpeg-utils' import { logger } from './logger' -const Jimp = require('jimp') +function generateImageFilename (extension = '.jpg') { + return buildUUID() + extension +} async function processImage ( path: string, @@ -11,7 +15,7 @@ async function processImage ( newSize: { width: number, height: number }, keepOriginal = false ) { - const extension = extname(path) + const extension = getLowercaseExtension(path) if (path === destination) { throw new Error('Jimp/FFmpeg needs an input path different that the output path.') @@ -23,7 +27,7 @@ async function processImage ( if (extension === '.gif') { await processGIF(path, destination, newSize) } else { - await jimpProcessor(path, destination, newSize) + await jimpProcessor(path, destination, newSize, extension) } if (keepOriginal !== true) await remove(path) @@ -32,16 +36,18 @@ async function processImage ( // --------------------------------------------------------------------------- export { + generateImageFilename, processImage } // --------------------------------------------------------------------------- -async function jimpProcessor (path: string, destination: string, newSize: { width: number, height: number }) { - let jimpInstance: any +async function jimpProcessor (path: string, destination: string, newSize: { width: number, height: number }, inputExt: string) { + let sourceImage: Jimp + const inputBuffer = await readFile(path) try { - jimpInstance = await Jimp.read(path) + sourceImage = await read(inputBuffer) } catch (err) { logger.debug('Cannot read %s with jimp. Try to convert the image using ffmpeg first.', path, { err }) @@ -49,13 +55,64 @@ async function jimpProcessor (path: string, destination: string, newSize: { widt await convertWebPToJPG(path, newName) await rename(newName, path) - jimpInstance = await Jimp.read(path) + sourceImage = await read(path) } await remove(destination) - await jimpInstance - .resize(newSize.width, newSize.height) - .quality(80) - .writeAsync(destination) + // Optimization if the source file has the appropriate size + const outputExt = getLowercaseExtension(destination) + if (skipProcessing({ sourceImage, newSize, imageBytes: inputBuffer.byteLength, inputExt, outputExt })) { + return copy(path, destination) + } + + await autoResize({ sourceImage, newSize, destination }) +} + +async function autoResize (options: { + sourceImage: Jimp + newSize: { width: number, height: number } + destination: string +}) { + const { sourceImage, newSize, destination } = options + + // Portrait mode targetting a landscape, apply some effect on the image + const sourceIsPortrait = sourceImage.getWidth() < sourceImage.getHeight() + const destIsPortraitOrSquare = newSize.width <= newSize.height + + if (sourceIsPortrait && !destIsPortraitOrSquare) { + const baseImage = sourceImage.cloneQuiet().cover(newSize.width, newSize.height) + .color([ { apply: 'shade', params: [ 50 ] } ]) + + const topImage = sourceImage.cloneQuiet().contain(newSize.width, newSize.height) + + return write(baseImage.blit(topImage, 0, 0), destination) + } + + return write(sourceImage.cover(newSize.width, newSize.height), destination) +} + +function write (image: Jimp, destination: string) { + return image.quality(80).writeAsync(destination) +} + +function skipProcessing (options: { + sourceImage: Jimp + newSize: { width: number, height: number } + imageBytes: number + inputExt: string + outputExt: string +}) { + const { sourceImage, newSize, imageBytes, inputExt, outputExt } = options + const { width, height } = newSize + + if (sourceImage.getWidth() > width || sourceImage.getHeight() > height) return false + if (inputExt !== outputExt) return false + + const kB = 1000 + + if (height >= 1000) return imageBytes <= 200 * kB + if (height >= 500) return imageBytes <= 100 * kB + + return imageBytes <= 15 * kB }