CODEDRAGON ㆍDevelopment/Web, WWW
이미지(image)
2차원 평면 위에 그려진 시각적 요소를 의미합니다.
이미지형식에는 다양한 형태(포멧 방식)가 있습니다.
이미지 파일 형식
색상 영역에 따라 이미지 포맷 방식의 차이가 있습니다.
파일 형식 |
설명 |
GIF |
· Graphic Interchange Format의 약어 · 색상 수를 줄여 이미지의 용량을 줄인 이미지 형식입니다.(JPG나 PNG 형식에 비해 파일크기가 작음) · 최대 256컬러만 지원 · 주로 홈페이지용 버튼, 아이콘, 불릿등 작고 단순한 이미지에 사용됩니다. · 움직이는 애니메이션 이미지(Animated GIF) · 투명배경이 있는 이미지(Transparent GIF) · 인터레이스 이미지(Interaced GIF): 처음에는 희미했던 이미지 외형이 이어지는 7개의 비트스트림에 의해 교체되면서, 이미지가 완전한 해상도로 차츰 채워지는 이미지 |
JPG JPEG |
· 1980년, Joint Photographic Experts Group(JPEG)에서 개발 · 사진을 웹페이지에 넣기 위해 개발된 이미지 형식입니다. · 압축으로 인한 이미지 손실이 적어서 이미지 저장에 가장 많이 사용되어집니다. · 16만 컬러를 지원하므로 인물사진, 배경사진과 같이 고해상도 그림에 주로 사용합니다. · GIF에 비해 다양한 색상과 명함표현이 가능합니다. · RGB 이미지에서의 모든 컬러 정보를 유지합니다. |
PNG |
· Portable Network Graphics의 약자 · 인터레이스 기능을 지원 · JPEG와 같이 압축률을 높이기 위해 등장한 포멧입니다.(GIF 보다 10~30% 정도의 뛰어난 압축률을 제공) · 기본적으로 트루컬러를 지원하고 비손실 압축을 사용하여 이미지 변형 없이 원래 이미지를 웹상에 그대로 표현합니다. · 현재 가장 많이 사용하고 있는 웹 이미지 포맷형식입니다. |
BMP |
· 마이크로소프트가 윈도우 사용자들을 위해 개발한 고유의 그래픽 파일 형식 · 윈도우를 시작하거나 종료될 때 보여지는 이미지, 바탕화면을 꾸며주는 배경 그림 등에 사용 · 그림 데이터를 비효율적으로 저장함으로써 필요 이상으로 파일 크기가 커지는 단점이 있습니다. |
'Development > Web, WWW' 카테고리의 다른 글
여백, border 속성 (0) | 2017.11.01 |
---|---|
이미지와 텍스트 정렬 (0) | 2017.11.01 |
절대경로 vs 상대경로 (0) | 2017.11.01 |
이미지맵(image map), <area>태그 (0) | 2017.11.01 |
HTML 배경(Background), 배경을 지정할 수 있는 태그, 배경을 지정하기 위한 속성 (0) | 2017.11.01 |