base64图片和png图片问题

首页课程实战体系课手记专栏慕课教程

base64图片和png图片问题

来源：16-1 Vue-resource应用（上）

wobugaosuni2

2017-03-19

老师您好，请教两个问题。

vue自动将png图片转成base64格式的图片，但base64它使用场景是一些小icon，对于大的图片不想转成base64，应该怎么设置呢？(例如png图片，直接编译，生成在dist/static/images目录下)
base64直接编译到js文件里，增大了js文件，会不会影响性能，页面加载速度呢。和雪碧图相比，哪种更好。我知道雪碧图它还需要前端去切图，比较麻烦

写回答

1回答

ustbhuangyi

ustbhuangyi

2017-03-19

已采纳

1. webpack 的 url-loader有个 limit 的配置，这块具体可以查一下 webpack 的文档
2. 小图标 base64 的影响不大，跟 css sprite 想比，会减少 http 请求，也比它更方便。

0

2

wobugaosuni2

非常感谢！

2017-04-03

共2条回复

Vue.js2.5+cube-ui重构饿了么App（经典再升级）

掌握Vue1.0到2.0再到2.5最全版本应用与迭代，打造极致流畅的WebApp

9868 学习 · 4162 问题

相似问题

回答 1

data.json文件中的图片路径如何更改

回答 1

使用不同像素的图片作为背景的代码时报错

回答 3

背景图片不区分倍数，直接使用3x图片，清晰度应该也不会受影响吧，感觉2x图片可有有无，区分2x和3x的必要性是什么

回答 1

vue 如何做图片上传功能

回答 4

打开慕课网App查看更多内容