上传图片功能小改进,自动设置 Mac Retina 屏幕截图尺寸

上传图片功能小改进,自动设置 Mac Retina 屏幕截图尺寸

    正在检查是否收录...
一言准备中...

在园子的博客后台编辑博文插入屏幕截图时,如果用的是 Mac 电脑,一直有个小麻烦,由于 Retina 屏幕截图尺寸是实际图片尺寸的2倍,每次都要手工设置图片尺寸,不然页面中显示的图片会太大,影响阅读体验。

最近我们在改进图片上传功能时解决了这个问题,在上传图片时会读取图片文件的 DPI 信息,如果是 144,则识别为 2x 尺寸的图片,在生成图片 markdown 标记时,会自动将图片尺寸设置为原来的一半。

比如下面的图片 markdown(图片原始尺寸是 1600x476)

![Screenshot 2025-07-23 at 11.17](https://img2024.cnblogs.com/blog/35695/202507/35695-20250723111808134-1173301064.png =800x238) 

注:复制/粘贴上传图片时也会自动设置。

同时也改进了图片上传窗口,改用 angular 组件实现了,之前是在新窗口中打开上传应用的页面。

上传图片功能小改进,自动设置 Mac Retina 屏幕截图尺寸

今年花了不少时间将博客后台的前端框架从 angular 15 升级至 angular 19(由于 angular 的文艺复兴,变化太大了),本来准备升级到今年发布的最新版 angular 20,但由于 angular 20 对 chrome 版本要求太高,暂时放弃了。

上次发布的小功能:通过 markdown 图片语法嵌入B站视频



  • 本文作者:WAP站长网
  • 本文链接: https://wapzz.net/post-26963.html
  • 版权声明:本博客所有文章除特别声明外,均默认采用 CC BY-NC-SA 4.0 许可协议。
本站部分内容来源于网络转载,仅供学习交流使用。如涉及版权问题,请及时联系我们,我们将第一时间处理。
文章很赞!支持一下吧 还没有人为TA充电
为TA充电
还没有人为TA充电
0
  • 支付宝打赏
    支付宝扫一扫
  • 微信打赏
    微信扫一扫
感谢支持
文章很赞!支持一下吧
关于作者
2.7W+
8
1
1
WAP站长官方

关于智能体(AI Agent),不得不看的一篇总结(建议收藏)

上一篇

Python零基础从入门到精通详细教程1

下一篇
评论区
内容为空

这一切,似未曾拥有

  • 复制图片
按住ctrl可打开默认菜单