Why do translucent pixels appear when resizing an icon?

Question

Mobile development

And some icons have them, others do not. I read that it means that the icon did not hit the pixel grid, I have a 1-pixel grid, how can the icon not get on it if this is the minimum possible offset distance?
I used to draw in @1x, PNG express sliced ​​everything without soap, now I switched to @2x, it enlarges the icon by 150% for @3x and soap appears, how to avoid this?
UPD
In general, I decided to do so. I draw at @1x, from this proportion the icons are scaled optimally. If you need to draw in @2x for some (incomprehensible to me) reasons, then there should not be outlines less than 2px, because 1px x 1.5 (when resizing in @3x) will result in 1.5, i.e. soap, and 2px x 1.5 = 3.
Before resizing the icon, you need to check if the anchor points are on the grid, and if this is not the case, then fix it (by enabling pixel grid snap in the Photoshop settings). After that, the resize will be perfect at @2x and @3x. I have never tried to draw for android, there, I think there will really be more work with fine-tuning, but I already have an idea how to automate this process to the maximum.

Answer 1

Draw big icons and scale them down as smart objects instead of zooming in

Answer 2

In fact, in editors, the offset distance can be less than a pixel, but the screen cannot display something less than a pixel. therefore, for example, a line half a pixel wide will still occupy a whole pixel, but will be half transparent. And if it is shifted by half a pixel, then it can become even 2 pixels wide, but it will become half transparent.
Therefore, as mentioned above - it is necessary to bring.