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

• Browser: Chrome Latest (Desktop)
• Hardware: Windows Standard PC with default Intel Graphics card
• Ram: 8GB
• Processor: i7 @ 3.40 GHz

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.

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

• Browser: Chrome Latest (Desktop)
• Hardware: Windows Standard PC with default Intel Graphics card
• Ram: 8GB
• Processor: i7 @ 3.40 GHz

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.

• javascript
• html
• css
• image
• google-chrome

• 1 Not an answer but maybe a starting point for someone with time to dig: cs.chromium.org/chromium/src/ui/gfx/geometry/… mentions checking if an image area will overflow. That would not happen for some image sizes that still aren't working but possibly there is some other factor involved as well that I did not find. – Daniel Commented Aug 1, 2019 at 23:16
• @Daniel its related to Phaelax's answer i raised a bug here – dota2pro Commented Aug 1, 2019 at 23:57

2 Answers 2

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).

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)