Home/ Questions/Q 8270999
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T06:44:08+00:00

I am trying different methods to turn an image into divs that represent each

  • 0

I am trying different methods to turn an image into divs that represent each pixel.

One method has been using php imagecolorat to create divs with a background-color which works well.

However what if I had thousands of divs width:1px;height:1px; each with the same css background-image with incremented background position?

What performance hit would this have? Ie: does the browser draw the entire image many times or only the section that is visible as the background? Note the original image is several hundred kb.

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Only the section of the image should be drawn, however the drawing operation will be called as many times as the amount of pixels, so that will be a performance hit. Did you try writing any test code and measuring how it works?

    • 0