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

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -