5

Typora 里面图片放多了就奇卡无比

 2 years ago
source link: https://www.v2ex.com/t/805658
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

V2EX  ›  程序员

Typora 里面图片放多了就奇卡无比

  movq · 16 小时 33 分钟前 · 1667 次点击

我在一台 32G RAM 的电脑上面还勉强能用(速度跟 PPT 似的)

在另一台 8G RAM 的电脑里面就几乎动弹不得了

3vyTB1OC7xRrkJK

看了下,我这个 markdown 文件里面有 75M 的图片,这些图片都是本地路径的

为什么会这么卡?

15 条回复    2021-10-03 02:34:18 +08:00

ipwx

ipwx   16 小时 14 分钟前

ummm 可能是因为图片控件用的是 RGB 图片,这种是不能压缩的。

你看 JPG 虽然小,但你用 width * height * 3 看看需要多少字节才能存下来?
压缩图片没法直接显示在屏幕上,需要解压成像素点的。

ipwx

ipwx   16 小时 13 分钟前   ❤️ 1

如果你开发过桌面应用你就也能明白了。系统是不可能让它“显式一张 JPG 图片”。你必须先把图片载入进来,像素点解码出来,然后给系统它才能显示。

ipwx

ipwx   16 小时 10 分钟前   ❤️ 2

我觉得就是这个原因。你看虽然你一屏显示的图片有限,但是你总不应该图片划过去了就删除内存对象,划回来了再重新解码 jpg 吧?那这种时候就不是内存占用的问题,是滑动起来一卡一卡的。一个页面上的所有图片驻留在内存里,这个做法还是比较合理的做法呀。除非一开始就打算了要显示一堆图片,针对性优化的。。。(比如长 word 的显示就应该优化了,但是 typora 一个 markdown 文档,人家也没想过这种硬核应用场景)

wellscwellsc   15 小时 58 分钟前 via iPhone

@ipwx 大佬牛逼,又学到了新知识

delectate

delectate   15 小时 37 分钟前

我并不同意,比如 firefox,我经常开几十个标签页,不乏图片很多的网站,但是也没有出现过这种情况。

很可能是 electron 的锅。

zxCoder

zxCoder   15 小时 26 分钟前   ❤️ 2

不是图片的问题,typora 字多了也卡

ipwx

ipwx   15 小时 12 分钟前

@delectate 优化过了吧。毕竟 firefox / chrome 都是一堆人开发,typora 只有一个人开发。

其实真的想要去优化大量图片的显示,肯定是有办法的。时间换空间,就好像我上面说的,想办法图片需要显示的时候再解压呗。再比如 Google snappy compression,压缩比不错速度又快( 1GB/s 级别的),拿来压缩裸图片二进制数据流肯定是行的。哪怕是直接每次显示图片都重新从磁盘读,优化的不好可能会卡,但是优化好了也不见得多卡。

图片可以预先扫一遍获得 height width 信息,内存里面只存图片的大小和源,排版过程中计算高度只用信息不用图片对象,想必也能搞定。Chrome / firefox 可能确实有各种复杂的优化在,但是 typora 就算用了 electron / webkkit 也不见得把这些功能都用上了呗。

hst001

hst001   15 小时 5 分钟前 via Android

跟图片没什么关系,应该是 typroa 没对大页面做优化,一股脑把所有内容都丢给浏览器 build,慢是当然的

ipwx

ipwx   15 小时 0 分钟前

@hst001 不过说真的,有些东西真不容易计算高度。比如公式,多行公式之类的。。。

Markdown 除了 typora 之外全都不能用的主要原因,就是图片、公式多了,左右同步滚动的高度计算就是 shit 。也就行内混合的模式能支撑这种复杂的应用了。前段时间好像还有人在开发行内混合的 markdown 编辑器( js 控件),milkdown 的,等一波看看后续发展。

Magentaize

Magentaize   15 小时 0 分钟前 via iPhone

可能在真实滚动所有 DOM (

hst001

hst001   14 小时 41 分钟前 via Android

@ipwx 像这种编辑器可以按块来划分,节点不能做深度嵌套,每个块在内容变动时 build 一次然后缓存尺寸,基本上可以应付大多数情况了,反正尽量不要深度嵌套,嵌套一深就不好对付

ipwx

ipwx   13 小时 47 分钟前

@hst001 总是能做的,但这就复杂了。。。

typora 看上去就没做这种程度的优化,都丢给下层了。

LudwigWS

LudwigWS   11 小时 57 分钟前 via iPhone

@ipwx 看来 Word 还是有很多学问可以研究

csfreshman

csfreshman   9 小时 27 分钟前

插个眼,我 typora 也卡,我怀疑是我 15 年 mbp 性能不行的锅。

rpish

rpish   5 小时 8 分钟前

可以来用 notion,如果不是用卡片笔记的话
notion enhancer 常驻后台 不会有卡的问题

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK