[HTML] 이미지

이미지에 대해 알아보자

---

비트맵과 벡터

---

Bitmap

비트맵(Bitmap)은 픽셀로 만들어진 이미지입니다. jpg, png, gif, webp가 대표적인 Bitmap이미지입니다. 

Vector

벡터(Vector)는 점, 선, 좌표를 수학적으로 계산하여 만들어낸 이미지입니다. 대표적으로 svg가 해당됩니다. Vector는 픽셀로 만들어진 이미지가 아니기 때문에 확대를 하여도 이미지가 깨지지 않습니다.

---

이미지의 종류

---

JPG

• 손실 압축방식에 따른 이미지 손상
• 손실 압축이기 때문에 용량을 줄임
• 가장 널리 사용

PNG

• 비손실 압축
• 이미지 투명도가 가능

GIF

• 비손실 압축
• 짧은 동영상 이미지
• 대부분의 움짤

WEBP

• 구글에서 만든 이미지
• 애니메이션 가능
• 손실/비손실/투명 모두 가능

SVG

• css를 이용하여 애니메이션 / 꾸미기가 가능
• Event Handlering 가능
• 애니메이션을 만드는 것에 많이 사용

---

❗ 저작권

https://icons8.com/icon/TZ69zUw6d3Lu/right

https://icons8.com/icon/NXAECrAk3Vkg/code

https://icons8.com/icon/48250/암호"