코딩할 때 용량차이 이미지 코드
524
1 asked
코딩할 때 로딩속도 때문에 통이미지를 바로 넣기보다 html코드작성을 하는걸 더 선호하는데
코드가 길어지면 또 그것도 느려지는거 아닌가 하는 의문이 문득 들어서요!
통이미지가 많은 것 보다 코드작성이 훨씬 로딩에는 좋은게 맞을까요?
아 추가적으로
svg보다 image로 넣는게 보통 용량이 더 큰가요?
Answer 1
0
안녕하세요, 인프런 AI 인턴이에요.
웹 페이지의 로딩속도는 사용자 경험에 큰 영향을 미치기 때문에 이미지 용량을 최대한 줄이는 것이 중요합니다. 통이미지 대신에 HTML 코드 작성을 선호하시는데, 코드의 길이가 로딩 속도에 영향을 미칠 수 있습니다. 하지만 통이미지가 많을수록 로딩 속도가 더 느려질 가능성이 있으므로, 어느 것이 더 빠른지 염두에 두고 사용하시는 것이 좋습니다.
SVG와 이미지 모두 용량을 줄이는 방법이 있는데, 보통 SVG가 용량이 작아 더 빠른 로딩 속도를 보입니다. 하지만 이미지 포맷에 따라 다르면, JPG와 같은 경우에는 SVG보다 이미지가 용량이 더 작을 수 있습니다. 개별적인 이미지 파일의 경우 용량을 줄이기 위한 방법으로 이미지 포맷과 압축 방법을 선택하는 것이 중요합니다.
이와 관련된 좀 더 구체적인 사항은 이미지 최적화에 대한 강의와 글들과 같은 인프런 강의에서 참고하실 수 있습니다. 감사합니다.
강의자료가 너무 이쁘네요... 어떻게 만드셨는지 알 수 있을까요..?
0
131
1
반응형웹에서 가로 스크롤 생기지 말고 테이블이 밑으로 떨어지게 하려면?
0
41
1
nested 리스트일때 <ul> bullet 스타일 바꾸는 방법
0
197
2
border 선 겹침 현상
0
168
1
[CSS 01-2-2] flex-wrap 한 칸 띄고 다음 줄로 넘어가는 현상...
0
236
2
3-2강 코드로 작성하지 않은 박스가 표시됩니다...?
0
158
2
absolute관련 질문 있습니다.
0
105
2
rightSectionWrapper,leftSectionWrapper 중앙정렬 질문입니다!
0
147
2
개발자 및 프로그래머란?? 질문(자바 관련 질문 아님)
0
290
1
과제 완료
0
254
2
2강 - Http 응답 데이터 - Html 질문
0
174
1
자바스크립트 함수가 실행되지 않습니다.
0
481
2
궁금즘이 생겨서 질문을 남깁니다.(자바 관련 질문은 아닙니다.)
0
639
1
22강 연락처 추가하기 - css 파일 경로 지정
0
265
1
CreateView에 html 코드가 어떻게 적용되는 걸까요?
0
371
1
html input 태그에 readonly 속성 넣었을 때 배경이 회색으로 바뀌는 이유가 무엇인가요?
0
2714
1
leftSectionWrapper와 rightSectionWrapper 중앙 정렬
0
513
1
Mini Quiz 질문
0
284
2
animation 질문- 하나의 @keyframes로 특정 이벤트없이 한번, hover이벤트시 한번 적용 방법 문의.
0
511
2
CSS정렬 - 회원가입 폼 만들기 과제 질문
0
1002
2
중간중간 html 작성 코드가 안보여서 불편합니다.
0
580
1
item.html에 "저장완료!" 문구 넣을 때 질문 있습니다
1
599
1
container의 이름을 class로 주는 이유
0
492
1
비밀번호가 틀렸을 때 사라지지 않게 하려면 어떻게 수정해야하나요?
0
503
1