首页 > 优化 > 关键词 > css精灵最新资讯 > 正文

css sprite生成工具使用教程

2015-04-30 10:51 · 稿源:博客园

什么是css sprite

CSS sprite在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。

为什么要用这个工具?

1.加快网页加载速度

浏览器接受的同时请求数是10个,如果图片过多会影响整体的视觉效果,而且对于不稳定的网络带宽,加载起来更是噩梦,所以把图片拼接为一张大图,从而加快加载速度,以及加速页面渲染。

2.后期维护简单

该工具可以直接通过选择图片进行图片的拼接,当然你也可以自己挪动里面的图片,自己去布局你的雪碧图,直接生成代码,简单易用。

3.开源

该程序已经在github上开源,地址:https://github.com/iwangx/sprite

如何使用

1.用ps或者dw把需要的图片切下来

2.打开CssSprite.exe

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

3.打开图片

点击左上角按钮打开图片

选择多张图片,点击打开按钮

4.排布图片

可以选择上面的最上面按钮今天横竖的默认排布,也可以鼠标选中图片拖动位置,拖动完成后程序会根据内部图片的位置生成面积最小的雪碧图,当然也会改变相应的图片位置

5.代码生成

在程序中可以生成sass代码,以及css代码,看自己需要嘛,自己选择,选中“是否是手机端”的时候会把所有的尺寸除以2,因为手机端往往会设计图比较大,所以要缩放,建议生成图片后再复制生成的代码

6.保存雪碧图

点击“生成雪碧图”按钮,程序会默认选中你在第3步的时候打开图片的地址,然后点击确定后生成雪碧图。

  • 相关推荐
  • 大家在看
  • 纸人2全部boss打法攻略 杨依兰夫人等boss打法教程

    纸人2中的boss不是特别多,但是有的boss还是需要一定的技巧才能过关的,今天就来为大家带来殷凌、殷洪​、杨依兰等boss战的打法攻略,希望对大家有所帮助。

  • Jurassic World中的赚钱机会

    LandLab发布的第 1 款游戏神龙岛已经大获成功,其第 2 款游戏Jurassic World即将在 7 月 15 日正式内测,作为具有极具创新性的驯养类区块链游戏,Jurassic World必将给用户带来全新的游戏体验。游戏与区块链技术的结合能够创造大量潜在的金融红利,而且所有人都能平等地参与到利益分配中,早期用户更是可以近水楼台先得月,那Jurassic World中有哪些赚钱机会呢?JT(Jurassic Token)是Jurassic World的游戏通证,总量恒定 10 亿,

  • 魔兽世界怀旧服安其拉神殿全boss攻略 TAQ超详细9个boss打法教程

    魔兽世界怀旧服的安其拉神殿(简称TAQ)在7月底就要正式开放了,很多玩家还不清楚安其拉神殿的9个boss怎么打,下面就来为大家分享一下魔兽世界怀旧服安其拉神殿的全boss攻略。

  • 区块链游戏Jurassic World即将正式内测

    游戏向来被认为是区块链最佳的落地场景之一,包含Microsoft、Google、腾讯和网易等不少我们耳熟能详的传统互联网巨头都已对该领域进行了深度的战略布局,如何将传统游戏藉由区块链技术而创造新价值与玩法?区块链游戏公司LandLab给出了答案,继其第 1 款游戏神龙岛正式内测 1 个月后,其第 2 款游戏Jurassic World(侏罗纪世界)也已开发完成,即将正式开始内测。Jurassic World(侏罗纪世界)是以侏罗纪时代为背景基于区块链技术的

  • SSD固态硬盘挂了怎么办?国科微攻克数据恢复工具:拯救变砖

    如今的SSD性能、容量等指标各种先进,但是可靠性经常被人关心,很多人怕的一是SSD闪存写死了,第二个就是意外变砖,数据没法恢复,这是闪存特性导致的。国产SSD主控厂商国科微透露他们已经搞定了

  • 独特设计之选——评价ISSEY MIYAKE三宅一生新品手表

    随着审美追求的变化,在衣物之外的饰品开始越来越多元化,直到腕表的出现,一块小小的腕表既是功能性器械,又起到装饰作用,它可以是珠宝,也可以是彰显个性的挂件,就那样戴在人的手腕上,不显突兀的同时又极具存在感。手表所能表达的意义已经极大的发展,越来越呈现多元化的趋势,有点表现品味与个性思维的道具的意思了,如果现在的人出门手上没有一块手表,看起来都好像缺了点什么,它好像已经成为了我们互相了解的重要一环。 ?

  • 没有公网IP,不用端口映射,也能远程连接MSSQL数据库!

    微软SQL Server数据库服务器MSSQL,提供从服务器到终端的完整解决方案,颇受大众喜爱。但数据库服务器一般部署在内网,只有本地局域网的设备才能访问。在远程办公、移动办公常态化的情况下,如何满足远程建立、使用和维护数据库呢?如果数据库服务器所在的网络环境没有公网IP或者没有路由器/光猫管理权限,就需要进行内网穿透。国产内网穿透服务商花生壳,旗下有一款硬件版内网穿透神器——花生壳盒子,不需要公网IP,不用设置路由

  • 索尼与NEC成立半导体生产管理公司SSN 索尼持股25%

    7月30日消息,索尼半导体制造公司日前和NEC设施公司宣布,共同成立SSN设施有限公司(简称SSN设施),该公司将负责半导体生产基地的设施管理。索尼SSN是Sustainable & Smart Next generation(可持续&智能的下一代)的缩写。索尼半导体制造计划将日本7个生产基地的设施管理业务外包给SSN设施,以确保无尘室和设备的稳定运行和维护,保证高效而简便的运营,从而提高公司对业务环境的应变能力。SSN设施将从今年9月1日开始进

  • 华尔街英语Jessie Liang:我希望将“成功”的力量传递给更多人

    近期,华尔街英语一年一度的演讲比赛正在如火如荼地展开。在华尔街英语北京赛区,一名来自东直门学习中心的华尔街英语学员受到了大家的关注。她叫Jessie Liang,是一名90后的爱笑女生,她的笑容感染鼓励着校区的学生们。本次华尔街英语年度演讲比赛的主题是“成功”,要求参赛者以此为主题结合自身经历进行3-5分钟的英语演讲。每位参赛者“成功”的故事和经历大不相同,选手们自信、热情的演讲让在场的学生们备受鼓舞,“成功”这?

  • 安其拉神殿副本文字+视频开荒攻略 TAQ全boss机制技能打法教程

    魔兽世界怀旧服有非常多的服务器已经完成了安其拉开门任务了,很多公会都打算在这段时间去开荒安其拉了,这个副本的难度自然不是之前副本可比的,所以下面就来为大家介绍一下安其拉神殿副本全boss的文字加视频攻略。

  • 任天堂 Switch 新机型或支持英伟达 DLSS 2.0

    据英伟达的招聘广告显示,英伟达正在为Tegra方案工程团队招聘一名高级嵌入式软件工程师。工程师将会为游戏主机以及 AI 边缘设备开发次世代画质和 AI 技术。同时该职位的职责还包括使用人工智能解决图形技术方案,比如NVIDIA DLSS 2.0。虽然没有明示,但是考虑到任天堂和英伟达的合作,不少媒体都推测这个游戏主机就是任天堂NS。

  • Q2季度SSD硬盘价格暴跌30% 商家吐血甩卖

    SSD硬盘价格又开始跌了,大家听到这样的消息是不是很开心?预期的闪存牛市持续也就一个季度,Q2季度开始闪存价格就涨不上去了,6月份价格更是急转直下,因为前期疫情导致的远程工作需求已经放

  • DNF记忆印痕刀疤鼠打法攻略 忆印痕刀疤鼠boss机制处理教程

    DNF冥域时空的黑色魔物的痕迹地下城中有一个记忆印痕刀疤鼠的boss领主,很多玩家还不清楚这个boss到底要怎么打,下面就来为大家详细的介绍一下。

  • 1Password 推出 Linux 版本,后端完全采用 Rust 编写

    1Password 官方本周宣布,将在今年内推出 Linux 版本,现已进入公开预览阶段。这款流行的密码管理软件兼容 Mac、iOS、Windows 和 Android 等多个平台,也能与 Chrome、Edge、Firefox、Safari、Opera 等各类浏览器融合,实现包括自动填充、密码保存与管理在内的功能。但唯独缺少对 Linux 平台的支持。

  • 携程发布“BOSS 直播”大数据 梁建章带货能力有多强?

    携程对外发布2020携程“BOSS直播”大数据报告,对外披露“BOSS直播”4个多月来的成绩。携程透露,以“BOSS直播”为核心的携程直播累计GMV破11亿元、产品核销率近5成、为千家高星酒店带货超百万间夜。“BOSS 直播”的主要仍面向高星酒店,这也是携程市场占有率最大的板块。报告透露,携程“BOSS直播”间内的预售产品均价仍在1200元以上,首批到店的酒店预售产品和效率接近50%。报告透露,携程直播间重复?

  • BOSS直聘宣布向可可西里捐赠近40万元公益巡护车

    【TechWeb】7月13日消息,今天是国内互联网招聘平台BOSS直聘成立六周年的日子,在今天的生日晚会上,BOSS直聘宣布向可可西里自然保护区捐赠巡护车,将通过三江源生态保护基金捐赠给可可西里管理处,旨在保障巡护员打击盗猎、盗采等违法行为时的人身安全。相关资料显示,巡护员是一类从事动物保护的人,他们与盗猎者作斗争、追踪盗猎者、收集非法交易情报。据此前的一篇报道称,平均每年可可西里主力巡山队要完成大规模巡山15次、?

  • BOSS直聘向可可西里捐赠近40万元公益巡护车

    BOSS直聘在六周岁生日晚会上宣布向可可西里自然保护区捐赠巡护车,旨在保障巡护员打击盗猎、盗采等违法行为时的人身安全。据了解,此次捐赠属BOSS直聘“巡护员守护计划”项目一期,已捐赠车辆金额共计36.812W。未来,该计划还将覆盖更多地区,给“巡护员”职业群体提供保护。

  • 在线预览更完善,3分钟看懂永中DCS升级新模样

    永中DCS文档在线预览软件是通过解析常用办公文档格式,支持不同文档格式间的相互转换,为用户提供常用文档的阅读等服务,自上线以来,屡获政府部门、央企单位、邮箱客户、OA办公系统、招聘网站、教育等众多客户的好评。与此同时,团队始终坚持以用户为本,不断优化、升级产品。 近日,永中DCS发布了V4. 0 新版本,新版在文档转换质量、用户体验及文档安全方面都带来了重大提升,永中软件致力为用户打造更贴合业务场景的在线预览产

  • UCloud优刻得容器实例Cube免费公测,解锁容器Serverless新姿势

    2020 年 7 月初,UCloud优刻得容器产品线继UK8S后又新增一位成员:容器实例Cube,以进一步丰富UCloud优刻得容器服务的应用场景,满足不同用户对于容器服务的需求。通过Cube,用户只需要提供打包好的Docker镜像,即可快速、批量部署容器化应用,而不需要预先购买云主机或UK8S集群,并且只需为容器实际运行消耗的资源付费。目前,Cube处于免费公测期,欢迎各位前往体验。兼容Docker&Kubernetes由于交付效率、运维成本、环境一致性等?

  • IBM宣布SSD神优化技术:性能、可靠性提升3倍 延迟降低50倍

    随着技术的发展,SSD硬盘也面临着新的瓶颈,性能、可靠性及延迟等指标难以兼顾。IBM日前宣布推出一种新的SSD分区技术,它可以将SSD的性能及耐用性提升3倍,延迟足足降低了50倍。这个分区技术不

    IBM
  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签