11-12-2010, 01:18 PM
Please see my site here:
Page takes way too long to load, what are my options here, only way is to make the actual file size smaller? If so then then will make the pics smaller on the page too right? Any other fix?
11-12-2010, 02:26 PM
You shouldn't use the attributes of <img> tag to resize a piture like this. Why do you need to load a 3,872px × 2,592px (1.3MB) large image to the page, when you show a 390px × 246px size? Make use of an image editing program to reduce the dimensions of the images to the required size.
11-12-2010, 03:08 PM
I think one of my problems is understand file size vs pixel size. Since the pic area on the page which is what is needed is showing a pixel size of 400x250, to what size should I reduce the actual pic size on my hdd? The same?
11-12-2010, 03:28 PM
Yes. Keep the original large version of the picture of course, but the one on the web site ought to be the same size as needed for display. Regarding the physical size of the file in bytes (not pixels), that's only loosely related to the number of pixels, and can be manipulated by changing the "quality" of the jpeg while saving it out. Lower quality = smaller file size.
11-12-2010, 08:03 PM
Finally got it done! Adjusted the size of all images even the slideshow images. Check the site please?
11-18-2010, 01:04 PM
even though I edited the image sizes, I left the width and height attributes as they are, how will I know exactly what attributes to add or should I delete those width and height attributes?
11-18-2010, 01:51 PM
how will I know exactly what attributes to add or should I delete those width and height attributes? You need to specify the width and height attributes, but that shouldn't be for resizing the image. Give the values same as that of the actual dimensions of image.
See http://www.highdots.com/forums/cascading-style-sheets/img-tag-width-height-attributes-2619.html to know why do we need them.