디지털콘텐츠 No.1 (주)아사달 디자인센터
내정보 SI 도메인 호스팅 디자인몰 솔루션몰 홈페이지몰 모바일 디자인센터 게임 고객지원
로그인 회원가입 장바구니 주문내역
트렌드뷰 웹강좌 자료실
배경이미지
베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
  - HTML 소개
  - 텍스트
  - 링크
  - 이미지
  - 테이블
  - 인클루드
  - 프레임
  - 폼(FORM)
  - 이미지 자르기
  - 색상코드표
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
일러스트 배경 만들기
일러스트 아이콘 만들기
일러스트 그래픽 만들기
편집사진 만들기
배경 편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
이미지
Home > 디자인 센터 > 웹강좌 > HTML 사용법 > 이미지
이미지 포맷 이미지 삽입 이미지 정렬 이미지맵 만들기

이미지 포맷은 수십 가지에 이를 정도로 다양하지만 홈페이지에서 사용할 수 있는 이미지 포맷은 몇 가지로 제한되어 있습니다.

1. GIF (Graphic Interchange Format)
원래 미국의 통신업체인 컴퓨서브에서 개발한 그래픽 이미지 형식입니다. 이 포맷은 현재 가장 많이 사용하고 있는 대표적인 포맷이라고 볼 수 있습니다.
GIF 포맷은 8비트의 256컬러를 지원하기 때문에 단일색상이 넓은 이미지, 컬러 수가 적은 이미지, 문자 이미지, 아이콘 등의 이미지에 적합하게 됩니다. 반면 색상 수가 많은 이미지나 여러 층의 톤이 있는 사진 이미지일 경우에는 많은 용량을 차지하게 됩니다. 이때는 JPEG 포맷을 사용하는 것이 바람직합니다.

* 인터레이스 GIF
인터넷 기술이 향상되고 전용선의 속도가 빨라졌다 해도 여전히 큰 용량의 이미지는 홈페이지에 부담을 줍니다. 이미지가 다운되고 있는 동안 사용자들이 지루해 하기 때문입니다. 이런 경우에는 인터레이스 GIF 형식을 이용하면 매우 편리합니다. 이미지가 단계별로 다운받아지기 때문에 사용자들도 지루하지 않고, 일반적인 GIF보다 용량도 작아서 개발자들에게도 매우 유용합니다.

* 투명 GIF
컴퓨터로 만들어진 이미지는 사각형일 수밖에 없습니다. 그렇기 때문에 홈페이지에 불규칙한 이미지를 삽입하기란 매우 어려운 일입니다. 그러나 투명 GIF를 사용하면 바탕색을 투명하게 지정할 수 있기 때문에 홈페이지에서 배경색이 드러나지 않게 됩니다.

[ 투명 이미지 ]

      [ 불투명 이미지 ]


2. JPEG (Joint Photographic Experts Group)
JPEG은 원래 영상압축기술을 연구하는 단체를 의미합니다.
사진과 같이 많은 색상의 이미지는 GIF 포맷을 위해 컬러 수를 제한하면 상당히 많이 손상되어 보입니다. 이러한 경우엔 GIF보다 JPEG가 적당합니다. 게다가 압축률도 뛰어납니다. GIF 포맷이 컬러 수를 256, 128, 64(bit)로 조절하여 압축률을 조절하는 것에 반해, JPEG 포맷은 4단계(Low, Medium, High, Maximum) 중 하나를 사용자가 선택하여 압축률을 조절합니다. 이 역시, 화질을 우선으로 하면 압축률이 낮아져 파일 사이즈가 커집니다.

Low - 용량:1.522K Medium - 용량:2.348K High - 용량:4.194K Maximum - 용량:6.574K

압축률 : Low > Medium > High > Maximum

위의 4가지 그림에서 알 수 있듯이 압축률이 낮아질수록 이미지의 용량은 커지고, 대신에 이미지의 품질은 높아진다는 것을 알 수 있습니다. 하지만, 이미지의 품질에 별 차이가 없다면 압축률을 높게 잡아 이미지의 용량을 줄이는 것이 바람직합니다.

3. PNG (Portable Network Graphics)
이름에서 알 수 있듯이 네트워크 환경에 적합하도록 개발된 이미지 포맷입니다. 사진과 같은 고화질 이미지를 다루면서도 투명 이미지를 지원하고 PNG-8은 GIF와 같고 PNG-24는 JPG와 같은 기능을 제공합니다. 즉, 하나의 파일 형식으로 두 가지 방식을 사용할 수 있도록 개발되었지만 완벽하게 지원하는 브라우저가 없고 용량이 GIF 또는 JPG보다 용량이 커서 아직까지는 널리 쓰이지는 않습니다.



하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 회사소개 사진모음 협력사 오시는길 이용약관 개인정보취급방침 전화상담안내 게시판문의 모바일 한국어 라인 이미지 日本語 라인 이미지 中文 라인 이미지 ENGLISH 라인 이미지 사이트맵 하단 메뉴 배경 이미지
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 1544-8442 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 08507) 서울시 금천구 가산디지털1로 168 우림라이온스밸리 A동 8층 (주)아사달
(우편번호 : 153-786) 서울시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
인터넷 익스플로어 구글 크롬 모질라 파이어폭스
애플 사파리 오페라 넷스케이프
맨위로
디지털콘텐츠 No.1 (주)아사달