HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

feat: Compress PNG; detect and compare the size of compressed and uncompressed file

Browse source
This commit is contained in:
Lhcfl 2024-04-14 11:51:41 +08:00
parent aea6659d0b
commit 99815e1af8
1 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
packages/client/src/scripts/upload.ts
View file

@ -18,6 +18,7 @@ export const uploads = ref<Uploading[]>([]);
const compressTypeMap = {
"image/jpeg": { quality: 0.85, mimeType: "image/jpeg" },
"image/png": { quality: 0.85, mimeType: "image/jpeg" },
"image/webp": { quality: 0.85, mimeType: "image/png" },
"image/svg+xml": { quality: 1, mimeType: "image/png" },
} as const;
@ -52,7 +53,7 @@ export function uploadFile(
uploads.value.push(ctx);
let resizedImage: any;
let resizedImage: Blob | undefined;
if (!keepOriginal && file.type in compressTypeMap) {
const imgConfig = compressTypeMap[file.type];
@ -65,12 +66,17 @@ export function uploadFile(
try {
resizedImage = await readAndCompressImage(file, config);
ctx.name =
file.type !== imgConfig.mimeType
? `${ctx.name}.${
mimeTypeMap[compressTypeMap[file.type].mimeType]
}`
: ctx.name;
if (resizedImage.size > file.size) {
// if compression made the picture larger, give up compression
resizedImage = undefined;
} else {
ctx.name =
file.type !== imgConfig.mimeType
? `${ctx.name}.${
mimeTypeMap[compressTypeMap[file.type].mimeType]
}`
: ctx.name;
}
} catch (err) {
console.error("Failed to resize image", err);
}