Good web design practice is to resize images prior to inclusion in the page and NOT tweek the CSS file or inline style to make them fit the desired layout.
This is a small gripe as the images are hopefully being cached at the users browser but it still hinders the page loading speed while it resizes the image(s) on the fly.
Good web design practice is to resize images prior to inclusion in the page and
NOT tweek the CSS file or inline style to make them fit the desired layout.
This is a small gripe as the images are hopefully being cached at the users browser but it still hinders the page loading speed while it resizes the image(s) on the fly.
Here's an example
http://files.chesscomfiles.com/images_trophies/397-548.png
128px × 128px (scaled to 40px × 40px on the page) == 5.77 kB (5,905 bytes)
as a resized gif == 1.56kB OR resized png == 2.12kB