How to set optimum images source file for responsive design?
As responsive image expands/shrinks to device resolution/position, I like to know how to set optimum source file to work images on all possibilities.
CSS will define responsive as usually
display: block;
margin: 0 auto;
and center
display: block;
margin: 0 auto;
Image is source file like: 550x406px
Issue is how to know optimum source file as larger resolution demand larger source file or it will be added border / empty space.
Example: if you have just small thumbnails size it will not fit into larger resolutions.
Example: if you use large images it will be download issue like banner sizes
How to know optimum size for responsive websites?
