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.
Open the page with your feed in Chrome. Right-click the image whose size you want to know and select Inspect. View your image's width and height displayed in the Chrome DevTools. (Note, the first number is always the width).
If you're a beginner you can use file size to help understand the suitability of an image for its purpose. As a rough guide a 20KB image is a low quality image, a 2MB image is a high quality one.
Image size: This represents the physical size and resolution of an image measured in pixels. For example, A 10 megapixel (MP) camera may provide settings to take pictures in 10.2 MP (3872 x 2592), 5.6 MP (2896 x 1944), and 2.5 MP (1936 x 1296). A higher image size setting means a larger picture and bigger file size.
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).
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With