使用Base64格式的图片制作ICON

原创 2016年08月28日 20:34:01

优势:
- Base64 图片可以减少请求
- 加快首屏数据的显示速度

1、一般我们通常使用background : url……这种形式加载图片,url里面写的是图片地址
2、使用base64格式就只需要填写一串字符串,承载着图片信息,相当于我们提前把图片信息放到了css文件中,减少了请求。
background:url(data:image/png;base64,{image_data})

缺点:
- Base64格式未经过压缩,体积较大
- 不利于维护

版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

.9格式图片制作

与传统的png 格式图片相比, 9.png 格式图片在图片四周有一圈一个像素点组成的边沿,该边沿用于对图片的可扩展区和内容显示区进行定义。         这种格式的图片在android 环境下...

用PhotoShop制作.pat格式的图片

在网上看到了一篇教程,但是很不清晰,看不清楚。于是自己再写一遍。 第一步,准备好你要转pat格式的图片,放入Ps中: 第二步,点击菜单栏中的“编辑”按钮,在出现的下拉列表中找到“定义图案”,点...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

icon图标制作

常用的免费icon网站              1.图标宝:http://ico.58pic.com/pack/2257_8.html            &#...

ajax传数据和图片(base64格式)

讲了一下ajax的用法(原生js版),以及如何在前端获取图片,以base64的形式用ajax传给后台,和后台解析图片保存。 感觉自己写的还是挺通俗易懂的~

使用SVG图片格式

SVG格式, 适应屏幕, 图片较小, 还有很多优点, 参考. 本文讲解如何使用SVG格式.

图片格式的选择+图片压缩---网页制作

在网页制作中,最常用的图片格式是:png,jpg,gif。那我们该怎么选择呢,它们各自的优缺点又是什么呢,让我一一道来。 首先讲:gif,它主要是运用于动画图片,支持透明,可能会有人会说还有fla...

icon font的理解,制作和使用

作为一个刚刚起步做web前端开发的菜鸟来说,每次学习到一些奇妙的,能够增进用户体验的技巧的时候,我总是兴奋不已,不得不说,这感觉太棒了。         所以,当我开始第一次尝试制作一些简单的页面交互...

图片的后缀是什么意思

图片的后缀名分别是什么意思? 图片.BMP:    .BMP:使用非常广。它采用位映射存储格式,除了图像深度可选以外,不采用其他任何压缩,因此,BMP文件所占用的空间很大。BMP文件的图像深度可选...

js图片裁剪并生成base64格式图片

js图片裁剪并生成base64格式图片,用到一个图片裁剪jQuery插件Cropper,功能相当丰富,裁剪时还可以对原图进行旋转。

将图片转换base64格式,data:image/png;base64是什么?

data:image/png;base64是什么?在代码中我们经常看到图片转换base64格式
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)