要实现响应式图片灰度效果，可以使用CSS中的灰度滤镜（grayscale filter）和媒体查询（media query）来实现。以下是一个可能的解决方案：
HTML代码：
<img class="gray-img" src="image.jpg" alt="Responsive Gray Image">CSS代码：
/* 初始样式：彩色图片 */
.gray-img {
width: 100%;
}
/* 响应式样式：屏幕宽度小于600px时，灰度滤镜生效 */
@media screen and (max-width: 600px) {
.gray-img {
filter: grayscale(100%);
}
}在上面的代码中，我们首先为图片指定了一个初始样式，宽度为100%。然后使用媒体查询来判断屏幕宽度是否小于600px，如果是，则为图片添加灰度滤镜，使其变为灰度效果。
需要注意的是，灰度滤镜在部分浏览器可能存在兼容性问题，需要进行兼容性测试和处理。