HTML의 구성요소
HTML 문서의 작성
HTML의 기본구성
BODY 태그
주석(Comment)
줄바꾸기
P(paragraph)
BR(Line Break)
표제(Heading)
텍스트 관련 태그
FONT 태그
특수문자
링크(Link)
내부링크
이미지(image)
이미지 경로
이미지 포맷
이미지 정렬
색(color)
HTML 색상표(1)
HTML 색상표(2)
배경(background)
테이블(table)
열과 행의 확장
여백과 경계선
너비와 높이
정렬
프레임(frame)
frameset
frame
frame target
noframes
리스트(List)
type
이미지 포맷 - 홈페이지에서 사용하는 이미지의 종류

홈페이지에서 사용하는 이미지는 대표적으로 jpg, gif, png 파일이 있습니다.

1. GIF

GIF 파일은 색상 수를 줄여 이미지의 용량을 줄이는 방법을 쓰는 형식입니다. 저장할 때 이미지 전체에서 평균적으로 많이 쓰이는 256가지 색을 추출하여 컬러 인덱스를 만들고 그 컬러 인덱스의 256가지 색으로 전체 이미지를 표현합니다.

색상을 표현하는 수가 적다는 단점이 있지만 적은 수의 색상으로 구성되는 경우 이미지의 용량이 아주 적어지므로 홈페이지의 아이콘이나 버튼 등에 많이 사용되는 포맷입니다.

기타 움직이는 gif 애니메이션 파일과 투명배경이 필요한 이미지를 만들때 사용합니다.

2. JPG

압축으로 인한 이미지 손실에 적어서 이미지 저장에 가장 많이 사용되는 형식입니다.

GIF 포맷과는 달리  JPEG는 RGB 이미지에서의 모든 컬러 정보를 유지하고 있습니다. 그러므로 이미지를 구성하고 있는 색상의 수가 많을경우 jpg 파일로 저장하는것이 좋습니다.

3. PNG

Portable Network Graphics의 약자로 인터레이스 기능을 지원하며 JPEG와 같이 압축률을 높이기 위해 등장한 포맷입니다.

GIF처럼 색상수를 줄여 압축하는 형식의 이미지 포맷이며 GIF 보다 10~30% 정도의 뛰어난 압축률을 제공합니다. 기본적으로 트루컬러를 지원하고 비손실 압축을 사용하여 이미지 변형 없이 원래이미지를 웹상에 그대로 표현할 수 있습니다.

GIF와 JPEG에 이어 새롭게 떠오르고 있는 웹 이미지 포맷이라 할 수 있겠습니다.

Copyright © Homejjang.com All rights reserved.