When using a single image more than once and in different sizes, should I upload an image for each size that is required? or can I just upload a single size?.. then use width="xxx" height="xxx" to create the other sizes. The latter option seems to be working fine, is this good practice?
Either will work - but if you want an optimal site you should use multiple images (one per size required). "scaling" an image in the browser means the largest size image has to be downloaded to the client browser first (wasteful) and then rescaled at the client end by the browser ( processing wasteful). So, your site might not appear as "speedy" as it could be.
As ever, common sense should also be applied if the difference in file size between the "large" and "small" image is minimal, and you don't have too many of them. then it's unlikely that you'll see any significant advantage in site speed....
Regards, Mark.
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
One final point - use photoshop "save for web" to optimise your images - you don't need more than 72dpi on web images (as opposed to 300dpi for print). Use Jpg for photos, png for graphics.
Regards, Mark.
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.