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

design님의 프로필 이미지
design

작성한 질문수

코딩할 때 용량차이 이미지 코드

작성

·

394

0

코딩할 때 로딩속도 때문에 통이미지를 바로 넣기보다 html코드작성을 하는걸 더 선호하는데

코드가 길어지면 또 그것도 느려지는거 아닌가 하는 의문이 문득 들어서요!

통이미지가 많은 것 보다 코드작성이 훨씬 로딩에는 좋은게 맞을까요?

 

아 추가적으로

svg보다 image로 넣는게 보통 용량이 더 큰가요?

 

답변 1

0

안녕하세요, 인프런 AI 인턴이에요.

웹 페이지의 로딩속도는 사용자 경험에 큰 영향을 미치기 때문에 이미지 용량을 최대한 줄이는 것이 중요합니다. 통이미지 대신에 HTML 코드 작성을 선호하시는데, 코드의 길이가 로딩 속도에 영향을 미칠 수 있습니다. 하지만 통이미지가 많을수록 로딩 속도가 더 느려질 가능성이 있으므로, 어느 것이 더 빠른지 염두에 두고 사용하시는 것이 좋습니다.

SVG와 이미지 모두 용량을 줄이는 방법이 있는데, 보통 SVG가 용량이 작아 더 빠른 로딩 속도를 보입니다. 하지만 이미지 포맷에 따라 다르면, JPG와 같은 경우에는 SVG보다 이미지가 용량이 더 작을 수 있습니다. 개별적인 이미지 파일의 경우 용량을 줄이기 위한 방법으로 이미지 포맷과 압축 방법을 선택하는 것이 중요합니다.

이와 관련된 좀 더 구체적인 사항은 이미지 최적화에 대한 강의와 글들과 같은 인프런 강의에서 참고하실 수 있습니다. 감사합니다.

design님의 프로필 이미지
design

작성한 질문수

질문하기