멀티미디어 태그

멀티미디어 콘텐츠를 담아봅시다.

1. img

이미지를 담는 태그. 정말 많이 사용되겠죠?

<img src="이미지경로" alt="이미지에 대한 설명">

이미지를 불러온 후, 크롬 개발자도구 network창을 열어보면 이미지가 따로 로드되는 것을 볼 수 있습니다.

이미지는 html파일 안에 포함되지 않고 링크로 연결되어 따로 불러와지는 것이며,

이렇게 하는 이유는 전체 로드시간을 줄이기 위함입니다.

이미지의 종류는

gif - 간단한 애니메이션을 만들때 좋으나 색이 다양하진 않다. 투명처리도 png보다는 퀄리티가 떨어진다.

png - 투명처리에 탁월해서 로고나 아이콘에 좋음. 그러나 사진을 처리하기엔 용량이 크다.

jpg - 사진 처리에 최적화되어 있음. 색도 다양하고 압축률도 좋음.

svg - 위의 세개는 비트맵 형식이나 svg는 벡터 형식이므로 크기조정에도 이미지 깨짐이 없음.