Fill png image with certain number of points
<p>I'm working to a software that need a strange feature. I choose a png image like image attached and I need to place uniformly a certain number of points on black surface. I started with loop each pixel and change it's color to black, only for design, but now I need to think an algorithm to fill it with points (like 200 points (pixels with red color). You have a idea how to do this ? </p>

<p>Now in my mind is to count black pixels, then do something like this blackPixelsPerPoint = blackPixels / numberOfPoints. After this I now i need to have a red point every blackPixelsPerPoint.</p>

<p><a href="https://i.stack.imgur.com/uIuJt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uIuJt.png" alt="Logo after fill pixels with black"></a>  </p>

<p>The result need to be something like N letter
<a href="https://i.stack.imgur.com/uSS2Z.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uSS2Z.png" alt="Result"></a></p>

<p>The points need to have almost same space between them and fill all the black surface if is possible (depend by number of points).</p>