如何自动创建由许多收藏夹URL组成的精灵
How to automate the creation of a sprite made up of many favicon urls
我需要创建一个包含800+个网站的收藏夹图标的精灵。
我目前的问题是,我在一个页面上生成了多对多的图片http请求,但速度已经显著放缓。我想找到一个程序或脚本,允许我向它提供图像的url或图像本身,并让它生成精灵。
例如。下面的谷歌网址将从大多数网站上提取最喜欢的图标。
google.com/s2/favicons?domain=www.yahoo.com
我不需要使用以上内容,但值得注意。这是一种检索收藏夹的好方法。
脚本或程序需要保存每个收藏夹和增量:
-16px 0px;
-32px 0px;
-48px 0px;
等等。
我见过它在javascript中完成,但这或PHP都可以。如果你知道任何脚本或程序或任何东西,那将是惊人的。
您可以尝试使用Imagemagik,一个免费的开源工具(很可能)。我不会以任何方式推广它,但它是一个很好的工具,可以用作命令行工具。
您可以使用append
命令附加两个图像。文档内容如下(粘贴以供参考):
-附加
垂直或水平连接当前图像。
此选项通过按从上到下的顺序连接所有当前图像来创建一个较长的图像。使用+append从左到右堆叠图像。
如果它们的宽度不相同,则较窄的图像将填充当前背景色设置,并且它们相对于彼此的位置可以由当前重力设置控制。
您可以阅读此处的文档。请在此处下载。
只需将两个图像附加到一个图像中,然后使用生成的图像来附加其他图标。
注意:您需要检查格式和转换设置。
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- 使用php或javascript从facebook相册URL中删除多余的部分
- Angular JS IE9 Hashbang url rewriting
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- 直接下载文件,而不是从window.open(url)
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- 通过js在新选项卡中有条件地打开url
- CKFinder 3为所选文件返回错误的URL
- 如何获取不属于我项目的上一页的URL
- ReactJS映射:如何仅在url变量不为空时呈现html链接
- 在URL中传递JS对象
- 将纯文本URL转换为可单击链接
- Javascript html每点击一次就会更改url
- 以角度管理动态URL
- Mathias URL shortener
- 如何有效地将游戏数据存储在URL查询字符串中
- 使用带括号的图像URL作为jQuery的背景
- JS:检查URL中的参数,然后迭代一个参数为var的函数
- 传递包含'%的参数'在URL中
- 如何自动创建由许多收藏夹URL组成的精灵