<html>
<head>
<meta charset="UTF-8" />
<title>WEBP TEST</title>
<script charset="utf-8" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
var testWebp = function(callback){
var image = new Image();
image.onerror = function() {
callback(false);
};
image.onload = function() {
callback(image.width == 1);
};
image.src = 'data:image/webp;base64,UklGRiwAAABXRUJQVlA4ICAAAAAUAgCdASoBAAEAL/3+/3+CAB/AAAFzrNsAAP5QAAAAAA==';
},webSrc = function(src){
var suffix = src.lastIndexOf('.');
suffix = src.substr(suffix);
if (/png|jpg/.test(suffix)){
return src.substr(0,(src.length-3))+'webp';
}else{
return src;
}
}
$(function(){
var $note = $('.note');
testWebp(function(SUP){
var $img = $('img[data-img]');
if(SUP){
$('body').addClass('webp');
$img.each(function(i,o){
var $o = $(o),
src = $o.attr('data-img');
$o.attr('src',webSrc(src));
});
$note.html('你载入的是<strong>webp</strong>格式');
}else{
$('body').addClass('nowebp');
$img.each(function(i,o){
var $o = $(o),
src = $o.attr('data-img');
$o.attr('src',src);
});
$note.html('你载入的是<strong>png、jpg</strong>格式');
}
});
});
</script>
<style type="text/css">
*{margin:0;padding:0;}
body{font:12px/1.6 arial,\5fae\8f6f\96c5\9ed1;color:#666;}
strong{color:#000;padding:0 2px;}
img{width:313px;height:219px;}
.img{ margin-top:20px; width:313px;height:214px; }
.webp .img{ background:url(http://demo.btorange.com/article/webp/demo2.webp) no-repeat; }
.nowebp .img{ background:url(http://demo.btorange.com/article/webp/demo2.png) no-repeat; }
</style>
</head>
<body>
<p class="note"></p>
<!-- img图片 -->
<img alt="" data-img="http://demo.btorange.com/article/webp/demo1.jpg" data-pinit="registered" />
<!-- 样式中的图片 -->
<div class="img"></div>
</body>
</html>
来源于：http://blog.csdn.net/xcysuccess3/article/details/38845625
相关推荐
综上所述，Android应用中加载WebP图片涉及到库的选择、加载方法、动画处理、兼容性问题、性能优化以及错误处理等多个方面。正确地实现这些步骤将使你的应用能够高效、流畅地显示WebP图片，提升用户体验。
本文将深入探讨如何在iOS应用中实现WebP图片的加载，包括网络图片加载和本地图片加载，以及处理WebP格式的GIF。 首先，为了在iOS项目中支持WebP格式，我们需要一个第三方库，因为Apple的原生SDK并不直接支持WebP。...
本文将详细介绍如何使用SDWebImage库在iOS应用中播放WebP图片。 首先，我们来了解SDWebImage。这是一个流行的iOS第三方库，用于加载网络图片，支持缓存机制，并提供了多种图片格式的处理能力，包括WebP。要使用...
- 使用Fresco库时，可以使用`SimpleDraweeView`来显示WebP图片，只需要设置图片的URI即可，Fresco会自动处理WebP的解码。 - 如果不使用Fresco，可以使用Android的`WebPDecoder`类进行解码，然后通过`BitmapFactory...
通过以上步骤，你已经成功地在Android项目中引入并使用了WebP图片，从而实现了应用体积的减小。需要注意的是，虽然WebP在压缩效率上有优势，但在某些设备上可能不支持，因此在发布应用时，最好提供多种格式的图片...
这个压缩包文件提供了有关如何将WebP图片转换成这些常见格式的方法和工具。 首先，我们要理解WebP、JPEG和PNG这三种图像格式的特性： 1. WebP：这是一种有损和无损两种压缩方式的图像格式，支持透明度和动画。其...
WebP图片文件转换工具包是一种专门用于处理WebP格式图像的实用程序，它允许用户将WebP图片转换为PNG等其他常见的图片格式。WebP是由谷歌（Google）开发的，其核心目标是提高网络图像的加载速度，同时保持高质量的...
相较于传统的JPEG、PNG和GIF格式，WebP在保持图片质量的同时，能显著减少文件大小，这对于网页加载速度和节省存储空间具有显著优势。本文将深入探讨WebP格式以及如何进行WebP与其他常见图片格式（如JPEG、PNG、GIF）...
WebP图片格式是一种由Google开发的新型图像文件格式，旨在提供更高的压缩效率，同时保持良好的图像质量。相较于传统的JPEG、PNG等格式，WebP在不牺牲太多画质的前提下，能够显著减少图片的存储大小，从而有助于提升...
在实际应用中，使用WebP图片格式预览及打开插件有以下几个主要好处： 1. **资源效率**：WebP格式的文件体积小，对于网络传输尤其有利，减少了数据加载时间和带宽消耗。 2. **质量与压缩比**：WebP可以在保持图像...
本资源包含的是与WebP图片压缩相关的SO库（动态链接库）和JAR包，这些是Android应用中处理WebP图片所必需的组件。 1. **WebP格式介绍** WebP是由Google开发的一种现代图像格式，旨在提供高效的图像数据压缩，支持...
为了在`WKWebView`中显示WebP图片，我们需要借助第三方库，如`BAWKWebView-WebP`。这个库提供了一个`WKWebView`的扩展，允许加载WebP格式的图片。 在使用`BAWKWebView-WebP`之前，你需要将其添加到你的项目中。这...
总的来说，iSparta WebP图片格式转换器凭借其独立于WIC的特性，为用户提供了一种便捷且高效的解决方案，使他们能够在各种环境中轻松转换和利用WebP图像格式。无论是为了优化网站性能，还是为了减少存储空间，这款...
在Android平台上，为了在低版本系统上支持Webp图片的处理，我们可以利用NDK（Native Development Kit）来编写C或C++的原生代码，实现对Webp格式的读取、解码和显示。下面将详细探讨如何使用NDK技术处理Webp图片，并...
Java处理Webp图片格式转换的示例代码 本文主要介绍了Java处理Webp图片格式转换的示例代码，旨在解决Webp格式图片在Java环境中的转换问题。下面将对标题、描述、标签和部分内容进行详细的解读和分析。 标题：Java...
在实际应用中，如果你的项目需要快速加载的图像或需要节省服务器空间，那么将图片转换为WebP格式是一个明智的选择。使用这个批处理工具，你可以轻松地实现这一目标，无需深入学习复杂的编程或图像处理技术。 总的来...
由于其优秀的压缩效率，WebP在资源密集型的网页和移动应用中特别受欢迎，有助于提高用户体验。 从提供的文件名称列表来看，每个SVG和WebP图像都有对应的文件。例如，"29381f30e924b899c83ff41c6d061d950a7bf697.svg...
然而，不是所有浏览器或应用程序都原生支持WebP格式，这可能导致需要将WebP图片转换为更通用的格式，例如JPEG（JPG）。本文将详细讲解如何使用Python编程语言实现WebP到JPEG的转换。 首先，我们需要一个Python库来...
这个功能对于网页应用来说非常实用，因为它允许用户在不依赖后端服务的情况下，直接在前端对上传的图片进行格式转换。 首先，我们需要了解实现这个功能的关键步骤： 1. **图片上传**：用户可以通过`...
总的来说，这个Java Maven项目提供了一个方便的解决方案，使得开发者能够在Java应用中轻松地将图片转换为WebP格式，从而利用WebP的高效压缩优势，优化网站或应用程序的加载速度。通过理解并应用上述技术，你可以将这...