Add script to generate Play Store screenshot sizes
- Introduced a Node.js script (`playstore-screenshot-sizes.mjs`) to resize images for Play Store screenshots based on predefined profiles (phone, tablet-7, tablet-10). - The script reads images from a specified input directory, processes them, and saves the resized images in an output directory with appropriate naming conventions. - Added a Bash wrapper script (`playstore-screenshot-sizes.sh`) to execute the Node.js script easily from the command line.
This commit is contained in:
@@ -24,7 +24,7 @@ IFS=';' read -r -a BOXES <<< "$RECTS"
|
||||
for box in "${BOXES[@]}"; do
|
||||
IFS=',' read -r x y w h <<< "$box"
|
||||
magick "$TMP" \
|
||||
\( -size "${w}x${h}" xc:black -alpha set -channel a -evaluate set 70% +channel \) \
|
||||
\( -size "${w}x${h}" xc:black -alpha off \) \
|
||||
-geometry "+${x}+${y}" -composite "$TMP"
|
||||
done
|
||||
|
||||
|
||||
82
scripts/playstore-screenshot-sizes.mjs
Normal file
82
scripts/playstore-screenshot-sizes.mjs
Normal file
@@ -0,0 +1,82 @@
|
||||
#!/usr/bin/env node
|
||||
import { readdir, mkdir } from 'node:fs/promises'
|
||||
import path from 'node:path'
|
||||
import { fileURLToPath } from 'node:url'
|
||||
import sharp from 'sharp'
|
||||
|
||||
const __filename = fileURLToPath(import.meta.url)
|
||||
const __dirname = path.dirname(__filename)
|
||||
const rootDir = path.resolve(__dirname, '..')
|
||||
|
||||
const args = process.argv.slice(2)
|
||||
|
||||
function readArg(flag, fallback = '') {
|
||||
const idx = args.indexOf(flag)
|
||||
if (idx === -1) return fallback
|
||||
return args[idx + 1] || fallback
|
||||
}
|
||||
|
||||
const inputDirArg = readArg('--input-dir', 'android-app/playstore-assets/anon')
|
||||
const outputDirArg = readArg('--output-dir', 'android-app/playstore-assets/final')
|
||||
const inputDir = path.resolve(rootDir, inputDirArg)
|
||||
const outputDir = path.resolve(rootDir, outputDirArg)
|
||||
|
||||
const profiles = [
|
||||
{ key: 'phone', width: 1080, height: 1920 },
|
||||
{ key: 'tablet-7', width: 1200, height: 1920 },
|
||||
{ key: 'tablet-10', width: 1600, height: 2560 },
|
||||
]
|
||||
|
||||
function isImageFile(name) {
|
||||
const lower = name.toLowerCase()
|
||||
return lower.endsWith('.png') || lower.endsWith('.jpg') || lower.endsWith('.jpeg')
|
||||
}
|
||||
|
||||
async function processFile(fileName) {
|
||||
const inputPath = path.join(inputDir, fileName)
|
||||
const parsed = path.parse(fileName)
|
||||
|
||||
for (const profile of profiles) {
|
||||
const profileDir = path.join(outputDir, profile.key)
|
||||
await mkdir(profileDir, { recursive: true })
|
||||
|
||||
const outputPath = path.join(
|
||||
profileDir,
|
||||
`${parsed.name}-${profile.width}x${profile.height}.png`,
|
||||
)
|
||||
|
||||
// Use contain to preserve all UI content and add solid bars only if needed.
|
||||
await sharp(inputPath)
|
||||
.resize(profile.width, profile.height, {
|
||||
fit: 'contain',
|
||||
background: { r: 0, g: 0, b: 0, alpha: 1 },
|
||||
})
|
||||
.png()
|
||||
.toFile(outputPath)
|
||||
|
||||
console.log(`Created: ${path.relative(rootDir, outputPath)}`)
|
||||
}
|
||||
}
|
||||
|
||||
async function run() {
|
||||
const files = await readdir(inputDir)
|
||||
const images = files.filter(isImageFile)
|
||||
|
||||
if (images.length === 0) {
|
||||
console.error(`No PNG/JPG files found in: ${path.relative(rootDir, inputDir)}`)
|
||||
process.exitCode = 1
|
||||
return
|
||||
}
|
||||
|
||||
await mkdir(outputDir, { recursive: true })
|
||||
for (const image of images) {
|
||||
await processFile(image)
|
||||
}
|
||||
|
||||
console.log(`Done. Output dir: ${path.relative(rootDir, outputDir)}`)
|
||||
}
|
||||
|
||||
run().catch((error) => {
|
||||
console.error('Failed to generate screenshot profiles:', error)
|
||||
process.exitCode = 1
|
||||
})
|
||||
6
scripts/playstore-screenshot-sizes.sh
Executable file
6
scripts/playstore-screenshot-sizes.sh
Executable file
@@ -0,0 +1,6 @@
|
||||
#!/usr/bin/env bash
|
||||
set -euo pipefail
|
||||
|
||||
ROOT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"
|
||||
|
||||
node "$ROOT_DIR/scripts/playstore-screenshot-sizes.mjs" "$@"
|
||||
Reference in New Issue
Block a user