chore: replace paths

astro.config.mjs

@@ -40,12 +40,12 @@ export default defineConfig({
 			name: site.title,
 			icons: [
 				{
-					src: '/assets/images/branding/favicons/favicon-192.png',
+					src: '/assets/images/favicons/favicon-192.png',
 					sizes: '192x192',
 					type: 'image/png',
 				},
 				{
-					src: '/assets/images/branding/favicons/favicon-512.png',
+					src: '/assets/images/favicons/favicon-512.png',
 					sizes: '512x512',
 					type: 'image/png',
 				},

og-generate.cjs

@@ -1,60 +1,32 @@
-const Jimp = require('jimp');
+const sharp = require('sharp');
 const path = require('path');
 const fs = require('fs');
 
-// Define the path to the input and output folders
+const inputFolder = './src/images/cover/';
-const inputFolder = './public/assets/images/cover/';
+const outputFolder = './public/assets/images/og/';
-const outputFolder = './public/assets/images/branding/og/';
-
-// Define the aspect ratio to crop the final image to
-const cropSize = { ratio: 16 / 9 };
-
-// Define the size to resize the final image to
 const resizeSize = { width: 1200, height: 675 };
 
-// Loop through each image in the input folder
 fs.readdir(inputFolder, async (err, files) => {
 	if (err) throw err;
 	for (const file of files) {
-		if (
+		if (/\.(webp|png|jpg|jpeg)$/i.test(file)) {
-			file.toLowerCase().endsWith('.png') ||
-			file.toLowerCase().endsWith('.jpg') ||
-			file.toLowerCase().endsWith('.jpeg')
-		) {
-			// Open the input image
 			const inputImagePath = path.join(inputFolder, file);
-			const inputImage = await Jimp.read(inputImagePath);
+			const outputFilename = path.parse(file).name + '.jpg';
+			const outputImagePath = path.join(outputFolder, outputFilename);
 
-			// Resize and crop the input image to fit within the desired size and aspect ratio
+			const textImagePath = './public/assets/images/template/text.png';
-			inputImage.cover(resizeSize.width, resizeSize.height);
 
-			// Open the text image
+			await sharp(inputImagePath)
-			const textImagePath = './public/assets/images/branding/template/text.png';
+				.resize({
-			const textImage = await Jimp.read(textImagePath);
+					width: resizeSize.width,
+					height: resizeSize.height,
+					fit: 'cover',
+				})
+				.composite([{ input: textImagePath, gravity: 'center' }])
+				.jpeg({ quality: 70 })
+				.toFile(outputImagePath);
 
-			// Create a new image with the same size as the input image
+			console.log(`Generated: ${outputFilename}`);
-			const combinedImage = new Jimp(
-				inputImage.bitmap.width,
-				inputImage.bitmap.height,
-				0x00000000
-			);
-
-			// Reduce the quality of the combined image to 70%
-			combinedImage.quality(70);
-
-			// Paste the input image onto the new image
-			combinedImage.composite(inputImage, 0, 0);
-
-			// Calculate the position to center the text image
-			const x = (inputImage.bitmap.width - textImage.bitmap.width) / 2;
-			const y = (inputImage.bitmap.height - textImage.bitmap.height) / 2;
-
-			// Paste the text image onto the new image
-			combinedImage.composite(textImage, x, y);
-
-			// Save the final image to the output folder with the same filename as the input image
-			const outputImagePath = path.join(outputFolder, file);
-			await combinedImage.writeAsync(outputImagePath);
 		}
 	}
 });