php 抓取网页生成图片(什么是cssspriteCSSsprite在国内很多人叫css精灵)

优采云 发布时间: 2022-02-21 09:10

  php 抓取网页生成图片(什么是cssspriteCSSsprite在国内很多人叫css精灵)

  什么是css精灵

  CSS sprite在国内被很多人称为css sprite,是一种网页图像应用处理方法。它可以让你将一个页面中涉及的所有零星图片都收录在一张大图片中,这样在访问页面时,加载的图片就不会像以前那样一张一张地慢慢显示了。为什么使用这个工具

  1.加快页面加载速度

  浏览器同时接受的请求数是10,如果图片太多会影响整体视觉效果,而且对于不稳定的网络带宽,加载将是一场噩梦。因此,将图片拼接成一张大图,以加快加载速度。并加快页面渲染

  2.后期维护简单

  该工具可以通过选择图片直接拼接图片。当然你也可以把里面的图片移动,自己布置你的sprite图片,直接生成代码,好用。

  3.开源

  程序已经在github上开源,地址:csdn下载地址

  百度云盘下载

  如何使用

  1.用ps或者dw剪出需要的图片

  2.打开 CssSprite.exe

  打开CssSprite.exe文件,我把下载地址放在下面

  3.打开图片

  点击左上角按钮打开图片

  选择多个图像并单击打开按钮

  4.排列图片

  您可以选择上方顶部按钮的默认横竖布局,也可以选择图片并用鼠标拖动位置。拖动完成后,程序会根据内部图片的位置生成面积最小的Sprite图片,当然也会改变对应的图片位置。

  5.代码生成

  您可以在程序中生成 sass 代码和 css 代码。您可以根据自己的需要进行选择。选择“是否为移动端”时,所有尺寸都会除以2,因为移动端往往设计图比较大,所以需要缩放,建议生成后复制生成的代码图片

  6.保存精灵

  点击“Generate Sprite Map”按钮,程序会默认选择你在步骤3中打开图片的地址,然后点击OK生成Sprite map。

  本文原创发表于php中文网,转载请注明出处,感谢您的尊重!

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线