首先什么使Base编码呢?
Base64是网络上最常见的用于传输8Bit字节码的编码方式之一,Base64就是一种基于64个可打印字符来表示二进制数据的方法。
图片的Base64编码就是用二进制字符串表示的图片,
如:
的Base64编码为:
data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAcFBQYFBAcGBgYIBwcICxILCwoKCxYPEA0SGhYbGhkWGRgcICgiHB4mHhgZIzAkJiorLS4tGyIyNTEsNSgsLSz/2wBDAQcICAsJCxULCxUsHRkdLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCz/wgARCABSAFUDAREAAhEBAxEB/8QAHAAAAQUBAQEAAAAAAAAAAAAAAAECBQYHBAMI/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEAMQAAAA+kTJzzPQB4wcQhtB0lQM/NvAAAQqJRDZDLzzNaAAACEMpLceRGGtgAABElLHARZrgAAARBTBRSNNaAAACGKcPGnEasAAAEOU4UQ4zVQAAAiCmDhpXCRGgPGinOWg5zjOA0UBQADwKCXosZghRBgAAohuhox//8QAORAAAAQEAgYIBAUFAAAAAAAAAQIDBAAFBgcRNhJBVnSUshAWIFFzs8LSF3Wk0RMUISIyFTE1QpL/2gAIAQEAAT8Ai5ldO036Ehp9yqDrTwVOh/fHUQIQt7XSzYiilYuUVDBiYgulv2wlbmuMT/jVsuTu0HSxoG3Nc7ar8UtAW3rbQzw6094Vj4c1ztqvxS0BbquNtV+KWhOoqjt3WANZ7MV5m1UAMdNY5ymIOsmlrDXDB83mbFJ40VKqgsUDEOGsOisK+ldMYs1FTmfKpGFMiZcdAdQnizciLNZ27njw4qnaG/ZjrUNjiboDs3HkLKc0m8WcpYrMkjLJH1lwi1ldsJPKlZdNXYIEKfFKEHSLhAiyKhVEzhiUxRxAQikaclE/q2rFZmzB2s1mRwT0zm1nPFiP8dN/GJ26xyXOtzV5Bi2tvpRVFOOXz8VwWI5MgX8I+oCF98WeVUWodT/cE3ZyB/ySLZZzrr5h61YsQfFnOSdypO3U5QPSk1L3tVOUYsbkp7v5/LJFlslu9/PyJxbLOddfMfWtFiv4TzxCert1QYS0nNjBqaK8gxY3JT3fz+WSLLZMeb+fkTi2Wcq6+Y+tWLGfwnnik9Xbq02FHzg3czV5BixuSnu/n8skWUya834/lki2ec663/1rRZI2JJ7vBe3VZQNSE33RXkGLG5Keb+fyyRZXJjzfz8hItlnSu9/9a0WUJmHxyF5u3VKYq0lNyd7NXkGLG5Ke7+fyyRZnElFOd+PyEi2mcq83/wBa0SnrtRT1+jLqdByDxUVMRSMcBwxwwEpgga/uLsh9Et7o+Idw9j/oF/dHxDuHsh9Av7oLX9w9kPo1vdAXDuFsf9Et7oG4df7Gn4JaHlaXCfMXDVSldAi6ZkzGBkrrDARARNFo5O7k1GqJPkDIKruTrAQ/dgUvpizBMKMdb8flJE9tzOSTp8/p6eLsPz6orLEKqcmJhEdZYoC4a7OZKyGpnX6lOYCulz4AQS6jmNhHW+nNoJXxaf3jrfTm0Er4tP7x1up3aCV8Wn9463U5tDKuLT90dbqc2hlXFp+6Ot1ObQyri0/dDmtKcQaLLf12WnFMgmwI5IYxsAx/QAHERiWT2rK4mT5WUviMZamcCFE5A+wiIxRtNqU3IRZLLgqodYyxjFLrNGqLooJBWLnBImJtHGFgAFTYdAwPRqCNQxZbJpvGP0f/xAAUEQEAAAAAAAAAAAAAAAAAAABg/9oACAECAQE/AHP/xAAUEQEAAAAAAAAAAAAAAAAAAABg/9oACAEDAQE/AHP/2Q==
为什么要使用Base64编码呢?
在前端开发中,总是要在html中引入img元素或者css的url(“”)引入一个背景图片,每一次引入,就要增加一次HTTP请求,把图片编码为Base64,可以使图片随html文件或者css文件缓存到本地,减少请求图片的HTTP请求。
什么时候用Base64编码呢
当图片足够小,且需要多次复用时使用Base64编码
注意:
1、大图片使用Base64编码后,可能会使图片增大原图的1/3,所以Base64编码并不适用于大图片。
2、使用Base64编码图片并不意味着性能优化
Base64在线编码工具
在线编码工具