12a3c6872f
* wip * Update packages/client/src/os.ts Co-authored-by: tamaina <tamaina@hotmail.co.jp> * メニューをComposition API化、switchアイテム追加 クライアントサイド画像圧縮の準備 * メニュー型定義を分離 (TypeScriptの型支援が効かないので) * disabled * make keepOriginal to follow setting value * ✌️ * fix * fix * ✌️ * WEBP * aaa * ✌️ * webp * lazy load browser-image-resizer * rename * rename 2 * Fix * clean up * add comment * clean up * jpeg, pngにもどす * fix * fix name * webpでなくする ただしサムネやプレビューはwebpのまま (テスト) * 動画サムネイルはjpegに * エラーハンドリング * ✌️ * v2.2.1-misskey-beta.2 * browser-image-resizer#v2.2.1-misskey.1 * ✌️ * fix alert * update browser-image-resizer to v2.2.1-misskey.2 * lockfile Co-authored-by: mei23 <m@m544.net> Co-authored-by: MeiMei <30769358+mei23@users.noreply.github.com>
88 lines
1.9 KiB
TypeScript
88 lines
1.9 KiB
TypeScript
import sharp from 'sharp';
|
|
|
|
export type IImage = {
|
|
data: Buffer;
|
|
ext: string | null;
|
|
type: string;
|
|
};
|
|
|
|
/**
|
|
* Convert to JPEG
|
|
* with resize, remove metadata, resolve orientation, stop animation
|
|
*/
|
|
export async function convertToJpeg(path: string, width: number, height: number): Promise<IImage> {
|
|
return convertSharpToJpeg(await sharp(path), width, height);
|
|
}
|
|
|
|
export async function convertSharpToJpeg(sharp: sharp.Sharp, width: number, height: number): Promise<IImage> {
|
|
const data = await sharp
|
|
.resize(width, height, {
|
|
fit: 'inside',
|
|
withoutEnlargement: true,
|
|
})
|
|
.rotate()
|
|
.jpeg({
|
|
quality: 85,
|
|
progressive: true,
|
|
})
|
|
.toBuffer();
|
|
|
|
return {
|
|
data,
|
|
ext: 'jpg',
|
|
type: 'image/jpeg',
|
|
};
|
|
}
|
|
|
|
/**
|
|
* Convert to WebP
|
|
* with resize, remove metadata, resolve orientation, stop animation
|
|
*/
|
|
export async function convertToWebp(path: string, width: number, height: number, quality: number = 85): Promise<IImage> {
|
|
return convertSharpToWebp(await sharp(path), width, height, quality);
|
|
}
|
|
|
|
export async function convertSharpToWebp(sharp: sharp.Sharp, width: number, height: number, quality: number = 85): Promise<IImage> {
|
|
const data = await sharp
|
|
.resize(width, height, {
|
|
fit: 'inside',
|
|
withoutEnlargement: true,
|
|
})
|
|
.rotate()
|
|
.webp({
|
|
quality,
|
|
})
|
|
.toBuffer();
|
|
|
|
return {
|
|
data,
|
|
ext: 'webp',
|
|
type: 'image/webp',
|
|
};
|
|
}
|
|
|
|
/**
|
|
* Convert to PNG
|
|
* with resize, remove metadata, resolve orientation, stop animation
|
|
*/
|
|
export async function convertToPng(path: string, width: number, height: number): Promise<IImage> {
|
|
return convertSharpToPng(await sharp(path), width, height);
|
|
}
|
|
|
|
export async function convertSharpToPng(sharp: sharp.Sharp, width: number, height: number): Promise<IImage> {
|
|
const data = await sharp
|
|
.resize(width, height, {
|
|
fit: 'inside',
|
|
withoutEnlargement: true,
|
|
})
|
|
.rotate()
|
|
.png()
|
|
.toBuffer();
|
|
|
|
return {
|
|
data,
|
|
ext: 'png',
|
|
type: 'image/png',
|
|
};
|
|
}
|