图片降质和剪裁

<img :src="item.coverImg | imageSearch" alt=""/>
//搜索页列表裁剪
Vue.filter('imageSearch',(value)=>{
    if (process.env.NODE_ENV === 'development') {
        return value;
    }else{
        return value + "!q70!cc_145x108";
    }
});

利用vue的filter给图片格式化;

降低图片质量:在图片src地址后拼接!q70可以将图片质量降低到70%,大小也会相应压缩;

剪裁:在图片src地址后拼接!cc_图片尺寸,可以将图片剪裁到相应的尺寸;

猜你喜欢

转载自blog.csdn.net/weixin_37722222/article/details/82259609