From 439563c5d6cf2ceced1705687b5bcbebf429e12e Mon Sep 17 00:00:00 2001 From: MeiMei <30769358+mei23@users.noreply.github.com> Date: Fri, 14 Feb 2020 11:40:45 +0900 Subject: サムネイルをJPEGで生成するように (#5941) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/services/drive/add-file.ts | 4 ++-- src/services/drive/image-processor.ts | 38 ++++++++++++++++++++++++++++++++--- 2 files changed, 37 insertions(+), 5 deletions(-) (limited to 'src/services') diff --git a/src/services/drive/add-file.ts b/src/services/drive/add-file.ts index 777e357c1a..2931de6dc0 100644 --- a/src/services/drive/add-file.ts +++ b/src/services/drive/add-file.ts @@ -7,7 +7,7 @@ import { deleteFile } from './delete-file'; import { fetchMeta } from '../../misc/fetch-meta'; import { GenerateVideoThumbnail } from './generate-video-thumbnail'; import { driveLogger } from './logger'; -import { IImage, convertToJpeg, convertToWebp, convertToPng } from './image-processor'; +import { IImage, convertToJpeg, convertToWebp, convertToPng, convertToPngOrJpeg } from './image-processor'; import { contentDisposition } from '../../misc/content-disposition'; import { getFileInfo } from '../../misc/get-file-info'; import { DriveFiles, DriveFolders, Users, Instances, UserProfiles } from '../../models'; @@ -174,7 +174,7 @@ export async function generateAlts(path: string, type: string, generateWeb: bool if (['image/jpeg', 'image/webp'].includes(type)) { thumbnail = await convertToJpeg(path, 498, 280); } else if (['image/png'].includes(type)) { - thumbnail = await convertToPng(path, 498, 280); + thumbnail = await convertToPngOrJpeg(path, 498, 280); } else if (type.startsWith('video/')) { try { thumbnail = await GenerateVideoThumbnail(path); diff --git a/src/services/drive/image-processor.ts b/src/services/drive/image-processor.ts index 21a05fa9e4..493bf5c1cc 100644 --- a/src/services/drive/image-processor.ts +++ b/src/services/drive/image-processor.ts @@ -11,7 +11,11 @@ export type IImage = { * with resize, remove metadata, resolve orientation, stop animation */ export async function convertToJpeg(path: string, width: number, height: number): Promise { - const data = await sharp(path) + return convertSharpToJpeg(await sharp(path), width, height); +} + +export async function convertSharpToJpeg(sharp: sharp.Sharp, width: number, height: number): Promise { + const data = await sharp .resize(width, height, { fit: 'inside', withoutEnlargement: true @@ -35,7 +39,11 @@ export async function convertToJpeg(path: string, width: number, height: number) * with resize, remove metadata, resolve orientation, stop animation */ export async function convertToWebp(path: string, width: number, height: number): Promise { - const data = await sharp(path) + return convertSharpToWebp(await sharp(path), width, height); +} + +export async function convertSharpToWebp(sharp: sharp.Sharp, width: number, height: number): Promise { + const data = await sharp .resize(width, height, { fit: 'inside', withoutEnlargement: true @@ -58,7 +66,11 @@ export async function convertToWebp(path: string, width: number, height: number) * with resize, remove metadata, resolve orientation, stop animation */ export async function convertToPng(path: string, width: number, height: number): Promise { - const data = await sharp(path) + return convertSharpToPng(await sharp(path), width, height); +} + +export async function convertSharpToPng(sharp: sharp.Sharp, width: number, height: number): Promise { + const data = await sharp .resize(width, height, { fit: 'inside', withoutEnlargement: true @@ -73,3 +85,23 @@ export async function convertToPng(path: string, width: number, height: number): type: 'image/png' }; } + +/** + * Convert to PNG or JPEG + * with resize, remove metadata, resolve orientation, stop animation + */ +export async function convertToPngOrJpeg(path: string, width: number, height: number): Promise { + return convertSharpToPngOrJpeg(await sharp(path), width, height); +} + +export async function convertSharpToPngOrJpeg(sharp: sharp.Sharp, width: number, height: number): Promise { + const stats = await sharp.stats(); + const metadata = await sharp.metadata(); + + // 不透明で300x300pxの範囲を超えていればJPEG + if (stats.isOpaque && ((metadata.width && metadata.width >= 300) || (metadata.height && metadata!.height >= 300))) { + return await convertSharpToJpeg(sharp, width, height); + } else { + return await convertSharpToPng(sharp, width, height); + } +} -- cgit v1.2.3-freya