How to cut image into equal parts left to right?

Question

Lets say I have 1 image Im looking for a way to have it in equal parts left from right I have this code however it cuts in long pieces:

var image = pictureBox1.Image;

        var splitInto = 12;

        using (var originalImage = new Bitmap(image))
        {
            for (int i = 0; i < splitInto; i++)
            {
                var rect = new Rectangle(0, originalImage.Height / splitInto * i, originalImage.Width, originalImage.Height / splitInto);
                using (var clonedImage = originalImage.Clone(rect, originalImage.PixelFormat))
                    clonedImage.Save(directory + $"\\PageImage{i + 1}.jpg");
            }
        }

Im looking for the result o look like this:

[ ] [ ] [ ] [ ]

Where each square is connecting piece to the image I thought about 2 for loops but i cant figure it out.

Original

Edited

You mean tile it? https://stackoverflow.com/questions/8182801/using-imagemagick-to-repeat-or-tile-an-image — Caius Jard, Dec 22 '21 at 21:13
Or do you mean slice e.g. a 1000x1000 image into 100 images that are 100x100 each? https://stackoverflow.com/questions/26271757/imagemagick-cropping-large-image-into-xyz-tiles — Caius Jard, Dec 22 '21 at 21:14
_Im looking for the result o look like this:_ This is a really inclear 'example'. Please show a proper sketch.. (Also: Watch out for thwe integer division error!) — TaW, Dec 22 '21 at 21:21
@CaiusJard Added an image for example. Each square should be an image. — Viktor Draganov, Dec 22 '21 at 21:28
@TaW Added images for example. Each square should be an image. — Viktor Draganov, Dec 22 '21 at 21:29
Still voting for that already-invented imagemagick wheel - https://legacy.imagemagick.org/Usage/crop/ — Caius Jard, Dec 22 '21 at 22:01
Well for a 2D grid a double loop is called for. @ajus, yes but sometimes we want a tool to integrate with our other stuff. — TaW, Dec 22 '21 at 22:30
@TaW Do you have any idea how I can calculate the width and height in the nested loop? — Viktor Draganov, Dec 22 '21 at 22:37
You did it right for the height already. You need two numbers. — TaW, Dec 22 '21 at 23:13

score 3 · Accepted Answer · answered Dec 23 '21 at 01:50

An image is a bidimentional object. You Don't say if your 12 pieces are 2 rows and 6 columns or 3 rows and 4 columns (or ...). So first of all, you should have 2 parameters; in your "like this" pattern, it seems you can set:

int splitX = 4;
int splitY = 3;

And, yes, it's much simpler and natural to have two nested loops than only one loop.

This is a possible solution:

  var image = pictureBox1.Image;
  var splitX = 4;
  var splitY = 3;

  using (var originalImage = new Bitmap(image))
  {
        var incX = originalImage.Width / splitX;
        var incY = originalImage.Height / splitY;
        var startX = 0;
        for (int i = 0; i < splitX; i++)
        {
            var startY = 0;
            for (int j = 0; j < splitY; j++)
            {
                var rect = new Rectangle(startX, startY, incX, incY);
                using (var clonedImage = originalImage.Clone(rect, originalImage.PixelFormat))
                    clonedImage.Save(directory + $"\\PageImage{i + 1}{j + 1}.jpg");
                startY += incY;
            }
            startX += incX;
        }
    }

How to cut image into equal parts left to right?

1 Answers1