V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
pengxinseo
V2EX  ›  分享创造

[PNG to PDF 工具站] 集合了 google 排行前几的功能点+全新的美化的 UI(notion 风格)

  •  
  •   pengxinseo · 156 天前 · 1224 次点击
    这是一个创建于 156 天前的主题,其中的信息可能已经有所发展或是发生改变。

    背景

    PNG 到 PDF 的转换在需要保持图像质量、方便文件共享、增强文件安全性、适应不同平台要求、以及提高文件专业性等多种场景下都非常有用。无论是在商业、教育、设计还是个人使用中,这种转换都能提供便利和效率。通过 semrush 查看趋势得到这个词是一直在上升的,目前只做了一个日语的版本,后续添加更多的语言版本。

    实现

    由于看到了这个需求的词语,有分析了排列比较靠前的几个大战,发展流量比较不错,然后自己准备搏一搏,开发一个类似的工具站。准备做一些差异化的操作。

    于是我选中 shadcn UI 组件作为开发界面的基础,然后配合着 notion 插画风格的布局实现页面的布局

    网站效果最终功能对应的技术栈如下:

    1. 页面布局:shadcn UI + nextjs
    2. 文件处理:基于前端的 JSPDF 组件
    3. 文件存储:纯 JS 前端处理,无涉及后端存储
    4. 部署 :项目部署到 cloudflare Page
    5. 多语言:后续使用 nextjs + i18n 实现

    最终实现效果: https://pngpdf.net

    首页页面截图预览:

    首页

    上传后的一些操作预览支持拖拽换位置:

    支持拖拽换位置

    操作面板截图 : 支持拖拽换位置

    如何使用

    直接访问 https://pngpdf.net 然后点击上传按钮 选择你要处理的单张或者多张图片即可。

    隐私安全

    对于大部分人来说,隐私安全是一个网的重中之重。现有市面一些类似的工具操作可能是通过后端的程序处理操作的,目前我的这个是直接前端不涉及上传到后端操作的所以用户的隐私的得到了很大的保护。

    开发计划

    • 新增多语言实现
    • 图片压缩 比例选择
    • 分析市场更多的场景一些功能添加
    7 条回复    2024-06-18 15:16:10 +08:00
    pengxinseo
        1
    pengxinseo  
    OP
       156 天前
    工具站卷起来呀 伙计们
    Authorization
        2
    Authorization  
       156 天前
    pengxinseo
        3
    pengxinseo  
    OP
       155 天前
    @Authorization 很丝滑 弄得不错!
    tibidaboooo
        4
    tibidaboooo  
       154 天前 via iPhone
    网站底部的邮箱 gmail 写错啦
    pengxinseo
        5
    pengxinseo  
    OP
       154 天前
    @tibidaboooo 哈哈哈 这都被你发现啦 牛呀牛呀
    tibidaboooo
        6
    tibidaboooo  
       153 天前 via iPhone
    @pengxinseo 这不会是 feature 吧🤣
    pengxinseo
        7
    pengxinseo  
    OP
       152 天前
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4660 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 05:34 · PVG 13:34 · LAX 21:34 · JFK 00:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.