강의 필기
🌸 JPG(JPEG)
손실 압축 -> 용량은 적으나, 저장할수록 품질이 저하
표현 색상이 뛰어나 고해상도 표시장치에 적합 (24비트)
이미지 품질, 용량 조절이 쉬움
🌸 PNG
비손실 압축 -> 용량 축소 적음
8비트 / 24비트 동시 지원
Alpha Channel(투명도) 지원 ★
W3C 권장 포맷 ★
Gif의 대체 포맷으로 개발되었다
🌸 GIF
이미지 파일 내에 이미지 및 문자열 같은 정보들을 저장 가능
여러장의 이미지를 한 개의 파일에 담을 수 있음(움짤)
비손실 압축
8비트 컬러만을 지원
🌸 WEBP
JPG, PNG, GIF를 모두 대체할 수 있는 구글이 개발한 이미지 포맷
완벽한 손실/비손실 압축 지원
GIF 같은 애니메이션 지원
투명도 지원
브라우저 지원 부족
🌸 SVG
마크업 기반의 벡터 그래픽을 표현하는 포맷
해상도로부터 자유로움
CSS 스타일링
자바스크립트 이벤트 핸들링
728x90
'# FE > HTML5, CSS3' 카테고리의 다른 글
웹 표준 검사하기 (0) | 2021.01.13 |
---|---|
CSS 초기화 (Eric Meyer CSS Reset 2.0) (0) | 2021.01.13 |
오픈소스 라이센스 (0) | 2021.01.13 |
비트맵과 벡터 이미지 (2) | 2021.01.11 |
웹 표준, 크로스 브라우징 (0) | 2021.01.11 |
언더바(_)와 하이픈(-) (0) | 2020.09.24 |
가변길이 테이블과 고정 길이의 header로 height 100% 맞추기 (0) | 2020.07.13 |