목록WebP (1)

無제

이미지 포맷

💡 HTML 에서 이미지를 표시할 때는 용도에 따라 포맷을 선택하는 것이 핵심! 📋 이미지 포맷 비교 📋포맷특징장점단점주요 용도JPG (JPEG)손실 압축 방식사진처럼 색상이 다양한 이미지에 최적화, 용량이 작음투명 배경 불가능, 압축 반복 시 화질 저하실사 사진, 배경 이미지PNG무손실 압축 방식투명 배경(Alpha) 지원, 문자나 로고가 선명함사진의 경우 JPG보다 용량이 훨씬 큼로고, 아이콘, 투명도가 필요한 이미지GIF256색 제한짧은 애니메이션(움짤) 가능, 투명 배경 지원색상 표현 한계로 화질이 낮고 용량이 비효율적간단한 배너 애니메이션, 유머 짤SVG벡터(Vector) 방식아무리 확대해도 깨지지 않음, 코드로 제어 가능복잡한 사진 표현 불가, 파일이 커지면 연산 부담로고, 아이콘, 인..
<div> 2026. 3. 10. 21:04
이전 Prev 1 Next 다음