<img/>태그 이미지 원본 크기+next.js
·
Next.js
Notion Api notion API를 사용하던 중 이미지를 가지고 올 때 크기 값을 보내주지 않는 것을 알고 이미지 크기를 유동적으로 가져오고 싶어서 원본 이미지 크기 값을 가져오는 방법에 대해 알아보았다.개발자 도구에서 img 태그에 있는 srcset에 있는 이미지 주소에 마우스를 올리면 아래와 같은 이미지가 나온다 rendered size : 렌더링 되는 이미지 크기intrinsic (본질적인) size : 불러오는 이미지의 원본 크기여기서 naturalWidth, naturalHeight 활용하면 이미지의 원본 크기를 알아 낼 수 있다.   기본 html 태그 폭은 100, 높이는 200 인 A.jpg 라는 이미지가 있을 경우 width, height 값이 있으면 해당 크기로 naturalWi..
minsun309
'IMG' 태그의 글 목록