img 요소에 width, height 속성을 넣어줘야 하는가요?
조으다
그냥 궁금증이 생겨서간단한 질문드립니다.
img 요소에 width= height= 속성을 넣어줘야 렌더링 속도가 빨라지는 걸로 알고 있습니다.
그렇다면 구조와 표현을 분리하기 위하여..
img 요소에 width= height= 속성을 적지 않고
css 에 width: ; height: ; 속성을 넣어둔다면?
1. 과연 속도는 어떨까요?
2. img 의width= height= 속성은 구조(마크업으로 처리)일까요, 표현(CSS로 처리)일까요?
-
다옴 2024-03-05
코딩할 때 div등으로 영역 w/h를 미리 잡아놓으면 트랜스포머 변신은 많지 않지요.
-
한결 2024-03-05
div 영역 w/h 미리 잡아놓으면 텍스트 크기 확대 축소할 경우, PDA 와 같은 미니화면에서 볼 경우 등에서 또다른 문제가 발생할 수 있겠죠.
-
율하 2024-03-05
저도 width와 height를 기입하는 편입니다.
html 파일용량 증가와 유지보수 측면에서의 단점이 있습니다만 렌더링 속도가 빠른것으로 알고 있습니다. :)
물론 500by500 이미지를 width=\100\ height=\100\ 등으로는 사용하면 절대 안되겠죠^^ -
연분홍 2024-03-05
어려운 질문인듯....전 웹사이트 로딩 속도 향상을 위해 될수있는한 반드시 크기를 지정합니다만...
-
내꼬야 2024-03-05
저는....에디터플러스가 지정해줘서...__)a;;;;
-
야미 2024-03-05
가능한 고정적인 사이즈는 기입을 하는게 좋습니다.
그리고 사이즈가 큰이미지도 가능한 기입하는게 좋습니다.
간혹 인터넷이 느린곳에서 보면 이미지가 커졌다 작아졌다 하는 현상을 보실수있습니다.
그걸 미연에 방지 할수있습니다.
css로 빼는것도 좋지만 일일히 사이즈별로 class를 줘야한다는 점에서 차라리 inline으로 박는다에 한표를 드리겠습니다. -
샤르 2024-03-05
저는 쇼핑몰아니면 지정하지 않습니다. 유지보수 편의를 위해서
-
겨루 2024-03-05
저는 이미지 크기를 특정한 이유가 아닌이상... 지정하지않습니다...
-
칸나 2024-03-05
어려운 질문인듯....전 유지보수의 편의성을 위해 길이 혹은 높이지정을 하지 않습니다만...
-
미국녀 2024-03-05
저는 css처리로 알고있는데여..라기보단 암튼 마크업은 될수있는 한 가볍게 쓰라해서;
속도면에서는 두개 다 비슷하지 않을까한다는.