list-image-sizes.js

#!/usr/bin/env node

// [start-readme]
//
// This script lists all local image files, sorted by their dimensions.
//
// [end-readme]

import { fileURLToPath } from 'url'
import path from 'path'
import walk from 'walk-sync'
import sharp from 'sharp'
import { chain } from 'lodash-es'
const __dirname = path.dirname(fileURLToPath(import.meta.url))

const imagesPath = path.join(__dirname, '../assets/images')
const imagesExtensions = ['.jpg', '.jpeg', '.png', '.gif']

const files = chain(walk(imagesPath, { directories: false })).filter((relativePath) => {
  return imagesExtensions.includes(path.extname(relativePath.toLowerCase()))
})
const infos = await Promise.all(
  files.map(async (relativePath) => {
    const fullPath = path.join(imagesPath, relativePath)
    const image = sharp(fullPath)
    const { width, height } = await image.metadata()
    const size = width * height
    return { relativePath, width, height, size }
  })
)
const images = files
  .map((relativePath, i) => {
    return { relativePath, ...infos[i] }
  })
  .orderBy('size', 'desc')
  .value()

images.forEach((image) => {
  const { relativePath, width, height } = image
  console.log(`${width} x ${height} - ${relativePath}`)
})