https://github.com/zwiterrion/image-resizer
Automatically generate screenshots for different devices sizes with blank automatically filled with black
https://github.com/zwiterrion/image-resizer
android ios mobile resize-images resizer screenshot-utility
Last synced: 7 months ago
JSON representation
Automatically generate screenshots for different devices sizes with blank automatically filled with black
- Host: GitHub
- URL: https://github.com/zwiterrion/image-resizer
- Owner: Zwiterrion
- Created: 2021-06-08T20:04:19.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-06-08T20:13:23.000Z (over 4 years ago)
- Last Synced: 2025-01-16T23:05:51.571Z (9 months ago)
- Topics: android, ios, mobile, resize-images, resizer, screenshot-utility
- Language: JavaScript
- Homepage:
- Size: 925 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Image resizer
## Automatically generate screenshots for different devices sizes with blank automatically filled with black
# Setup
Install dependencies
```
brew install imagemagick
brew install ffmpeg
```
Install project dependencies
```
yarn
or
npm install
```
# Run
1. Clone the repo
2. Setup your devices sizes inside the json file `devices.json`
```
Example :
{
"devices": [
{
"name": "iphone5",
"size": {
"w": 1242,
"h": 2208
}
}
}
```
will generate each screenshot presents inside screenshots folder with this dimension.
3. Launch
```
node index.js
```
will generate all files inside `out` folder.
```
out
| - iphone5
| - screenshot-file.png
```
with the screenshot-file.png previsouly added inside the `screenshots` directory
```
screenshots
| - screenshot-file.png
```