<img src="https://cdn.inflearn.com/public/files/posts/a4261bb4-fd32-40c1-81b2-041581f194b5/image.png">pc에서 띄우는 이미지와모바일에서 띄우는 이미지를 다르게 바꾸려면 어떻게 하면 좋을까요? <pre><code class="language-html"> &lt;section class="welcome" id="feature1"&gt;
 &lt;img src="images/bg-welcome.jpg"&gt;
 &lt;/section&gt;</code></pre>여기서 쓰는 이미지를 바꾸고 싶어요

미디어쿼리를 속성으로 사용할 수 있는 picture 태그 사용하시면 어렵지 않게 이미지 변경할 수 있습니다.picture 태그 사용법은 구글링 하시면 찾기 쉽습니다.구글에서 html picture 라고 검색하시면 됩ㄴ디ㅏ.&lt;picture&gt; &nbsp; &nbsp;&lt;source media="(min-width: 700px)" srcset="/examples/images/people_960.jpg"&gt; &nbsp; &nbsp;&lt;source media="(min-width: 400px)" srcset="/examples/images/people_575.jpg"&gt; &nbsp; &nbsp;&lt;img src="/examples/images/people_200.jpg" alt="People"&gt;&lt;/picture&gt;

인프런 커뮤니티 질문&답변

반응형에서 이미지를 다른 이미지로 바꾸고 싶으면 어떻게 하나요?