css - Loading images in HTML -
css - Loading images in HTML -
we doing html project. in project, using many images. please verify below scenarios,
scenario 1:
uploading single image (a.jpg)
in main page setting width , loading image (a.jpg) in 950x450 sizes.
in description page setting width , loading image (a.jpg) in 400x200 sizes.
in footer setting width , loading image (a.jpg) in 50x50 sizes.
scenario 2:
uploading re-create of single images different size (a_size1.jpg, a_size2.jpg)
in main page loading a_size1.jpg.
in description page loading a_size2.jpg.
which scenario need follow? , why?
scenario 1: there performance issue? scenario 2: fast, more memory space.
scenario 1: there performance issue?
yes. because in description , footer pages, image total size loaded. bandwidth wasted , loading slower
scenario 2: fast, more memory space.
yes, it's faster while loading image. cost not memory space, it's hard disk space. load images memory when image requested. , in fact loading images smaller size cost less runtime memory. way, need upload 1 single image, then, in server side, can utilize image processing library(like thumbnailator in java) automatically generate images smaller size.
html css
Comments
Post a Comment