Hi am new to the concept of web technology and i have two questions.
Q.1) Suppose i have a image of size 400KB and i want to load it on my webpage. I want to know which among the following step is faster
a) Load the entire 400KB image at once.
b) Have 4 tiles of the above image( 100 KB each) and load them one by one.
Q.2) If there are 4 images to be loaded on a webpage, is it good to request for each image at an interval of time or to request for them at once.
Please bear with me if the questions are silly.
Having several images bundled into one is called "sprites" - see here, and is normally reserved for smaller, icon-like images and is rarely used for large background and content images.
There is also a process of creation of images, GIF and PNG ones, that allows you to control perceived or real performance - interlaced and progressive images:here and here.