# 关于tiff图片的显示

**URL:** <https://forum.freemdict.com/t/topic/10172>\
**Category:** 软件经验交流展望\
**Tags:** ⭐star\
**Created:** [2021 年12 月 28 日 04:06 UTC](https://forum.freemdict.com/t/topic/10172 "2021-12-28T04:06:39Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

作者： ![glacierlee](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/glacierlee/32/74595_2.png) [@glacierlee](https://forum.freemdict.com/u/glacierlee)\
发布日期： [2021 年12 月 28 日 04:06 UTC](https://forum.freemdict.com/t/topic/10172/1 "2021-12-28T04:06:39Z")

</div>

如果需要让词典里的TIFF图片在移动端词典应用正常显示，大家可以利用以下的组件，无需安装额外的应用就可以实现，此方法已经应用到Dict Tango。

> **[GitHub - photopea/UTIF.js: Fast and advanced TIFF decoder](https://github.com/photopea/UTIF.js)**
>
> Fast and advanced TIFF decoder. Contribute to photopea/UTIF.js development by creating an account on GitHub.

调用的方式也很简单，在制作的mdx内容里调用UTIF.js并且在结尾调用UTIF.replaceIMG()就行

```auto
<body onload="UTIF.replaceIMG()">
...
<img src="image.tif" /> <img src="dog.tif" /> ...

```

---

<div class="post-metadata">

作者： ![shiruxue](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/s/bbe5ce/32.png) [@shiruxue](https://forum.freemdict.com/u/shiruxue)\
发布日期： [2021 年12 月 28 日 04:13 UTC](https://forum.freemdict.com/t/topic/10172/2 "2021-12-28T04:13:29Z")

</div>

需要改动mdx吗？还是只需要加一个UTIF.js文件就行？这个UTIF.js文件里的语句结尾再加入UTIF.replaceIMG() 就是黑底红色那几句？

---

<div class="post-metadata">

作者： ![glacierlee](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/glacierlee/32/74595_2.png) [@glacierlee](https://forum.freemdict.com/u/glacierlee)\
发布日期： [2021 年12 月 28 日 04:16 UTC](https://forum.freemdict.com/t/topic/10172/3 "2021-12-28T04:16:38Z")

</div>

如果用别的词典应用，需要重新打包mdx。  
但如果用Dict Tango就不用，Dict Tango本身已经集成了这个方法

---

<div class="post-metadata">

作者： ![alexpeng](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/alexpeng/32/19592_2.png) [@alexpeng](https://forum.freemdict.com/u/alexpeng)\
发布日期： [2021 年12 月 29 日 11:54 UTC](https://forum.freemdict.com/t/topic/10172/4 "2021-12-29T11:54:54Z")

</div>

我希望能用Goldendict显示汉语大词典（紫雪蓝海）3.44G高清版图像，用本坛刚发的注音版说文试验。其原词条如：

```auto
SWDXB0001
<img src="/SWDXB0001.tif" width="100%"><br><center> <a href="entry://SWDXB0001">上一页</a> &nbsp;&nbsp;<a href="entry://SWDXB0002">下一页</a> 
</>

```

我给改成：

```auto
SWDXB0001
<div onload="UTIF.replaceIMG()"><img src="/SWDXB0001.tif" width="100%"><br><center> <a href="entry://SWDXB0001">上一页</a> &nbsp;&nbsp;<a href="entry://SWDXB0002">下一页</a></div><script src="UTIF.js"></script>
</>

```

但是在Goldendict、手机Mdict、手机欧路中还是不能显示。  
折腾半天搞不定，还不如直接用 Dict Tango 😂

（1.3今天解开3.44G高清版图像发现都是png，这心情真是 🤣 原来删掉索引重建，就能在GD中用了…………）

---

<div class="post-metadata">

作者： ![hua](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/hua/32/11090_2.png) [@hua](https://forum.freemdict.com/u/hua)\
发布日期： [2021 年12 月 29 日 12:26 UTC](https://forum.freemdict.com/t/topic/10172/5 "2021-12-29T12:26:52Z")

</div>

这样改：

```html
SWDXB0001
<script src="UTIF.js"></script><div onload="UTIF.replaceIMG()"><img src="/SWDXB0001.tif" width="100%"><br><center> <a href="entry://SWDXB0001">上一页</a> &nbsp;&nbsp;<a href="entry://SWDXB0002">下一页</a></div>
</>

```

---

<div class="post-metadata">

作者： ![alexpeng](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/alexpeng/32/19592_2.png) [@alexpeng](https://forum.freemdict.com/u/alexpeng)\
发布日期： [2021 年12 月 29 日 13:11 UTC](https://forum.freemdict.com/t/topic/10172/6 "2021-12-29T13:11:18Z")

</div>

我只将前两条改成这样（太懒了），还是不能用。不知道所有词条都改了可行，得明天再试了。

---

<div class="post-metadata">

作者： ![glacierlee](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/glacierlee/32/74595_2.png) [@glacierlee](https://forum.freemdict.com/u/glacierlee)\
发布日期： [2021 年12 月 29 日 13:14 UTC](https://forum.freemdict.com/t/topic/10172/7 "2021-12-29T13:14:01Z")

</div>

> [@alexpeng](#):
>
> `/`

[mdict-tiff.zip](https://forum.freemdict.com/uploads/short-url/bwwaMWnNQtOOVbodN84v6Uzh8lo.zip) (1.2 MB)

你可以试试这个mdx

源内容如下：

```auto
<img src="/test.tif"/>
<script src="/UTIF.js" type="text/javascript"></script>
<script type="text/javascript">
 UTIF.replaceIMG();
</script>

```

---

<div class="post-metadata">

作者： ![alexpeng](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/alexpeng/32/19592_2.png) [@alexpeng](https://forum.freemdict.com/u/alexpeng)\
发布日期： [2021 年12 月 29 日 13:19 UTC](https://forum.freemdict.com/t/topic/10172/8 "2021-12-29T13:19:06Z")

</div>

好的，明天来看看。

---

<div class="post-metadata">

作者： ![alexpeng](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/alexpeng/32/19592_2.png) [@alexpeng](https://forum.freemdict.com/u/alexpeng)\
发布日期： [2021 年12 月 30 日 12:22 UTC](https://forum.freemdict.com/t/topic/10172/9 "2021-12-30T12:22:51Z")

</div>

白天在搬砖，晚上终于有点时间把这个捣鼓出来。简单试了下，安卓Mdict，欧路中可以显示图片了。当然Dict Tango更不在话下。  
[《说文解字》tif显示版.rar](https://forum.freemdict.com/uploads/short-url/yzjHHzZqGJszi7bllQ0iUgyxflB.rar) (100.8 KB)  
适用于此贴楼主的mdd。  
[都在争论收费不收费的问题，那我就插一脚分享个词典好啦。《说文解字》中华书局，2015注音版，有需要的拿去 - 汉汉 - FreeMdict Forum](https://forum.freemdict.com/t/topic/10034)

可惜Goldendict（497）中还是不能显示，我的想法破产了。  
楼主的测试词典在Goldendict直接就查不到 😂

 ![nn](https://forumcdn.freemdict.com/uploads/default/original/3X/8/2/82fe59ee5698de205a15148b96529282184109ab.png)

BTW @glacierlee Dict Tango 中点击tif图片会有个报错信息，不知是否有人反映过。

 ![Screenshot_2021-12-30-20-14-33-182_cn.jimex.dict](https://forumcdn.freemdict.com/uploads/default/original/3X/9/9/99053b6ac8dd68d7e6a9c267c6695a41e626d059.jpeg)

---

<div class="post-metadata">

作者： ![glacierlee](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/glacierlee/32/74595_2.png) [@glacierlee](https://forum.freemdict.com/u/glacierlee)\
发布日期： [2021 年12 月 30 日 12:58 UTC](https://forum.freemdict.com/t/topic/10172/10 "2021-12-30T12:58:07Z")

</div>

> [@alexpeng](#):
>
> BTW @glacierlee Dict Tango 中点击tif图片会有个报错信息，不知是否有人反映过。

这个下个版本解决。

关于GD不能显示，我估计是因为GD把XmlHttpRequest的功能禁止了，因为这个UTIF.js需要用到这功能，否则加载大的TIFF图片时会导致内存溢出

---

<div class="post-metadata">

作者： ![Mastameta](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/mastameta/32/8240_2.png) [@Mastameta](https://forum.freemdict.com/u/Mastameta)\
发布日期： [2021 年12 月 30 日 14:29 UTC](https://forum.freemdict.com/t/topic/10172/11 "2021-12-30T14:29:31Z")

</div>

除了tif/lzw體積比png較小以外，在 memory usage方面有明顯的差別嗎？  
漢語大字典png挺大，在MDict經常把RAM用光，最後圖像不能顯示了，軟件崩潰了。

---

<div class="post-metadata">

作者： ![glacierlee](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/glacierlee/32/74595_2.png) [@glacierlee](https://forum.freemdict.com/u/glacierlee)\
发布日期： [2021 年12 月 30 日 15:13 UTC](https://forum.freemdict.com/t/topic/10172/12 "2021-12-30T15:13:02Z")

</div>

其实在手机上用TIFF可能会更糟，因为手机上的TIFF显示是把TIFF转化为PNG再显示出来的，比单纯的PNG显示还多了一层转码。  
我反而觉得如果条件允许，用SVG更理想。 还有谷歌推出的webP格式也不错，据说比PNG的还减少了45%的大小。

---

<div class="post-metadata">

作者： ![xiaoyifang](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/x/df788c/32.png) [@xiaoyifang](https://forum.freemdict.com/u/xiaoyifang)\
发布日期： [2022 年4 月 5 日 05:40 UTC](https://forum.freemdict.com/t/topic/10172/13 "2022-04-05T05:40:37Z")

</div>

gd直接支持tiff了。不用js替换了。[Releases · xiaoyifang/goldendict · GitHub](https://github.com/xiaoyifang/goldendict/releases)

---

<div class="post-metadata">

作者： ![glacierlee](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/glacierlee/32/74595_2.png) [@glacierlee](https://forum.freemdict.com/u/glacierlee)\
发布日期： [2023 年10 月 31 日 12:49 UTC](https://forum.freemdict.com/t/topic/10172/15 "2023-10-31T12:49:35Z")

</div>

PC应该是原生支持TIFF的，如果没有显示，你把词典发上来我测试一下

---

<div class="post-metadata">

作者： ![amob](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/amob/32/14630_2.png) [@amob](https://forum.freemdict.com/u/amob)\
发布日期： [2023 年10 月 31 日 12:51 UTC](https://forum.freemdict.com/t/topic/10172/16 "2023-10-31T12:51:37Z")

</div>

> **[汉英常用词语辞典官方版下载丨最新版下载丨绿色版下载丨APP下载-123云盘](https://www.123pan.com/s/74zA-4lI4.html)**
>
> 123云盘为您提供汉英常用词语辞典最新版正式版官方版绿色版下载,汉英常用词语辞典安卓版手机版apk免费下载安装到手机,支持电脑端一键快捷安装

---

<div class="post-metadata">

作者： ![glacierlee](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/glacierlee/32/74595_2.png) [@glacierlee](https://forum.freemdict.com/u/glacierlee)\
发布日期： [2023 年10 月 31 日 12:56 UTC](https://forum.freemdict.com/t/topic/10172/17 "2023-10-31T12:56:19Z")

</div>

有百度盘的链接吗？我没有云盘的账号。

---

<div class="post-metadata">

作者： ![amob](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/amob/32/14630_2.png) [@amob](https://forum.freemdict.com/u/amob)\
发布日期： [2023 年10 月 31 日 13:00 UTC](https://forum.freemdict.com/t/topic/10172/18 "2023-10-31T13:00:36Z")

</div>

> **[百度网盘 请输入提取码](https://pan.baidu.com/share/init?surl=SlaHl0188yo2ftGLMuRLiw&pwd=FREE)**
>
> 百度网盘为您提供文件的网络备份、同步和分享服务。空间大、速度快、安全稳固，支持教育网加速，支持手机端。注册使用百度网盘即可享受免费存储空间

系统是Windows11 22H2，Dicttango1.1.71.0，阅读模式打开就是一片空白，如果不引入js的话。

---

<div class="post-metadata">

作者： ![amob](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/amob/32/14630_2.png) [@amob](https://forum.freemdict.com/u/amob)\
发布日期： [2023 年10 月 31 日 13:03 UTC](https://forum.freemdict.com/t/topic/10172/19 "2023-10-31T13:03:52Z")

</div>

再反馈个bug，Android版Dicttango使用应用内查看器打开tif闪退，换成系统自带查看器没问题。而且加载tif真的好慢得1秒左右的感觉。

---

<div class="post-metadata">

作者： ![glacierlee](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/glacierlee/32/74595_2.png) [@glacierlee](https://forum.freemdict.com/u/glacierlee)\
发布日期： [2023 年10 月 31 日 13:09 UTC](https://forum.freemdict.com/t/topic/10172/20 "2023-10-31T13:09:44Z")

</div>

我有空看看是什么问题

---

<div class="post-metadata">

作者： ![glacierlee](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/glacierlee/32/74595_2.png) [@glacierlee](https://forum.freemdict.com/u/glacierlee)\
发布日期： [2023 年10 月 31 日 13:16 UTC](https://forum.freemdict.com/t/topic/10172/21 "2023-10-31T13:16:49Z")

</div>

> [@amob](#):
>
> PC版dicttango是还没有吗

我的电脑上貌似没有问题

 ![image](https://forumcdn.freemdict.com/uploads/default/original/3X/c/1/c1f82013dff7e2decb33978dcae49b9d72b7adda.png)

[下一页](https://forum.freemdict.com/t/topic/10172.md?page=2)