LukeParke/website
1
0
Fork 0
mirror of https://github.com/LukeHagar/website.git synced 2025-12-06 12:57:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: assets optimization

Browse Source
This commit is contained in:
Torsten Dittmann
2024-08-21 15:25:14 +02:00
parent 9094b72e08
commit 54a4b52e09
1 changed files with 25 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
scripts/optimize-assets.js
View File

@@ -5,11 +5,20 @@ import { fileURLToPath } from 'url';
const __dirname = fileURLToPath(new URL('.', import.meta.url));
const root_dir = join(__dirname, '../static');
const exceptions = ['assets/'];
/**
* @type {{
* jpeg: sharp.JpegOptions,
* webp: sharp.WebpOptions,
* png: sharp.PngOptions,
* gif: sharp.GifOptions
* }}
*/
const config = {
jpeg: { quality: 80 },
webp: { quality: 80 },
png: { compressionLevel: 9 },
png: { compressionLevel: 9, quality: 80 },
gif: { quality: 80 }
};
@@ -28,25 +37,34 @@ function* walk_directory(dir) {
}
function is_image(file) {
const image_extensions = ["jpg", "jpeg", "png", "gif", "webp"];
const extension = file.split(".").pop().toLowerCase();
const image_extensions = ['jpg', 'jpeg', 'png', 'gif', 'webp'];
const extension = file.split('.').pop().toLowerCase();
return image_extensions.includes(extension);
return image_extensions.includes(extension);
}
function get_relative_path(file) {
return relative(root_dir, file)
return relative(root_dir, file);
}
async function main() {
for (const file of walk_directory(join(__dirname, '../static'))) {
const relative_path = get_relative_path(file);
if (!is_image(file)) continue;
console.log(get_relative_path(file));
if (exceptions.some((exception) => relative_path.startsWith(exception))) continue;
console.log(get_relative_path(relative_path));
const image = sharp(file);
const size_before = (await image.toBuffer()).length;
const meta = await image.metadata();
const buffer = await image[meta.format](config[meta.format]).toBuffer();
const buffer = await image[meta.format](config[meta.format])
.resize({
width: 1280,
height: 1280,
fit: sharp.fit.inside
})
.toBuffer();
const size_after = buffer.length;
if (size_after >= size_before) continue;