要使用响应式图片技术优化网页在手机上的加载速度，可以参考以下几点：

1. 图片格式选择：选择合适的图片格式可以有效减小文件大小。对于照片或者颜色丰富的图片，可以选择JPEG格式。对于图像较少颜色变化或透明背景的图片，可以选择PNG格式。对于动画效果的图片，可以选择GIF格式。同时，可以探索使用新的图片格式，例如WebP，它通常具有更小的文件大小，但保持较高的图像质量。

2. 资源压缩：使用图片压缩工具可以进一步减小文件大小，同时保持图像质量。压缩工具可以通过减少图片分辨率、去除元数据、减少颜色深度等方式进行优化。

3. 响应式图片：通过使用`srcset`和`sizes`属性，可以为不同的屏幕大小提供不同的图片尺寸和分辨率。例如，可以为大屏幕设备提供更高分辨率的图像，为小屏幕设备提供更低分辨率的图像，以减小文件大小并提高加载速度。

4. 懒加载：将图片的加载延迟到用户滚动页面时才进行，可以避免一次性加载大量图片，提高页面加载速度。可以使用Javascript库，如LazyLoad.js来实现懒加载功能。

5. 缓存：使用浏览器缓存可以减少页面的重复加载。通过设置正确的缓存头信息，使得用户在浏览网页时能够从本地缓存中加载图片，而不是重新下载。

通过上述几点的优化，可以显著提高网页在手机上的加载速度，提升用户体验。