CSS图片拼合生成器只需上传zip包即可

简单介绍下：CSS 图片拼合 (CSS sprites) 可有效降低图片文件的 HTTP 连接请求数. 多个图片将以一定间距合并为一个大图片文件. 页面中使用这些图片的元素将利用 background-position 这一 CSS 属性来显示拼合图片中的指定位置。这一技术可有效提升网站性能, 尤其是网页上有众多小图片时, 如许多菜单栏图标.
这里有一篇Realazy的CSS Sprites技术详细介绍，CSS Sprites被我生生译成了CSS图片拼合，希望大家不要抗议：P 有更好的译法欢迎大家提出 ^^
下面给大家介绍个CSS图片拼合生成器，将众多小图片打包成ZIP文件，上传上去，即可自动生成拼合后的图片和CSS规则，还可以自定义背景色，是否背景透明，CSS选择器的前后缀等，功能强大^ ^
呃，为什么要介绍呢？因为中文界面是我翻译的，有任何更好的翻译建议请提出。
翻译文本可以从Google Code上 http://cssspritegeneratorchinese.googlecode.com/svn/ 位置检出。

http://spritegen.website-performance.org/?action=home&lang=cn

赞 (0)

相关推荐

  • CSS图片拼合生成器只需上传zip包即可

    简单介绍下:CSS 图片拼合 (CSS sprites) 可有效降低图片文件的 HTTP 连接请求数. 多个图片将以一定间距合并为一个大图片文件. 页面中使用这些图片的元素将利用 background-position 这一 CSS 属性来显示拼合图片中的指定位置.这一技术可有效提升网站性能, 尤其是网页上有众多小图片时, 如许多菜单栏图标. 这里有一篇Realazy的CSS Sprites技术详细介绍,CSS Sprites被我生生译成了CSS图片拼合,希望大家不要抗议:P 有更好的译法欢迎大

  • 远程图片自动按文件夹上传到服务器-默飞出品

    远程图片自动按文件夹上传到服务器-默飞出品 a { text-decoration: none; color: blue } a:hover { text-decoration: underline } body { scrollbar-base-color: #F8F8F8; scrollbar-arrow-color: #698CC3; font-size: 12pt; background-color: #ffffff } 在输入框中输入远程图片地址,如图片不存在,程序自动放弃本次操作.

  • Python对接PicGo实现图片自动加水印并上传操作示例

    Python对接PicGo实现图片自动加水印并上传操作示例

    目录 1. 天下苦搬运党久矣 2. 目前的图床管理工具 3. 方案的设想 4. 代码完整解析 4.1 定义热键并监听键盘 第一步:先定义好你的热键 第二步:监听所有的键盘动作 4.2 从内存中读取图像 4.3 添加水印生成新图像 4.4 将新图像重新放入剪切板 4.5 模拟触发 PicGo 4.6 通知 Mac 通知台 5. 其他设置工作 5.1 设置程序权限 5.2 设置开机自启 6. 运行效果 7. 写在最后 1. 天下苦搬运党久矣 对于我这样经常需要写点文章的技术自媒体来说,很经常早上我才

  • js利用FileReader实现图片转base64格式并上传预览头像

    目录 页面布局: 思路分析: 代码: 修改用户头像,一般都会需要把图片转成base64格式,所以我们需要学会怎么利用FileReader转换 页面布局: <template> <el-card class="box-card"> <div slot="header" class="clearfix"> <span>更换头像</span> </div> <div>

  • 使用批处理脚本自动生成并上传NuGet包(操作方法)

    Hello 大家好,我是TANZAME,我们又见面了. NuGet是什么这里就不再重复啰嗦,园子里一搜一大把.今天要跟大家分享的是,在日常开发过程中如何统一管理我们的包,如何通过批处理脚本生成包并自动上传到 NuGet.在实际项目开发过程中我们要上传自己的包,一般的步骤都是:nuget spec => nuget pack => nuget push,一个包都要至少重复三个动作,如果有 N个包那就要重复 N*3次,想想都不能忍,所以便有了今天的分享主题. 生成目录 既然是统一管理,生成的包自然

  • 批量上传Jar包到Maven私服的工具的方法

    基本信息 适用环境:内网环境下的 Maven 私服,无法连接外网(或者需要翻墙),需要通过其他手段下载完依赖后导入到内网私服的情况. 功能描述: 单个依赖包含的pom,jar等文件应该在一个单独的目录中,可以指定下面的路径,上传 gson 到私服. 还可以指定到 f:\\.m2\\repository\\Gson\\gson,上传 gson 的多个版本. 也可以直接 f:\\.m2\\repository,将整个仓库下面的所有 jar 包的所有版本都上传到私服. 注意: 上传前,如果允许重复上传

  • Nexus3x创建私有仓库并使用gradle上传jar包

    Nexus3x创建私有仓库并使用gradle上传jar包

    目录 一.创建私有仓库 二.将私有仓库添加到maven-public库中 三.使用Gradle上传jar包到私有仓库示例 一.创建私有仓库 1.打开Nexus首页并登录,进入设置界面,点击创建 2.选择maven2 hosted类型的仓库 3.输入创建的仓库的名称,如果允许重复部署,可以将下方的Disable redeploy更改为Allow Redeploy 二.将私有仓库添加到maven-public库中 1.打开maven-public的设置界面 2.将我们创建的库添加到maven-pub

  • maven手动上传jar包示例及图文步骤过程

    maven手动上传jar包示例及图文步骤过程

    目录 一.maven私服搭建 二.gradle配置 三.打包 四.上传至maven私服中 五.使用 六.刷新gradle 一.maven私服搭建 使用Nexus进行搭建,网上教程很多,不多赘述了. 二.gradle配置 在build.gradle文件的根节点中添加以下内容 //打包源代码 task sourcesJar(type: Jar) { classifier = 'sources' from sourceSets.main.allSource } artifacts { archives

  • 动态上传jar包热部署的实战详解

    目录 定义简单的接口 该接口的一个简单的实现 反射方式热部署 注解方式热部署 测试 近期开发系统过程中遇到的一个需求,系统给定一个接口,用户可以自定义开发该接口的实现,并将实现打成jar包,上传到系统中.系统完成热部署,并切换该接口的实现. 定义简单的接口 这里以一个简单的计算器功能为例,接口定义比较简单,直接上代码. public interface Calculator {     int calculate(int a, int b);     int add(int a, int b);

  • PHP实现本地图片转base64格式并上传

    我们在开发系统时,处理图片上传是不可避免的,例如使用thinkphp的肯定很熟悉import("@.ORG.UploadFile");的上传方式,今天我们来讲一个使用html5 base64上传图片的方法. 主要是用到html5 FileReader的接口,既然是html5的,所支持的浏览器我就不多说啦 可以大概的讲一下思路,其实也挺简单.选择了图片之后,js会先把已选的图片转化为base64格式,然后通过ajax上传到服务器端,服务器端再转化为图片,进行储存的一个过程. 咱们先看看前

随机推荐