vscode和像素大厨使用图片时遇到的问题

vscode使用图片所遇到的问题

1、截屏出来的图片放到像素大厨量时发现量出来的像素太大

解决方法一:

设置设计图为2x,这样能把误差降低很多,但跟实际大小还是差了一些,可以自己在微调。如下图所示

解决方法二:

右键图片选择编辑或用画图工具打开,里面设置重新调整大小,调整为你截屏的那个原图片的像素大小就可以,然后用像素大厨打开,注意,这里的设计图还是为1x

2、在vscode中使用img标签配合css设置的盒子大小时出现图片太大

解决方法一:使用第一个问题的解决方法二就可以处理,调整为盒子大小放大缩放。
解决方法二:单个img时直接设置css样式设置img的宽高,多个img时使用类名区分再设置宽高。但这样工作量会很大,最好还是先用编辑调整。

注意:使用background-position时不要使用1、中的解决方法一,有误差。直接使用原来的1x就行,觉得太大就调整完图片大小再量也行。