惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

罗磊的独立博客
美团技术团队
Apple Machine Learning Research
Apple Machine Learning Research
Hugging Face - Blog
Hugging Face - Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
月光博客
月光博客
WordPress大学
WordPress大学
The Cloudflare Blog
阮一峰的网络日志
阮一峰的网络日志
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
博客园_首页
博客园 - Franky
博客园 - 司徒正美
酷 壳 – CoolShell
酷 壳 – CoolShell
爱范儿
爱范儿
Jina AI
Jina AI
Last Week in AI
Last Week in AI
雷峰网
雷峰网
IT之家
IT之家
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - 聂微东
小众软件
小众软件
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
V
V2EX

张洪Heo

OpenClaw 接管你的油猴脚本:让 AI 直接读改网页脚本,不用再复制粘贴 为 iPhone Duo 做设计:苹果官方设计原则全解读 看到了淘宝闪购的AI评论,引发了我的思考 MacBook不进入休眠全新邪修:十几块钱的绿联HDMI欺骗器 OpenClaw 2.0:稳定性提升不少,我还迁移了我的记忆系统 将你的 HeoID 卡片添加到 Apple 钱包 智谱codingplan耐用程度分析:只用 GLM-5.3-Flash 够不够用? 软路由内网穿透访问方案全链路教程:从 ZeroTier 到 Nginx 再到 certd 证书管理 BrowserSkill上手:让AI接入浏览器,还能录制动作教它学习 我与我的 OpenClaw 凉透了焦虑和解了 ntfsmac 上手:不关 SIP 让 Mac 读写 NTFS 和 ext 硬盘 个人小项目vibecoding方案推荐:opencode spark 1.2 和 zcode 分享一下博客的全新聚合搜索 给DeepSeek-V4-Flash借一双眼睛:ZCode视觉子Agent方案 Mole Mac 上手:界面精美,优秀好用的Mac清理工具 Agentation 油猴脚本:让AI指哪改哪,配合 Claude Code 的开发神器 洪绘压图网页版上线,这下可以随时随地在线压缩图片了 分享一下我最近制作的一些AI音乐,以及解决唱歌错字和音质的一些小技巧 洪绘敲木鱼支持“竹知了”模式了,可以自定义音效的电子竹知了App 洪绘烧纸:一个网页在线电子烧纸,电子祭祀工具 WebMCP适配教程:为浏览器AI预备好,让网页向 AI 提供工具,本博客已支持 报错回顾:给OpenClaw添加错误行为记忆机制,让自己写的skill不断成长 腾讯miora上手:设计师又又又失业的一集? Mac 合盖不休眠:用 pmset 彻底禁止系统睡眠 如何用 OpenClaw 配置早报晚报,科技新闻信源、微博热搜获取 给 SearXNG 接入豆包搜索,解决 OpenClaw 信源难题 OpenClaw记忆系统升级:从memory-core到memory-lancedb-pro的迁移与配置 screenpipe:开源本地的 AI 记忆引擎,让电脑更懂你 混元hy3模型上手:腾讯送了云函数个人版6个月,怎么才能用上 给OpenClaw加上rm删除保护:防止AI误删你的整个电脑
如何在网页插入 livephoto ?实况照片 PVT 在线生成、动态JPG...
张洪Heo · 2026-09-09 · via 张洪Heo

如何在网页插入 livephoto ?实况照片 PVT 在线生成、动态JPG生成工具与嵌入工具摘要图

这篇文章介绍了洪绘Live图(HeoLivePhoto),一个支持在网页中插入单文件实况照片(Live Photo)的工具。文章解释了PVT 格式与插入视频的动态 JPG 两种单文件方案的区别。工具复刻了苹果照片 App 的触发逻辑:桌面端鼠标悬浮即播放、移开即停,移动端长按播放,并配合 Fancybox 等灯箱使用。还可将视频与 HEIC 原片合成为 PVT 或动态 JPG,从动图中选择性导出图片,全程本地处理。

最近在研究livephoto的时候才知道原来还有一个pvt格式,双击直接就可以将live图保存到照片应用,这不就是我最喜欢的单文件动图吗。另外像是小米等手机厂商的live图是插入了视频的jpg,所以我想要不专门做个组件,实现单文件livephoto的插入。(市面上大多都是双文件,即一个图片一个视频,很少有支持和兼容单文件live图的)

于是,HeoLivePhoto(洪绘Live图)登场。

https://livephoto.zhheo.com/

官网

在触发器处理上,使用了mac上照片app的处理方式。

鼠标悬浮在实况图标上时立即触发播放,离开即停。移动端是长按播放动画。主打的是不打扰用户滚动,只在需要时触发。

因为是可以使用img标签,所以可以与fancybox等灯箱配合良好。

demo预览:https://livephoto.zhheo.com/summer.html

demo

实况照片合成

目前支持实况照片合成,支持直接生成pvt文件,或者动态jpg,可以导入到Apple设备或者其他支持动态jpg的安卓设备。这样你从照片app使用原片导出的时候,是视频和heic图像文件,就可以通过此功能合成为一个文件了。(由于pvt在Windows下是一个文件夹,所以点击导出pvt会生成一个zip文件,解压获得pvt。)

通过此方式生成的pvt直接双击导入到照片,可以说是最无损的方案之一了。体验也最好。

合成实况照片

实况图导出成图片

你还可以打开在线播放页面,然后打开pvt/jpg动图进行导入,然后可以选择性导出你想要的内容。

实况图中的图片导出

洪绘Live图轻松实现从嵌入网页、动图合成与浏览、动图中的信息导出全流程处理。如果你需要Live图处理,不妨试试。

对了,所有内容处理全程本地。无需担心隐私风险。

头像背景Guli形象

张洪Heo

分享设计与科技生活

主观感受,仅供参考。本文是原创文章,采用 CC BY-NC-ND 4.0 协议,完整转载请注明来自 张洪Heo