A desktop application for streamers and content creators to quickly resize emotes, badges, and other stream assets.
- π Features
- π₯ Installation
- π Usage
- ποΈ Credits
- βοΈ License
- π» Development
- πΌοΈ User-friendly interface with drag-and-drop support
- π Resizing modes
- πΎ Processing multiple files at once
- π Save processed images to the original folder or select a custom output directory
- β‘ Fast image processing using Sharp
- π₯οΈ Cross-platform support for Windows, macOS, and Linux
We provide pre-built binaries for Windows, macOS, and Linux. You can download the latest version from the Releases page.
Where X.X.X is the current version number, you can chose from the following options:
- Windows:
emotes-resizer-X.X.X.Setup.exeemotes-resizer-win32-x64-X.X.X.zipemotes_resizer-X.X.X-full.nupkg
- macOS:
emotes-resizer-X.X.X-arm64.dmgemotes-resizer-darwin-arm64-X.X.X.zip
- Linux:
emotes-resizer_X.X.X_amd64.debemotes-resizer-linux-x64-X.X.X.zip
- Open the application: Launch the app from the downloaded executable.
- Select files: You can add files to the app in two ways:
- Click the "Select Files" button
- Drag and drop your images directly into the app window.
- Resample: Available resample methods: Nearest neighbor, Cubic, Mitchell, Lanczos2 and Lanczos3.
- Action: Processing mode available:
- Generate: Generate specified sizes from the original image.
- Scale: Scale the original image by a specified percentage factor.
- Resize: Resize the original image to the specified size.
The processed images will be saved in the same directory as the original files by default or in the selected directory, by default the images are saved in its original format unless a format option has been chosen. Each generated image's filename will include a size suffix (e.g., emote-28.png, emote-56.png, emote-200%.png) to identify its dimensions or scale percentage.
| Initial Screen | Files selected |
|---|---|
| Drag & drop interface | Action mode: Generate |
- Nuxt, the Vue framework
- Build for desktop with Electron Forge
- Image processing with Sharp
- Styling with Nuxt UI and Tailwind CSS
Made with β€οΈ
Open Source app and published under MIT License.
Local development
# Install dependencies
pnpm install
# Run ESLint
npm run lint
# Run typecheck
npm run test:types# Run Nuxt + Electron app in development mode
npm run dev# Build Nuxt app
npm run generate
# Make distributable packages
npm run make
# (or run both in one command)
# npm run build