Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/livelifebythecode/birme-sd-variant
Exact clone of the beautiful https://www.birme.net/ with additional image quality config
https://github.com/livelifebythecode/birme-sd-variant
image-cropping stable-diffusion
Last synced: 10 days ago
JSON representation
Exact clone of the beautiful https://www.birme.net/ with additional image quality config
- Host: GitHub
- URL: https://github.com/livelifebythecode/birme-sd-variant
- Owner: livelifebythecode
- License: other
- Created: 2022-10-14T08:20:11.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-03T04:47:34.000Z (5 months ago)
- Last Synced: 2024-02-03T05:32:28.024Z (5 months ago)
- Topics: image-cropping, stable-diffusion
- Language: CSS
- Homepage:
- Size: 1.05 MB
- Stars: 86
- Watchers: 1
- Forks: 24
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome-stars - birme-sd-variant
README
# -> [Demo Site](https://storage.googleapis.com/birme-sd-variant/index.html?target_width=512&target_height=512) <-
# Birme Variant for Stable Diffusion
When training Stable Diffusion (or other generative image models) we need high quality and cropped training images at 512x512. Birme is the best tool for doing this quickly, and with the help of [smartcrop.js](https://github.com/jwagner/smartcrop.js/) it's truly a powerful tool for batch cropping images.
## Local Install
Clone the repository and open index.html in your favorite browser (excluding Firefox). Feel free to bookmark!
```bash
git clone https://github.com/livelifebythecode/birme-sd-variant.git
cd birme-sd-variant
python -m webbrowser index.html # or simply open the index.html file
```
## Run with Docker-Compose
```bash
git clone https://github.com/livelifebythecode/birme-sd-variant.git
cd birme-sd-variant
docker-compose up -d
# Open browser to => http://:8080
```
## Problem
Birme restricts the users ability to choose what smoothing is applied which can result in a lower quality cropped image.
In the Birme code, notice the line `con.imageSmoothingQuality = "medium";` hardcodes the smoothing quality when we crop the image.
```js
process_image(img, file) {
...
let canvas = document.createElement("canvas");
canvas.width = tw;
canvas.height = th;
let con = canvas.getContext("2d");
con.imageSmoothingEnabled = true;
con.imageSmoothingQuality = "medium";
...
}
```
(sourced on 10-14-22: [line #627](https://www.birme.net/static/js/scripts-323dd.js?953e6bb6))
## Solution
Select the desired smoothing quality in the "Image Format / Quality" settings
## Results
TODO: Show comparison of 'Medium', 'High', and 'Hermite' quality presets
High works better on landscape/subjects typically, where as Medium is better at smoothing close up text.
## Limitations
- 🦊 FIREFOX NOT SUPPORTED - [supported browsers](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingQuality#browser_compatibility)
## Authors
- [Birme Author, support them](https://www.birme.net/)
- Small feature written by me
## Extra
The Hermite quality option uses the [Hermite resize library](https://github.com/viliusle/Hermite-resize) so you can experiment with what gives you the best quality image for your source images.