npm 包 dlpr-favicons 使用教程

npm 包 dlpr-favicons 使用教程

什么是 favicons?

favicons（网站图标），是在浏览器地址栏旁边的小图标，通常用于标识网站。同时，它们也可以在书签、移动设备主屏幕等位置展示。

一张好看的、适配不同设备的 favicon 可以给用户留下良好的印象，所以对于每一个网站来说，制作一个好看的 favicon 是很重要的。

dlpr-favicons 是什么

下载并制作 favicon 可以是一件比较繁琐的事情，因此，开发者为了方便制作 favicons，开发了许多工具包。其中，dlpr-favicons 是一款可以下载图片并生成多种尺寸和格式的 favicons 的工具包。

安装 dlpr-favicons

使用 dlpr-favicons，需要以 npm 的方式进行安装：

npm install dlpr-favicons -g

使用 dlpr-favicons

1、调用 dlpr-favicons，使用需要下载的图片地址或者本地图片路径：

dlpr-favicons https://example.com/favicon.png

或者：

dlpr-favicons ./favicon.png

2、自定义生成的 favicons 样式：

dlpr-favicons https://example.com/favicon.png -w 64 -h 64 -b y -m y

其中：

• -w：图标宽度。
• -h：图标高度。
• -b：是否需要背景透明，y 为是，n 为否。
• -m：是否需要边框，y 为是，n 为否。

3、生成后的图标会被保存在当前目录下：

总结

使用 dlpr-favicons，我们可以快速制作适配各种设备的 favicons，为网站提供更好的用户体验。同时，在自定义样式方面，该 npm 包也提供了很好的支持。

不过，在他人工具使用的基础之上，也不要忽略自己在制作 favicons 上的思考。因为唯有不断探索和总结，才能够让自己变得更加优秀。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566c181e8991b448e317d