例如我一个300*300的图片，如下设置显示，在手机上显示就会模糊，网上给出的方法是，为了适配安卓及苹果的机型，图片资源要是实际显示大小的3倍，这样处理看起来的确不会模糊，但是图片资源占用的空间就会大很多，求问各位大佬是如何解决的？

wxml:

<image class="logo_image_cfg" src="../../images/LOGO.png" mode="aspectFill"></image>

wxss:

.logo_image_cfg{

position: absolute;

width: 600rpx;

height: 600rpx;

align-self: center;

padding: 10rpx;

}