let tgrb = [0, 0, 0];

let n;

let grb = [];

let w = 400;

let h = 400;

let px = 5;

let py = 5

function preload() {

  her = loadImage("Her.jpg");

}

function setup() {

  createCanvas(w, h);

  image(her, 0, 0, w, h);

  loadPixels();

  resizeCanvas(2*w, h);

  n = pixels.length / 4;

  for (let j = 0; j < py; j++) {

    for (let i = 0; i < px; i++) {

      let tgrb = [0, 0, 0];

      for (let k = 0; k < w/px; k++) {

        for(let m=0;m<h/py;m++){

          for(let l=0;l<3;l++){

            tgrb[l] += pixels[4 * ((i*w/px+k) + h/py*w*j)+l]

          }

      }

      }

      grb.push([

        (tgrb[0] / n) * px * py,

        (tgrb[1] / n) * px * py,

        (tgrb[2] / n) * px * py,

      ]);

    }

  }

​

  //print(grb)

  noStroke()

  for (let i = 0; i < grb.length; i++) {

    fill(color(grb[i][0], grb[i][1], grb[i][2]));

    rect(

      ((i % px) * w) / px,

      (floor(i / px) * h) / py,

      (((i % px) + 1) * w) / px,

      ((floor(i % px) + 1) * h) / py

    );

  }

  image(her, w, 0, w, h);

}

​

function draw() {}

​