sharp.js

const sharp = require('sharp');
const fs = require('fs');
const path = require('path');

const target = path.resolve(__dirname, 'src/public/images');
const destination = path.resolve(__dirname, 'dist/images');

if (!fs.existsSync(destination)) {
  fs.mkdirSync(destination);
}

fs.readdirSync(target).forEach((image) => {
  // mengubah ukuran gambar dengan lebar 800px dan kualitas 50% dengan prefix -large.jpg
  sharp(`${target}/${image}`)
    .jpeg({
      quality: 50,
    })
    .resize(800)
    .toFile(
      path.resolve(
        __dirname,
        `${destination}/${image.split('.').slice(0, -1).join('.')}-large.jpg`,
      ),
    );

  // mengubah ukuran gambar dengan lebar 800px dan kualitas 50% dengan prefix -large.webp
  sharp(`${target}/${image}`)
    .webp({
      quality: 50,
    })
    .resize(800)
    .toFile(
      path.resolve(
        __dirname,
        `${destination}/${image.split('.').slice(0, -1).join('.')}-large.webp`,
      ),
    );

  // mengubah ukuran gambar dengan lebar 480px dan kualitas 50% dengan prefix -small.jpg
  sharp(`${target}/${image}`)
    .jpeg({
      quality: 50,
    })
    .resize(480)
    .toFile(
      path.resolve(
        __dirname,
        `${destination}/${image.split('.').slice(0, -1).join('.')}-small.jpg`,
      ),
    );

  // mengubah ukuran gambar dengan lebar 480px dan kualitas 50% dengan prefix -small.webp
  sharp(`${target}/${image}`)
    .webp({
      quality: 50,
    })
    .resize(480)
    .toFile(
      path.resolve(
        __dirname,
        `${destination}/${image.split('.').slice(0, -1).join('.')}-small.webp`,
      ),
    );
});