免插件:Chrome 59 将支持 aPNG 动图格式

by admin on 2020年4月14日

谷歌(Google卡塔尔 于上周发布了 Chrome 58 的新式牢固版本,可是当下将在走出开垦通道的
Chrome 59,还将拉动对动漫片 PNG 文件格式的原生帮衬。PNG 文件扶植与 GIF
格式肖似的“发光度”,经过多年的升华,GIF
动图在互连网络差不离已经无处不在。就算动画PNG(aPNG)文件更加的进取,举例扶助 24-bit 图像和 8-bit
反射率,但流行水平由此可以看到无法和长辈 GIF 对比。

初藳出处:驱动之家

表明:本人原创翻译,原版为Essential Image
OptimizationE-BOOK,这里将其拆分为几篇小说公布。其余,文中部分链接也许会因为“网络”原因不可能张开。不必心急,作者会稳步将里面一些比较好的内容翻译过来公布,都会在这里个“Web图像才能商讨”专题中。

澳门新葡亰网址下载 1

澳门新葡亰网址下载 2

目录

据 9to5Google 报纸发表,有人在
Google Chromium 漏洞报告站点上发起了三个通晓,结果一名 谷歌(Google卡塔尔工作者证实了下一版浏览器将扶植 aPNG 格式的信息(对话如下)。

谷歌(Google卡塔尔长久以来都在为 Chrome 浏览器提供最新的 Web 技巧扶植,进而让 Web
开荒者和顾客的体验变的越来越好。

  • ​介绍
  • 怎么推断本身的图疑似否须求优化?
  • 如何筛选正确的图像格式?
  • “素人”JPEG
  • JPEG的减少情势
    • 渐进式JPEG的优点
    • 什么人在生养条件中应用了渐进式JPEG?
    • 渐进式JPEG的缺点
    • 什么生成一个渐进式JPEG?
    • 色度(或颜色)抽样
    • JPEG引发的格式拓宽
    • 使用JPEG优化编码器
    • 什么是MozJPEG?
    • 什么是Guetzli?
    • MozJPEG与Guetzli孰优孰劣?
    • Butteraugli
  • 什么是WebP?
    • WebP的表现如何?
    • 哪个人在临蓐条件中选用WebP?
    • WebP编码怎么样履行?
    • WebP的浏览器援助
    • 何以将自家的图像转变为WebP?
    • 怎么着在自身的操作系统上查看WebP图像?
    • 什么提供WebP?
  • SVG优化
  • 幸免使用有损编解码珍视复压缩图像
  • 裁减不要求的图像解码和尺寸调解带给的消耗
    • 使用srcset提供HiDPI图像
    • 艺术化的响应
  • 水彩管理
  • 图像拼合技术
  • 延期加载非关键图像
  • 避免<code>display:
    none;</code>的陷阱
  • 图像CDN服务对您有含义呢?
  • 缓存图像能源
  • 预加载关键图像能源
  • 图像的互连网质量预算
  • 最终的提出
  • 附注

—— 那是还是不是意味 Chrome 将持有完整的免插件式 aPNG 匡助?

—— 是的,Chrome 59 协理动漫 PNG 格式,且无需任何浏览器插件!

前不久,Google职员和工人正式认同,Chrome 浏览器的下贰个本子,也正是 Chrome 59
将原生扶植 APNG 动图,而当前的版本中,客商须求经过插件的花样来落到实处对
APNG 动图的支持。

正文:

澳门新葡亰网址下载 3

相持于的 GIF 来讲,APNG 动图并不平淡无奇。

什么是WebP?

WebP是三个起点谷歌的新式图像格式,它目的在于以可承当的视觉品质提供超级低文件大小的无损和有损压缩。其它,WebP还包涵了对阿尔法通道发光度和卡通的协助。

在过去一年中,WebP在有损和无害情势下收缩了10%的裁减年体育积,而且升高了10%的压缩速度。WebP并不是二个能力所能达到用于全部指标的工具,但它在图像压缩社区中一度具有了必然的地点和不仅升高的客户群。那么,大家来探问为何。

澳门新葡亰网址下载 4

Modern-Image16.jpg

WebP:分裂品质等级下文件体量和雷同度相比较。

亟待建议的是,Firefox 等浏览器参加对 aPNG
动图格式的协助,早就有段时光。别的苹果也昭示过在 iOS 10 iMessage
音讯应用中帮助 aPNG 动图格式。

据介绍,APNG 是三个基于 PNG(Portable Network
Graphics)的位图动漫格式,接济 24 位图像和 8 位反射率,并对古板 PNG
保留向下宽容。

WebP的展现怎么样?

有损压缩

根据WebP团队的澳门新葡亰网址下载 ,描述,使用VP8或VP9录像重视帧编码举办拍卖的WebP压缩文件平均比JPEG文件小了25-34%。

在相当低品质设置(0~50)下,WebP具有比JPEG越来越大的优势,因为它能够裁撤丑陋的疙瘩伪影;在中等质量设置(-m
4 -q
75)下,WebP则是速度与体量平衡的暗许选项;而在较高素质设置(80-99)时,WebP的优势则在收缩。WebP被推荐使用在进程比品质更主要的场合中。

无损压缩

WebP无损文件的体量比PNG文件小了26%;同一时候,WebP无损压缩图片的加载时间与PNG相比较减少了3%。也正是说,您经常不会想在网络上为你的客商提供无损压缩的图像。此外,无损和辛辣边缘(如non-JPEG)是分歧的。无损形式的WebP大概更符合于档案内容。

透明度

WebP具备一个无损8位反射率通道,而只比PNG多出22%的字节。它还协理有损的奥德赛GB光滑度,那是WebP唯有的功能。

元数据

WebP文件格式援救EXIF照片元数据和XMP数字文书档案元数据,它还蕴藏了二个ICC颜色配置文件。

WebP提供了越来越好的回退,但代价是越来越多的CPU耗费。在二〇一三年,WebP的裁减速度会比JPEG慢10倍,但是今后曾经得以忽略不计了(有些图像恐怕会减慢2倍)。当WebP用于临蓐作为你使用营造一部分的静态图像时,那不应当是一个大难点。不过,作为动态的图像分娩工具,就也许会促成可察觉的CPU开支,那将是您须求考虑衡量的难题。

注意:WebP有损品质设置比例,与JPEG的成色比例并不能够向来相比。因为WebP通过撤除更加的多多少来兑现更加小的文书体量,由此“70%品质”的JPEG将与“70%质感”的WebP图像完全不相同。

编译自:Neowin,稿源:cnBeta.COM

APNG 动图的第 1 帧是正经的单幅 PNG 图像,由此只帮忙原版 PNG
的软件能健康展现第 1 帧。剩余的动漫帧和帧速数据储存在符合原版 PNG
标准的扩张数据块里。

哪个人在生养意况中动用WebP?

非常多巨型集团正在坐褥条件中利用WebP,来收缩资金并压缩网页的加载时间。

Google的报告注解,以一天提供430亿图像央浼来总结,使用WebP有损压缩将比其余有损压缩技术方案节省百分之二十九~35%的蕴藏空间,而利用无损压缩则是节省26%。这种空间的节约无疑是老大重大的。而只要浏览器对WebP帮忙更加好、更广泛,节省将会更加大。谷歌(Google卡塔尔已经将WebP应用于GooglePlay和YouTube等网址的生育意况。

Netflix、亚马逊(Amazon卡塔尔国、Quora、雅虎、沃尔玛(Walmart卡塔尔、Ebay、“卫报”、“财富”和“前几天United States”均是为已经支撑格式的浏览器提供了WebP。VoxMedia
通过给他俩接纳Chrome的客商提供WebP,将The
Verge网址(二个United States科学技术传播媒介网址)
减少了1~3倍的加载时间。500px则意味着,通过切换为WebP提需求自身的Chrome客户,在保持相符或越来越好的图像品质的相同的时间将文件的体量平均下落的百分之三十三。

其相似本列表呈现,有比非常多的信用合作社都使用WebP。

澳门新葡亰网址下载 5

webp-conversion.jpg

WebP在Google的利用:在YouTube、Google Play、Chrome的Data
Saver以致G+(谷歌+,谷歌的张罗网络服务)上,天天响应430亿的WebP诉求。

WebP编码怎样实施?

WebP的有损编码被规划用来与JPEG静态图像进行竞争。它有多少个首要流程:

宏块分解:将图像分解成八个16×16亮度像素(宏)块群集和三个8×8色度像素块群集。那大概听上去很像JPEG的不二秘籍,通过色彩空间退换、色度通道下采集样本和图像细分来处理。

澳门新葡亰网址下载 6

Modern-Image18.jpg

预测:宏块的各个4×4子块都富有叁个预测模型,能够使得地开展滤波。它定义了叁个块相近的两组像素,分别为A(上边的行)和L(左边的列)。编码器会利用那三个像素块A和L,尝试填充4×4像素的测量检验块,并分明哪些像素块创立的测验块最周边原始块的值。Colt
McAnlis在她的篇章“WebP有消耗方式的劳作规律”中更浓重地商酌了那或多或少。

澳门新葡亰网址下载 7

Modern-Image19.jpg

最终会使用离散余弦转变(DCT)实施几步相符于JPEG编码的进度。之间的三个重大不一致是,这里会采纳四个算术压缩器,不一致于JPEG的Hoffman编码。

就算你想浓重摸底WebP的裁减本领,谷歌开采人员的小说“
WebP压缩技巧”将协理您。

WebP的浏览器补助

不是兼具的浏览器都帮忙WebP,然则依照CanIUse.com的统计,WebP的浏览器客商扶植在全世界约为74%。Chrome和Opera本地帮助它。Safari,艾德ge和Firefox已经尝试了它,但并未在法定发行版中宣布。那就将为客商得到WebP图片的职分移交给了前端开荒人员,这么些稍后再说。

以下是不可能缺少的浏览器和WebP的支撑境况:

  • Chrome:Chrome在第23版开始完备扶助。
  • Chrome for Android:自Chrome 50起。
  • Android:自Android 4.2起。
  • Opera: 从12.1版本起。
  • Opera Mini:全数版本。
  • Firefox:一些beta支持。
  • Edge:一些beta支持。
  • Internet Explorer:不支持。
  • Safari:一些beta支持。

WebP不是未有缺欠的。它紧缺全分辨率的颜料空间接选举拔,而且不扶助逐行解码(渐进式)。综上可得,WebP工具是二个相符的、浏览器帮衬的(写作时仅限于Chrome和Opera浏览器)、也许会覆盖丰硕的客户的值得你去思虑的回降选项。

怎么样将图片转变为WebP格式?

某些商业和开源的图像编辑管理软件都支持WebP格式。此中有个专门有效的运用叫做XnConvert,一个免费的、跨平台的批量图纸调换器。

注意:
必供给幸免将低品质或平常品质的JPEG调换为WebP。那是三个很平淡无奇的荒唐,它会促成变化的WebP图片带有JPEG压缩产生的虚影效果。还有或者会使保存的WebP图片效果变差和失真,以至损失的身分会翻倍。作为转换开首的图像文件,必需假诺高素质的,只怕原图。

XnConvert

XnConvert能够批量的扩充图像管理,并合作500各种图像格式。你能够组合超越80种的单独操作,以各类艺术调换或编辑的图像。

澳门新葡亰网址下载 8

Modern-Image20.jpg

XnConvert支持批量的图像优化,允许原图到WebP或别的格式的直白转变。除了压缩,XnConvert还可以执行图像元数据抽离、裁剪、颜色深浅定制以至此外转换等操作。

下面是XnView网址上列出的XnConvert的一对增选,富含:

  • 元数据:编辑
  • 改换:旋转、裁剪、调节尺寸
  • 调整:亮度、对比度、饱和度
  • 过滤器:模糊、浮雕、锐化
  • 效果:屏蔽、水印、渐晕

运用XnConvert,你能够导出为大意70种差别的文件格式,富含WebP。它援助Linux、Mac以至Windows操作系统。由此,大家驾驭推荐XnConvert,它非常切合小企。

Node模块

Imagemin是三个相当火的Node.js的图像降低模块,它还带有了叁个WebP转变插件(imagemin-webp)。帮助有损和无害三种情势。

要安装imagemin和imagemin-webp,供给周转:

> npm install --save imagemin imagemin-webp

接下来,我们得以采用require(卡塔尔国调用这两个模块,并且运维它们管理在类型目录中的放肆图片(如JPEG)。下边是应用Imagemin,有损压缩并批量生成品质为60的WebP图片:

const imagemin = require('imagemin');
const imageminWebp = require('imagemin-webp');

imagemin(['images/*.{jpg}'], 'images', {
    use: [
        imageminWebp({quality: 60})
    ]
}).then(() => {
    console.log('Images optimized');
});

与JPEG近似,要小心到输出后的削减效果。评估什么样品质设置,对您的图像才是有含义的。Imagemin-webp还可透过传递lossless: true筛选,来生成无损压缩的WebP图像(扶持二十二位颜色和全折射率):

const imagemin = require('imagemin');
const imageminWebp = require('imagemin-webp');

imagemin(['images/*.{jpg,png}'], 'build/images', {
    use: [
        imageminWebp({lossless: true})
    ]
}).then(() => {
    console.log('Images optimized');
});

这里还只怕有一个由Sindre
Sorhus基于imagemin-webp营造的Gulp的WebP插件;当然,也包涵WebPack的插件。Gulp插件能够收起imagemin的别样取舍设置,如有损压缩:

const gulp = require('gulp');
const webp = require('gulp-webp');

gulp.task('webp', () =>
    gulp.src('src/*.jpg')
    .pipe(webp({
        quality: 80,
        preset: 'photo',
        method: 6
    }))
    .pipe(gulp.dest('dist'))
);

或无损压缩:

const gulp = require('gulp');
const webp = require('gulp-webp');

gulp.task('webp-lossless', () =>
    gulp.src('src/*.jpg')
    .pipe(webp({
        lossless: true
    }))
    .pipe(gulp.dest('dist'))
);

应用Bash批量优化图像

XNConvert接济批量的图像压缩,可是只要你指望防止使用贰个应用程序或许一套塑造系统,那么能够选用bash命令和图像优化二进制文件,它们相通使压缩变得轻松。

您能够运用cwebp一声令下,将图像批量转换为WebP:

find ./ -type f -name '*.jpg' -exec cwebp -q 70 {} -o {}.webp ;

或者,使用jpeg-recompress使用MozJPEG编码,批量优化您的原图:

find ./ -type f -name '*.jpg' -exec jpeg-recompress {} {} ;

并且,使用svgo优化SVG(大家稍后将介绍):

find ./ -type f -name '*.svg' -exec svgo {} ;

JeremyWagner有一篇随笔《使用Bash优化图像》相比较康健的评论这几个主题素材,同期还应该有个姐妹篇《动用Bash急迅优化图像》也值得读一下。

别的的WebP图像管理和编排应用程序满含:

  • Leptonica — 二个开源图像管理和图像解析的行使网址。
  • Sketch帮忙直接导出WebP格式
    • GIMP — 免费、开源的Photoshop代替品。二个图像编辑器。
    • ImageMagick —
      用于创制、设计、转变或编辑位图图像,一个无需付费的命令行应用。
    • Pixelmator — 适用于Mac的商用图像编辑器。
    • Photoshop的WebP插件 — 免费的,辅助图像导入和导出,来自于谷歌。

Android: 您能够采取Android
Studio将现存的BMP、JPG、PNG或静态GIF图像转变为WebP格式。有关越来越多音讯,请参阅使用Android
Studio创建WebP图像。

怎么样在本身的操作系统上浏览WebP图像?

当您将WebP图像拖放到基于Blink的浏览器(Chrome、Opera、Brave)中实行预览时,你还足以动用Mac或Windows的叠合组件直接从操作系统预览它们。

几年前,当Facebook试验WebP格式时意识,客户将WebP图片通过右键另存到地头磁盘后,不可能通过浏览器以外的主次张开浏览。这之中主要有多少个第一难点:

  1. “另存为”但非常小概在本地浏览WebP图片。这些能够由此将Chrome注册为“.webp”的开拓应用来解决。
  2. “另存为”并将图纸踏向邮件中分享给不适用Chrome的别的人。Facebook通过引进一个简来说之的“下载”按键来消逝这些主题材料,那一个开关点击时会重临JPEG给顾客。
  3. 右键 > 复制链接 ->
    分享链接到互连网上。那个最后经过HTTP通信合同中的content-type来解决。

这个难题或者对你的客商来讲不太首要,不过对于WebP图片的通用性,推特(Twitter卡塔尔国的考察进度可谓是叁个珠璧交辉的注释。值得庆幸的是,现在不等的操作系统上,都有用于查看和动用WebP的实用程序了。

在Mac上,能够利用Quick
Look的WebP插件(qlImageSize)。它职业的很好:

澳门新葡亰网址下载 9

Modern-Image22.jpg

哪些提供WebP?

在不援救WebP的浏览器中,WebP图像最后不会来得,那明明不是大家想要的。为了防止这种情景,大家能够运用两种政策根据浏览器支持情状有标准化地提供WebP图像服务。

澳门新葡亰网址下载 10

play-format-webp.jpg

Chrome的开垦者工具中的网络面板中“类型”一栏呈现,网址对Blink内核的浏览器再次来到了WebP格式。

澳门新葡亰网址下载 11

image.png

能够看来GooglePlay对Blink内核浏览器重返WebP的还要,对于像Firefox那样不帮忙WebP的浏览器再次回到JPEG。

以下是从服务端重返WebP给你的客户的多少个方案:

选择 .htaccess配置来提供WebP的别本

上面将表明当在服务器上设有与JPEG或PNG图像相相称的.webp版本时,如何使用.htaccess文件将WebP文件提必要扶助的浏览器。

Vincent Orback推荐应用如下方法:

浏览器可以透过Header中钦赐Accept来显式的指定WebP支持。通过那一个标志,你就足以操纵你的服务端,重临图像的WebP版本(如若这些WebP图像已经积存在磁盘上,并非JPEG或PNG格式)。那些主意并不三番五次平价(比方,对于静态化的网址,如Github或S3),所以在筛选这种方案时请先反省下它对于你的网址是还是不是管用。

以下是Apache Web服务器的.htaccess文件示例:

<IfModule mod_rewrite.c>

  RewriteEngine On

  # Check if browser support WebP images
  RewriteCond %{HTTP_ACCEPT} image/webp

  # Check if WebP replacement image exists
  RewriteCond %{DOCUMENT_ROOT}/$1.webp -f

  # Serve WebP image instead
  RewriteRule (.+).(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]

</IfModule>

<IfModule mod_headers.c>

    Header append Vary Accept env=REDIRECT_accept

</IfModule>

AddType  image/webp .webp

假如页面上出示的.webp图像十分,那么请保管在服务器上启用了image/webp类型援助。开启方法如下:

Apache:将以下代码增加到.htaccess文件中:

AddType image/webp .webp

Nginx:将以下代码增添到您的mime.types文件中:

image/webp webp;

注意:Vincent
Orback提供了三个htaccess配置演示,能够看做参谋;Ilya
Grigorik维护一组用于为WebP提供服务安插脚本。

使用 <picture> 标签

浏览器本人能够由此利用<picture>标签,来采用要显得的图像格式。<picture>标签利用几个<source>和一个<img>来安装呈现的图像,个中<img>是带有了图像的、真实的DOM成分。浏览器会循环遍历<source>提供的链接,并物色到第叁个地位格外的结果。要是客户的浏览器中不帮衬<picture>,浏览器将会将它渲染为三个<div>,并接受个中的<img>

注意:
注意<source>的排列顺序。不要将image/webp的格式放在旧格式的末尾,而是将它们放在前边。浏览器将会先剖析到它们并得到相称,而不会剖析到任何帮助更广阔的格式。假诺物理尺寸相似(不利用media属性),也得以遵照文件大小的种种放置图像。经常的话,解析的逐个正是布署的逐个。

以下是部分HTML示例:

<picture>
  <source srcset="/path/to/image.webp" type="image/webp">
  ![](/path/to/image.jpg)
</picture>

<picture>   
    <source srcset='paul_irish.jxr' type='image/vnd.ms-photo'>  
    <source srcset='paul_irish.jp2' type='image/jp2'>
    <source srcset='paul_irish.webp' type='image/webp'>
    ![](paul_irish.jpg)
</picture>

<picture>
   <source srcset="photo.jxr" type="image/vnd.ms-photo">
   <source srcset="photo.jp2" type="image/jp2">
   <source srcset="photo.webp" type="image/webp">
   ![](photo.jpg)
</picture>

运用自动化的CDN转换WebP

局地CDN支持将图像自动转变为WebP,能够使用Client
Hints来让后端尽可能地提供WebP图像。请检查你的CDN,查看服务中是不是含有了WebP扶持。你也有一个简单的解决方案,只是等待着您去搜寻。

WordPress的WebP支持

Jetpack
Jetpack是一款流行的WordPress插件,它回顾七个名字为Photon的CDN影象服务。使用Photon,你就能够获得无缝的WebP图像帮忙。那么些叫Photon的CDN服务是包蕴在Jetpack的无需付费项目清单中的,由此这是叁个很棒很管用的兑现。可是,弱点是Photon会调度你的图像大小,将一个询问字符串放在你的U景逸SUVL中,並且每一个图像都需求特别的DNS查找。

Cache Enabler and Optimizer
假诺您使用的是WordPress,那么你至稀少三个半开源的选项。WordPress的开源插件Cache
Enabler有一个美食做法复选框能够勾选,用于缓存WebP图像,借使当前顾客的浏览器援救它就能够提须要顾客。那使得WebP图像服务变得轻巧。不过,这一个插件有二个败笔:Cache
Enabler需求动用二个名称叫Optimizer的姊妹程序,而它则是必要支付年费的。那对于八个需求真正的开源技术方案的境况来讲,明显是不合适的。

Short Pixel — Cache Enabler的另一个铺垫选拔是运用Short
Pixel,它的效率和Optimizer很像,也是付费的。不过,Short
Pixel能够每一个月免费优化100张图纸。

最佳使用<video>压缩GIF动画

动漫片GIF使用还是遍布,就算那是三个意义特轻便的格式。纵然从社人机联作联网到流行的媒体网站都大方放手了动漫GIF,可是实际那个格式从未被规划用来录制或动漫存款和储蓄。事实上,GIF89a规范三个在提拔“GIF不是作为动漫的阳台”。格式中水彩、图层和纬度的多寡都影响GIF动漫文件的体积,切换来录制格式能够提供最大的半空中节省。

澳门新葡亰网址下载 12

image.png

动漫片GIF相比摄像:同等品质下差异文件格式的文件大小比较。

提供相仿内容和品质的MP3文件或许会在文书体积上节省达到80%或更加多。GIF日常不止会浪费多量的带宽,并且加载时间较长、只扶持超级少的颜料,因此只可以使网址提供的客户体验大减价扣。您只怕已经注意到,上传到Facebook的卡通GIF在推特(TWTR.US卡塔尔(TWTSportage.USState of Qatar上的表现是要降价其余网址的。这是因为,推特上的动漫GIF实际上而不是GIF。为了加强顾客体验和减弱带宽占用,上传到Instagram的卡通片GIF实际上是被转移成为了录像。同样,Imgur也将上传的GIF调换为了静音的MP3摄像。

怎么GIF大多意况下要大过多?因为,动漫GIF将各类帧存款和储蓄为了无损GIF图像 –
是的,无损。我们平常遇到的GIF的成色下滑,其实是因为GIF受限于它的256色调色板。GIF格式下文件平常极大,因为它不像H.264这样的录像编解码器会寻思减少相邻帧。DVD录像将各类关键帧存款和储蓄为有损的JPEG,并其吐弃一些本来数据以完成越来越好的减少。

借使您能够切换成录像

  • 使用ffmpeg转移你的动漫片GIF(或原动漫)为H.264
    DVD摄像。作者平常是使用Rigor提供的一行命令:

ffmpeg -i animated.gif -movflags faststart -pix_fmt yuv420p -vf "scale=trunc(iw/2)*2:trunc(ih/2)*2" video.mp4
  • ImageOptim的API还支持更改动漫GIF为WebM/H.264摄像,其余还是能够从GIF中革除抖动,进而支持录像编解码器压缩录制到越来越小。

举个例子您必需接纳动漫片GIF

  • 能够利用像Gifsicle这样的工具,消逝元数据和未使用的调色紫穗槐目,并比超小化帧之间的生成。
  • 酌量选择多个有损的GIF编码器。Gifsicle派生的Giflossy帮助多个—lossy命令标志,能够去除掉四分三~65%文件体量。还可能有二个很好的依据它的工具,称为Gifify。对于非动漫GIF,将其转移为PNG或WebP。

关于越多音信,请查阅Rigor编写的关于GIF的E-BOOK。

下一篇:【译】首要的图像优化之六:SVG的优化

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图