如何提高 Android Webkit 中的图像质量(与 iOS 相比)

Posted

技术标签:

【中文标题】如何提高 Android Webkit 中的图像质量(与 iOS 相比)【英文标题】:How to improve image quality in Android Webkit (comparing with iOS) 【发布时间】:2012-10-28 20:14:16 【问题描述】:

尝试在 iosandroid (SGS2) 中加载 http://www.sciences-physiques.eu/appli/oneimage/。

图像为 1600*2262

结果是 iOS 上的图像更好。我知道 android 可以做得更好,因为我有一个应用程序可以缩小这么大的图像,而且文字“更清晰”。

我很想在css中添加一些代码,但似乎不适用于webkit

以下是截图:

http://tof.canardpc.com/show/9144d047-0aaf-4906-9c96-1a991112f9fc.html http://tof.canardpc.com/show/36008198-e6ef-4b02-820b-fe2ca8b8df1c.html

代码是:

<!DOCTYPE HTML>
<html manifest="" lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>carimage</title>
    <style type="text/css">
         img  width: 100%; 
        html, body 
            height: 100%;
            background-color: #1985D0
        
        </style>
        <body>

<img src="1.png" />

</body>
</html>

【问题讨论】:

你知道,如果我用 max-width 而不是 width,结果会比只用 "width" 属性差。 我只需要问一下......它真的对您的用户有很大的影响吗?我们在这里谈论像素是吗? 是的 Phix。因为我将学习物理、化学、数学,并且为了获得良好的渲染效果,我使用 Latek。所以我必须使用图像。在 Android 上,我的学生说我可以使用比糟糕的扫描仪更好的东西。在 iOS 上,他们说这就像在他们的书中...... 好的,那么与其让图像比屏幕大 4 倍,不如使用一些服务器端的魔法来缩小它的大小,从而规避这个问题? 1.不是4倍。视网膜为 1536*xxxx。 2.我会建一个apk,所以不会有服务器。同样,当构建原生时,图像很好。使用 webkit 会导致 Android 上的图像很糟糕。 【参考方案1】:

iOS 应用中的图像质量优于 android(具有相同分辨率),图像质量通过指定代码得到改善,但加载时间增加。在为我的客户开发 android 应用程序时,我实现了代码并感受到了质量和加载时间的差异。

【讨论】:

您是否忘记了您的代码,或者您只是在向您的网站发送垃圾邮件?

以上是关于如何提高 Android Webkit 中的图像质量(与 iOS 相比)的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Camera 2 API Android 提高捕获图像的质量?

如何在 Android 中提高 Camera 2 的图像质量?

如何使用 WebView 启用 WebKit 的 Android 应用程序的远程调试/检查器?

如何在选项卡式布局中显示 Android gridview

如何利用Chromium For Android开发Android浏览器

如何修改android的webkit内核