The image may be being repurposed to a different width via some server side script for tablet and smartphone but its a flawed solution in terms of optimising the area of the image that would look better in narrower devices but the best available if you are not prepared to manually resize and crop.

That could be what is happening in the case of your online Travel agency example of 2880px. Some developers get lazy and I can't say I blame then, they produce 1 large image say 2000px in width and resize it down to say 1000px for tablet and 500px for smartphone but of course doing this results in the depth of the image also decreasing in proportion to the width, which is probably not going to look good on mobile devices in my opinion. Personally I think each set needs to be individually resized and cropped to achieve the best outcome. I think the general opinion these days for 'hero' images is to produce 3 sets of images, 1 set each for desktop, tablet and smartphone. I am using dreamweaver with Bootstrap CC2017.0.1. So, which are you comments about this? Thanks a lot for your patience. ALSO, if I use images of 300 x 200 px at 100% size of the screen, it could be seen PIXELATED on most of the monitor.Are you agree?Īs a curious anecdote, Online Travel Agencies (like Booking, Expedia.) request to the hotel managers to upload photos with a MINIMUM of 2880 px width! Minimum.

So, I believe, is just my opinion, that I can not pretend a slideshow of 6000 x 2000 px (maybe for the year 2030), but I should not go either for just 800 x 480 px. Of course I am thinking on mobile devices to. And all this because means better quality. You think 1920 x 800 px width is OK? like average in our days? And about the weight of a photo, I think I can risk uploading pictures of 248 KB ~ 350 KB. I don't have a research study saying: 'Only 10% of people with computer has a monitor of 800圆00 px.' If I go for a width of 2048px, maybe few people will really appreciate it. So, what do you think could be an ideal image size for the photos on a bootstrap carousel or slideshow animation made with Animate CC, considering the improvements of them monitors. Before, also the web sites had to be 800 px width to fit almost all the monitors in the world.īut, at this time, April 2017, many things have improved, right? Better bandwidth, mobile devices with high resolution screens, higher resolution monitors, and so on. Before also the standard for images was 100KB-150KB the weight for the photos. I read on the web that the images for the web, in the bootstrap carousel (or any slideshow) should be no longer than 960 px width.

Optimal web image resolution