https://beta.w2solo.com/806663326 中年失业工程师 en-us <p>最近完成了一个完全免费的在线 GIF 工具箱项目，想和大家分享一下。</p> <p><img src="https://img.way2solo.com/photo/806663326/1ce23c50-dd68-48f0-a763-632128544350.png?imageView2/2/w/1920/q/100" title="" alt=""></p> <h2 id="项目背景">项目背景</h2> <p>在日常开发和写作过程中，经常需要制作一些演示用的 GIF 动图。市面上虽然有不少工具，但要么需要付费，要么需要上传文件到服务器，这让我觉得很不方便。于是我决定自己开发一个完全免费且注重隐私的工具。</p> <h2 id="核心特点">核心特点</h2> <ol> <li>完全免费 ：没有任何收费项目，也不会弹广告</li> <li>本地处理 ：所有文件处理都在浏览器中完成，不会上传到服务器</li> <li>功能完整 ：支持视频剪辑、裁剪、分辨率调整等专业功能 <img src="https://img.way2solo.com/photo/806663326/1d82b7c1-2be6-47ca-8ec9-df50a8547f4e.png?imageView2/2/w/1920/q/100" title="" alt=""> </li> </ol> <h2 id="主要功能介绍">主要功能介绍</h2><h3 id="视频转 GIF">视频转 GIF</h3> <ul> <li>支持各种主流视频格式（MP4、WebM、MOV 等）</li> <li>可以处理任意长度的视频，方便截取精彩片段</li> <li>智能时间轴，让视频剪辑更直观</li> <li>支持多种裁剪比例（16:9、1:1、9:16 等）</li> <li>支持多段剪辑历史记录，可以随时撤销操作</li> <li>深色模式支持，保护眼睛 <img src="https://img.way2solo.com/photo/806663326/4c95dfef-2713-4534-b41d-7070bb4dd441.png?imageView2/2/w/1920/q/100" title="" alt=""> </li> </ul> <h3 id="参数调节">参数调节</h3> <ul> <li>可调节输出分辨率，平衡质量和文件大小</li> <li>支持自定义帧率（1-30fps）</li> <li>质量参数可调（1-30 级）</li> <li>实时预览效果</li> <li>显示输出文件大小</li> <li>支持拖拽上传视频</li> </ul> <h2 id="技术实现">技术实现</h2> <p>项目采用了的技术栈：</p> <ul> <li>Next.js 13 App Router</li> <li>TypeScript</li> <li>Tailwind CSS</li> <li>next-intl（国际化支持）</li> </ul> <h2 id="使用方法">使用方法</h2> <ol> <li>打开网页</li> <li>选择或拖拽上传视频文件</li> <li>使用时间轴选择需要的片段</li> <li>调整参数（质量、帧率、裁剪等）</li> <li>点击转换按钮</li> <li>下载生成的 GIF 整个过程完全在本地进行，速度快捷且安全。</li> </ol> <p>项目地址：<a href="https://www.lovegif.top/zh" rel="nofollow" target="_blank">https://www.lovegif.top/zh</a></p> 806663326 Tue, 04 Feb 2025 11:26:50 +0800 https://beta.w2solo.com/topics/5418 https://beta.w2solo.com/topics/5418