【问题标题】:Maintaining the Image thumbnail quality保持图像缩略图质量
【发布时间】:2012-07-27 12:30:01
【问题描述】:

我有一个网站,我在其中使用 HTML 5 文件阅读器界面进行客户端图像缩略图预览。一切正常。但是我看到当我上传大尺寸图像时可以说 600 x 600,图像质量变差了。我可以理解我缩小图像的大小,然后显示它。我的图像缩略图占位符是 300 x 300,用户可以上传任何大小的图像。我需要保持用户给出的图像质量。我能做到吗?如何在客户端维护这一点?请阅读像素的所有尺寸。 当我将工作与 facebook 缩略图进行比较时,facebook 缩略图看起来不错,即使它们的大小缩小了。如果有人能指出我正确的方向。

【问题讨论】:

    标签: html image image-processing thumbnails


    【解决方案1】:

    有几种技术可以减少图像尺寸,这些技术在图像重新采样的方式上有所不同。看看是否可以控制重采样方式,将其改为“双线性”。 “最近邻”重采样在减少时往往会给出看起来参差不齐的图像。

    【讨论】:

    • 你能详细说明一下吗,你能给我一些我可以探索的链接吗?这是我正在开发的网络应用程序。我正在使用 HTML5 文件阅读器界面来预览客户端上的图像。所有的预览工作都发生在我已经实施的客户端及其非基于闪存的解决方案上。
    • 这可能是一个很好的阅读:https://developer.mozilla.org/En/CSS/Image-rendering。你基本上是在寻找image-rendering: optimizeQuality;。浏览网页并查看中途的实时示例,它们应该突出显示重采样模式之间的区别。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-12-27
    • 2015-05-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-10-11
    相关资源
    最近更新 更多