English | [简体中文](./README_CN.md) | [日本語](./README_JP.md)

<center>
<!-- <img width="300" src="./doc/images/3.png" /> -->
<h1>Webp2jpg-online</h1>
<!-- from shields.io/ -->

![title](https://cdn.jsdelivr.net/gh/renzhezhilu/webp2jpg-online/cdn/badges/01.svg)
![title](https://cdn.jsdelivr.net/gh/renzhezhilu/webp2jpg-online/cdn/badges/02.svg)
![title](https://cdn.jsdelivr.net/gh/renzhezhilu/webp2jpg-online/cdn/badges/03.svg)

</center>

This toolbox includes image conversion and image stitching, pure front-end implementation, fast speed, privacy protection, and offline use,20 languages supported.
    
    Q: Why is it named webp2jpg?
    A: Because it was originally to convert webp to jpg, I have been using it all the time.

<!-- <img width="300" src="https://api.star-history.com/svg?repos=renzhezhilu/webp2jpg-online&type=Date" /> -->

## Online address
[Image conversion](https://imagestool.com/webp2jpg-online/)
| [Image splicing](https://imagestool.com/webp2jpg-online/splicing.html)

<h2>
    <img width="20" src="./doc/images/1.png" />
    Multifunctional Image Converter
</h2>
<img width="600" src="./cdn/webp2jpg_v3_ui.jpg" />


- [x] Support for `psd`, `psb`, `hdr`, `heic`, `heif`, `tiff`, `jpg`, `gif`, `png`, `svg`, `bmp`, Convert `tga` to `jpg`, `webp`, `png`, `gif`, `avif`
- [x] support `jpg` compression (choose jpg-tiny)
- [x] support `png` compression (png-tiny)
- [x] support `svg` compression (svg-tiny)
- [x] Support adding image watermark, text watermark
- [x] support modifying size by width, height, ratio
- [x] Support `webp` and `gif` to convert between animations (webp-animation and gif-animation)
- [x] Support GIF watermark
- [x] Others: base64 output, persistent option data, dark/light UI switching, rotating and flipping images, batch processing (within 1000 images), importing by pressing Ctrl+V after taking a screenshot



<br/>
<br/>

<h2>
    <img width="20" src="./doc/images/2.png" />
    Video subtitle stitching tool
</h2>

<img width="600" src="./cdn/splicing/ui.jpg" />

Splicing the subtitles of the video into a picture has everyone seen it~ This tool can easily create all forms of such pictures.





### work process:

- 1. Screen recording
- 2. Generate video
- 3. Take a screenshot while playing the video
- 4. Adjust the picture
- 5. Done
  
### Function:


- [x] Support screen recording
- [x] support importing `mp4` files
- [x] After recording or importing, you can take screenshots with shortcut keys
- [x] Supports cropping and drag sorting of imported images
- [x] Support mobile phone vertical screen
- [x] Support other conventional splicing functions (single column/single row, multiple rows and multiple columns)
- [x] support adjusting margins and border styles
- [x] Lossless output, no blurry pictures
- [x] support to choose export format (`jpg`, `png`, `webp`)

### Tips
- `jpg` maximum size is `65525`
- `webp` size limit `16522`
- `png` size limit is `65525`

## ❤ thanks

[科技爱好者周刊（第 114 期）：U 盘化生存和 Uber-job](http://www.ruanyifeng.com/blog/2020/07/weekly-issue-114.html)

[Multi-Functional Image Converter: An Online Tool to Batch Convert Images to Various Formats ](https://frontendfoc.us/issues/511)

#### [webp2jpg-online-demo](https://github.com/renzhezhilu/webp2jpg-online-demo)

## Developer
This repository is the production environment version(3.0) and can be used arbitrarily.

<img width="600"  src="https://api.star-history.com/svg?repos=renzhezhilu/webp2jpg-online&type=Date" />