FreeOZ论坛

标题: 引入缩略图 [打印本页]

作者: ubuntuhk 时间: 26-2-2008 05:06
标题: 引入缩略图
缩略图功能，将所有上载的JPG、GIF、PNG图片，如果分辨率大于400*300，都会被自动缩小，以加快页面打开速度。

可以通过点击缩略图打开原图。

希望大家喜欢这个功能，并且反馈意见和建议。

作者: ubuntuhk 时间: 26-2-2008 05:13
标题: 缩略图功能
缩略图功能，将所有上载的JPG、GIF、PNG等格式的图片，如果分辨率大于400*300，都会被自动缩小，以加快页面打开速度。

可以通过点击缩略图打开原图。

希望大家喜欢这个功能，并且反馈意见和建议。

作者: cello 时间: 26-2-2008 10:09
好啊，这个结合首页图片预览，是个好的方案

作者: luoyi727 时间: 26-2-2008 10:56
挺牛x的

作者: ritaclin 时间: 26-2-2008 11:53
赞！再也不用费劲改图了

作者: NEWGAY 时间: 26-2-2008 14:51
good! agree!

作者: 青山 时间: 26-2-2008 15:18
很好，很强大！

发现一个问题，这个测试图，只有400x300，却70多K.
建议缩略图可以用质量稍低的压缩水平，这样可以更小。
同样的图，我用windows的画笔从新存一下，只有13K，质量基本上没有变。

作者: ubuntuhk 时间: 26-2-2008 15:50
标题: 回复 #4 青山的帖子
好，回头我调整一下参数看看。

作者: 眼镜高个子 时间: 26-2-2008 17:44
现在调整了一下，看看我的这几张是否可以收进浏览图？
400X300

[ 本帖最后由眼镜高个子于 26-2-2008 16:47 编辑 ]

作者: 眼镜高个子 时间: 26-2-2008 17:48
800X600

作者: ritaclin 时间: 26-2-2008 17:54
我的反馈意见被拆了

反正也不是反对意见，算了，飘走~

作者: ubuntuhk 时间: 26-2-2008 18:29
标题: 回复 #8 ritaclin 的帖子
没太明白您的意思，我们尊重大家提出的每个反馈意见。

作者: 挖按 时间: 26-2-2008 18:38

原帖由 ubuntuhk 于 26-2-2008 04:06 发表

 登录/注册后可看大图

缩略图功能，将所有上载的JPG、GIF、PNG图片，如果分辨率大于400*300，都会被自动缩小，以加快页面打开速度。
可以通过点击缩略图打开原图。
希望大家喜欢这个功能，并且反馈意见和建议。

个人不推荐使用DZ的“图片动态放大效果”，因为这个功能本身有一定的BUG，我经常在DZ官方论坛遇到：点击查看图片时，在窗口正在弹出的时候鼠标滚轮动了一下，结果弹出的窗口找不到了，既无法上下滚轮放大缩小图片，也无法关闭窗口重新点击（此时背景都是灰暗的），只能刷新整个页面。

另外，查看完图片后，还得点中那个关闭按钮才能回到贴子页面点击查看另一张图。如果你在看一篇游记贴子，里面有很多精美图片要一一打开查看的时候，就会体会到这个鸡肋功能的不便了。如果是使用Maxthon之类浏览器的用户，肯定会更喜欢默认的功能：想看哪张图片，用鼠标左键直接一拖就可以在新窗口中打开，看完再用鼠标右键一拖关闭该窗口，非常方便高效。

我个人比较喜欢的功能是：图片可以直接在贴子中通过滚轮缩放，也可以通过点击在新窗口中打开。U兄如果知道这个功能怎么实现不妨指点一下我哈。

作者: 挖按 时间: 26-2-2008 18:41
还想到个问题：目前大多数人用的电脑都是XP，分辨率基本上是1024，那么缩略图不妨稍大一些，可以设置为640*480，这样图片既不至于太小，又可以在贴子页面显示完整，还能让想查看原图的人点击查看原始图片。

作者: lincc 时间: 26-2-2008 18:58
好啊，

作者: ritaclin 时间: 26-2-2008 19:29
标题: 回复 #9 ubuntuhk 的帖子
不好意思U版，我的回复在色界版的同一帖中，不是这个版

还以为系统出问题了，sorry，我的问题

作者: 青山 时间: 26-2-2008 20:07
看一下jpg图的属性，和上边标的大小好像不同。
标7k,图属性有20多k。有点怪。

原帖由 ubuntuhk 于 26-2-2008 14:50 发表

 登录/注册后可看大图

好，回头我调整一下参数看看。

作者: Microhard 时间: 26-2-2008 20:52
1.6m

作者: Microhard 时间: 26-2-2008 21:00
I never thought this function of discuz can reduce size of files------it looks good!

if 400*300, every picture's size will be around 80k. if anybody wants to see original pictures, they can click the picture.
sounds fabulous!

作者: storming 时间: 26-2-2008 21:05
好建议！不过400*300会不会略显小了些？有些效果还是直接能够看到的比较好。如果嫌800*600太大，可否折中640*480？

作者: ubuntuhk 时间: 26-2-2008 23:08
标题: 回复 #13 青山的帖子
现在每张图都有两个图片：缩略图和原图（可能会加上水印，由论坛系统重新压缩），你看到的缩略图的属性的size是缩略图的尺寸，而论坛标注的大小是原图的大小，所以两个大小不一样。

作者: ubuntuhk 时间: 26-2-2008 23:10
测试一下缩略图为800×600的效果。

作者: ubuntuhk 时间: 26-2-2008 23:13
测试缩略图640×480的效果。（压缩质量100%，文件大小160KB）

作者: ubuntuhk 时间: 26-2-2008 23:14
现在的缩略的保存的画质太高，所以导致缩略图太大，这个需要看看如何修改。在后台设置中没有发现相关选项。

作者: Microhard 时间: 26-2-2008 23:49
还有一个问题，生成缩略图以后，附件里应该会保存两个图片，这样时间长了，会占用一些空间。

作者: 青山 时间: 27-2-2008 01:50
是啊，你用什么方法做的缩略图？能存JPG的程序，一般都应该有压缩质量的参数。

作者: ubuntuhk 时间: 27-2-2008 03:03
标题: 回复 #18 青山的帖子
discuz自己带的缩略图功能，原来一直没启用这个功能。

后台有一个参数设置压缩参数，不过试过发现是针对原图的，对缩略图没有效果，我怀疑缩略图时按90%以上的JPG压缩质量保存的。

作者: ubuntuhk 时间: 27-2-2008 03:05
标题: 回复 #8 Microhard 的帖子
这个问题不大，如果能适当控制缩略图的压缩质量，可以保证缩略图不超过40KB（在640×480的分辨率下），这点空间我们还是能够负担得起，呵呵。

作者: ubuntuhk 时间: 27-2-2008 04:22
标题: 再次测试，修改JPG文件缩略图压缩质量
压缩质量60%，文件大小21KB。

作者: ubuntuhk 时间: 27-2-2008 04:23
压缩质量80%，文件大小31KB。

作者: ubuntuhk 时间: 27-2-2008 04:27
压缩质量50%，文件大小19KB.

作者: ubuntuhk 时间: 27-2-2008 04:29
压缩质量70%，文件大小25KB

作者: ubuntuhk 时间: 27-2-2008 04:31
我感觉缩略图的压缩质量设为60%不错，可以在图像显示质量和文件大小之间取得一个较好的平衡。

所以现在的缩略图暂定为60%的压缩质量，640×480的分辨率（这样在800×600以上的屏幕上都可以很好地显示出来）。

作者: ubuntuhk 时间: 27-2-2008 04:37

原帖由挖按于 26-2-2008 15:38 发表

 登录/注册后可看大图

个人不推荐使用DZ的“图片动态放大效果”，因为这个功能本身有一定的BUG，我经常在DZ官方论坛遇到：点击查看图片时，在窗口正在弹出的时候鼠标滚轮动了一下，结果弹出的窗口找不到了，既无法上下滚轮放大缩小图片 ...

目前没有时间去研究改动这个代码，不过我在DZ的技术论坛上看到有个人提议，在点击原图之后，增加自动播放（slide模式）或者增加上一张、下一张图片的现实功能，这样不错。

另外，现在点击大图之后，可以通过点击图片的任意位置回到原帖，不一定要通过那个关闭按钮，所以我觉得问题不大。

作者: ubuntuhk 时间: 27-2-2008 04:46
标题: 借用木头瓶子的美图测试一下
原帖在此：
http://www.freeoz.org/forum/viewthread.php?tid=747135

（除了色|界版，FreeOZ所有其他版块的图片都会增加FreeOZ水印，并且做了一定的压缩，所以要欣赏/发布高质量的美图，请到色|界版）

作者: Microhard 时间: 27-2-2008 08:37
test

作者: Microhard 时间: 27-2-2008 08:41
test again

作者: Microhard 时间: 27-2-2008 08:42
更改了缩略图质量（70%），图片大小为15k左右！

另外，U能不能在服务器上安装IM压缩方式，那个比GD占用资源小。

作者: Microhard 时间: 27-2-2008 08:45
加水印可以控制大小，如果首页想用的话，还是要显示色界的图，所以我修改了文件，质量为原图的70%，15K左右，质量还不错，看来还可以更小，等我有空再改一下，看看多少适合。

作者: 挖按 时间: 27-2-2008 13:02

原帖由 ubuntuhk 于 27-2-2008 03:37 发表

 登录/注册后可看大图

目前没有时间去研究改动这个代码，不过我在DZ的技术论坛上看到有个人提议，在点击原图之后，增加自动播放（slide模式）或者增加上一张、下一张图片的现实功能，这样不错。

另外，现在点击大图之后，可以通过点击图片的任意位置回到原帖，不一定要通过那个关闭按钮，所以我觉得问题不大。

巨汗。。。。原来点击图片就可以关闭，偶一直都在狂点关闭按钮点得快抓狂。

自动缩放功能只是DZ后台自带的，不启用的话不需要改代码，直接在后台关掉就可以了。你说的slideshow模式实际上就是DZ官方新近推出的一个官方版插件，我记得好象在插件区就有，你可以去搜搜看。本着精简实用的原则，这些东东俺历来都是敬而远之。

作者: ubuntuhk 时间: 27-2-2008 15:20
标题: 回复 #28 挖按的帖子
精简实用当然重要，不过只要方便大家的事情，我觉得都值得尝试一下。

作者: ubuntuhk 时间: 27-2-2008 15:20
标题: 回复 #27 Microhard 的帖子
15K已经很不错了。

作者: ubuntuhk 时间: 27-2-2008 15:21
标题: 回复 #12 Microhard 的帖子
安装IM库应该没问题，回头我试试。

作者: Microhard 时间: 27-2-2008 22:15
标题: 回复 #30 ubuntuhk 的帖子
yeah, it looks not bad. i think it will be acceptable if the size is below 10k.
i'll change it tonight and cancell watermark.

作者: 衣冠禽兽 时间: 27-2-2008 22:31

作者: Microhard 时间: 27-2-2008 23:42
55%

作者: Microhard 时间: 27-2-2008 23:46
40%

作者: Microhard 时间: 27-2-2008 23:56
33%

作者: Microhard 时间: 28-2-2008 00:01
压缩率33%，图像还可以接受。
原文件184K，现为10K。
谁测试个大点的文件，我这网太慢传不上来。

作者: ubuntuhk 时间: 28-2-2008 04:10
测试图片，30%压缩质量，大小15KB。

作者: cello 时间: 28-2-2008 11:15
原图的压缩和缩图一样吗？原图我建议要保持高质量，缩图压狠些没关系。

这个解决以后，可以恢复首页的图片预览功能。不过其实现在也挺紧凑漂亮的。

要不，把图片预览，文章推荐放在所有的栏目以下？

作者: 挖按 时间: 28-2-2008 13:09

原帖由 cello 于 28-2-2008 10:15 发表

 登录/注册后可看大图

原图的压缩和缩图一样吗？原图我建议要保持高质量，缩图压狠些没关系。
这个解决以后，可以恢复首页的图片预览功能。不过其实现在也挺紧凑漂亮的。
要不，把图片预览，文章推荐放在所有的栏目以下？

据我所知，启用压缩图的功能就是保存的时候在服务器同时存放两张图片：一张是原图，一张是按设定比例压缩后的预览图。这样我们在浏览贴子时，贴内加载的都是尺寸较小的预览图，提高了浏览速度。如果对贴子里的某张图片感兴趣，点击时就会打开原尺寸的清晰大图。唯一的缺点就是每张图片都要存两种尺寸，比较耗费服务器空间。

还有一种方法就是修改DZ的模板，只使用缩略图的功能，但存放、读取的都是原图。这种方法的唯一用途就是使得贴子里的图片可以按设定的缩小比例显示，点击可以按原有的比例查看。不过这种方法虽然只存放一张图片，但由于加载的都是原图，读取速度上并没有改进，因此采用的人很少。

我个人觉得与其把首页N格之类的放到下面，还不如就让论坛首页保持一个洁净的空间，单独搞个home.html的页面去摆放这些东东算了。只恨SupeSite实在是臃肿不堪，否则直接装一个就可以进行各种风格的调用了。

[ 本帖最后由挖按于 28-2-2008 12:10 编辑 ]

作者: cello 时间: 29-2-2008 09:58
压缩比测试没有太大意义，复杂的图片（比如树木，花草）压缩比就算相对高质量，出来还是很容易看出损失的。简单的图片（比如沙漠，蓝天）就算压到很小size，一样显得不难看。

只要决定略图的定位，任意找一个压缩比（比如60%JPG质量）就可以了

作者: bg1pdq 时间: 29-2-2008 14:48
我的一个贴子的第二页的图片, 画质劣化明显:
http://www.freeoz.org/forum/view ... page%3D1&page=2

大家可以和第一页的比较一下.

下次我考虑先把图片扔在 http://www.flickr.com 再引过来用, 以减轻论坛的压力.

作者: ubuntuhk 时间: 29-2-2008 15:03
标题: 回复 #54 bg1pdq 的帖子
这是因为最近几天才引入缩略图功能，你第一页的帖子都是原图，所以画质很高，第二页的图由于论坛使用缩略图，并且设置的压缩率比较大，导致缩略图画质损失比较厉害，不过可以点击之后显示原图。

我们试图在在画质和网页打开速度的体验之间取得一个平衡。我倾向于缩略图使用60-70%压缩率，因为画面尺寸已经减小到一个可以接受的程度了，如果压缩到30%，画质劣化确实比较明显，导致大家要挨个点击缩略图查看高画质的原图，也给用户带来不便。

作者: 青山 时间: 29-2-2008 17:13
同意，好像65%比30%大不了多少。

原帖由 ubuntuhk 于 29-2-2008 14:03 发表

 登录/注册后可看大图

这是因为最近几天才引入缩略图功能，你第一页的帖子都是原图，所以画质很高，第二页的图由于论坛使用缩略图，并且设置的压缩率比较大，导致缩略图画质损失比较厉害，不过可以点击之后显示原图。

我们试图在在画质 ...

作者: 青山 时间: 29-2-2008 17:22
正在调整中，大家多提建议。
我们调整的目的，是提高多图贴的打开速度，
同时又让大家可以看到清晰的原图，所以采用先显示缩略图，点击出原图的方式。
服务器的空间目前不是问题。

原帖由 bg1pdq 于 29-2-2008 13:48 发表

 登录/注册后可看大图

我的一个贴子的第二页的图片, 画质劣化明显:
http://www.freeoz.org/forum/view ... page%3D1&page=2

大家可以和第一页的比较一下.

下次我考虑先把图片扔在 http://www.flickr.com 再 ...

欢迎光临 FreeOZ论坛 (https://www.freeoz.org/ibbs/)