[English](./README.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>

此工具箱包含图片转换和图片拼接，纯前端实现、速度快、保护隐私，支持离线使用,
支持20种语言。
    
    Q:为什么会命名webp2jpg？
    A:因为最开始是为了把webp转成jpg，就一直用着了。


## 在线地址
[图片转换](https://imagestool.com/webp2jpg-online/) 
| [图片拼接](https://imagestool.com/webp2jpg-online/splicing.html)

<h2>
    <img width="20" src="./doc/images/1.png" />
    多功能图片转换器
</h2>
<img width="600" src="./cdn/webp2jpg_v3_ui.jpg" />


- [x] 支持将`psd`、`psb`、`hdr`、`heic`、`heif`、`tiff`、`jpg`、`gif`、`png`、`svg`、`bmp`、`tga`转换成`jpg`、`webp`、`png`、`gif`、`avif`
- [x] 支持`jpg`压缩(选择jpg-tiny)
- [x] 支持`png`压缩(png-tiny)
- [x] 支持`svg`压缩(svg-tiny)
- [x] 支持添加图片水印、文字水印
- [x] 支持按宽度、高度、比例修改尺寸
- [x] 支持动图`webp`和`gif`互转(webp-animation和gif-animation)
- [x] 支持动图水印 
- [x] 其他:base64输出，持久化选项数据、深色/浅色UI切换、对图片进行旋转和翻转、批量处理(1000张以内)、截图后按Ctrl+V导入



<br/>
<br/>

<h2>
    <img width="20" src="./doc/images/2.png" />
    视频字幕拼接工具
</h2>

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

把视频的字幕拼接成长图片大家都见过吧～ 这个工具可以轻松制作所有形式的此类图片。





### 工作流程:

- 1.录屏
- 2.生成视频
- 3.一边播放视频一边截图
- 4.调整图片
- 5.完成
  
### 功能:


- [x] 支持录屏
- [x] 支持导入`mp4`文件
- [x] 录屏或导入后，可快捷键截图
- [x] 支持对导入后的图片进行裁切、拖动排序
- [x] 支持手机竖屏
- [x] 支持其他常规拼接功能(单列/单行、多行多列)
- [x] 支持调整边距和边框样式
- [x] 无损输出，不存在图片模糊的问题
- [x] 支持选择导出格式(`jpg`、`png`、`webp`)

### 小贴士
- `jpg`尺寸上限 `65525`
- `webp`尺寸上限 `16522`
- `png`尺寸上限 `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)

## 开发者
本仓库为生产环境版本(3.0)，可任意使用。

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

<!-- 如果你想获得源代码和技术细节分享，欢迎加入[ohPic](https://github.com/ohPic)。 -->