When we try to compress the images on our site to increase speed the whole sites design changes. what should be done to keep same design but to compress the images.
Could you be more specific about how the design changes? If the image compression is done correctly it should have zero impact on the design. The images maintain the same dimensions and decompress to the same (roughly) image as before, they are just smaller to transfer.