Responsive images use a combination of HTML and CSS techniques to adapt to different screen sizes. The <img> tag in HTML can be combined with the srcset attribute to provide multiple image sources for different screen resolutions. CSS media queries can also be used to specify different styles for various screen sizes, ensuring that images scale properly.