CODEWITHSUNDEEP
javascripthtmlcssimagegoogle-chrome
dota2pro
dota2pro

Reputation: 7856

What is the Maximum image dimensions supported in desktop Chrome?

This can be very broad, but let me just narrow it down. Assume that

What is the maximum Width x Height I can support ?

If I try to put a 27150 x 20950 image into an <img> tag Chrome crashes.

So I want to know what the maximum width, height of an Image I can support.

Note: I have gone thru this post but its 8 years old

Edit 1: I am able to load a 160 Mb 4000 x 4000 px file so file size isnt a problem the 27150 x 20950 image is just 7 Mb. Compression isn't an option for me.

Upvotes: 19

Views: 6324

Answers (2)

Barkles
Barkles

Reputation: 813

After some testing on my personal machine (Chrome v91.0) using ImageMagik to resize an image a bunch of times, I collected the following results - all dimensions are wxh:

  • 65000 (ImageMajik maximum supported image dimension) x 8192 (19.5MB) - displayed
  • 65000 x 9000 (20.9MB) - not displayed
  • 8192 x 65000 (31.9MB) - displayed
  • 8292 x 65000 (32.7MB) - not displayed
  • 8292 x 8292 (7.1MB) - displayed
  • 16384 x 16384 (14.5MB) - displayed
  • 23150 x 23150 (23.1MB) - displayed
  • 23165 x 23165 (23.7.5MB) - aspect ratio displayed, but image loaded white
  • 23170 x 23170 (sqrt(2^29)) (23.8.5MB) - not displayed

So it seems the total size of the image must be less than 2^29 (539MP)

Upvotes: 6

Phaelax z
Phaelax z

Reputation: 1999

According to one site I came across, maximum image size in Chrome 4 to 26 and Opera 8 was 8192x8192. Granted that's rather outdated as I'm currently running Chrome 75.

IE 5.5 to 10, FF 19, Opera 9-12 supported (Chrome wasn't specified) will support 16384x16384, which I was able to view a PNG of that size. I attempted 32768x32768 and larger, but it wouldn't display. Browser didn't crash, but all I got was a little white box outline in the center of the page.

I can attempt the larger images from home later to see what happens, as I have substantially more ram on my desktop (if that's a consideration).

Upvotes: 7

Related Questions