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

vscode使用图片所遇到的问题

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

解决方法一：

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

解决方法二：

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

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

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

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