* 욕설, 비방, 광고, 도배질 글은 임의로 삭제됩니다.

[펌 강의] 9. HTML에 사용되는 이미지의 종류와 특성

페이지 정보

써니

본문

size="2">9. HTML에 사용되는 이미지의 종류와 특성


이번 강좌에서는 HTML 문서에서 표현되는
Image의 종류와 특성에 대해서 알아보겠습니다. Image의 특성을 알면
홈페이지를 위한 Image를 제작하거나 사용할 때 도움이 될 겁니다.


홈페이지 제작에 사용되는 Image는
GIF, JPG, PNG 세가지가 있습니다.


1) GIF


  • 256 칼라를
    지원한다.

  • GIF87a와
    GIF89a 두 가지 Image 형식을 지원한다. 

  • 투명효과를
    적용할 수 있다.

  • Animation을
    만들 수 있다.


최초 GIF에서 좀 더 깔끔한 이미지를
만들기 위해 GIF89a 형식이 추가되었습니다. GIF89a 형식은 기존의 GIF가
가지고 있는 특성에 투명효과와 Animation 기법을 도입한 것입니다.


요즘 웹 서핑을 하다보면 배너광고가
많이 있죠? 한번 다운로드 받아보세요. 아마 대부분이 GIF 형식일 겁니다.
Animation을 지원하는 이미지라면 gif 타입이라고 보심 됩니다.


2) JPG


  • 트루 칼라를
    지원한다.

  • 파일의 크기를
    임의로 조절할 수 있다.

  • 트루 칼라를
    지원하면서도 용랑이 작다.

  • 포트폴리오나
    사진과 같은 고화질의 이미지 처리에 적합하다.


웹 서핑을 하다가 사진이나 풍경같은
그림을 다운로드 받아보세요. 아마 대부분이 JPG 형식일 겁니다.


3. PNG


  • GIF와 JPG
    형식의 장점을 보안하여 개발된 이미지 파일 형식이다.

  • 알파 채널을
    이용한 투명 및 모자이크 효과를 지원한다.

  • 트루 칼라를
    지원하면서도 용량이 작다

  • 익스플로어와
    넷스케이프 4.0 이상에서만 지원된다.

  • 익스플로어와
    넷스케이프 4.0 이하 버전에서는 플러그인을 설치해야 한다.


Image 파일의 사이즈와 홈페이지
전송속도는 반비례합니다. Image 파일의 사이즈가 넘 크면 홈페이지
로딩이 무지 느려지겠죠.


4. Image 용량 줄이기


  • 이미지의
    크기를 가능한 작게 하기.

  • 이미지에
    사용되는 색상을 최소한으로 줄이기.

  • 큰 용량의
    이미지는 잘라서 Table을 사용하여 꾸민다.


이미지의 용량이 너무
크면 페이지의 로딩 속도가 상당히 느려집니다. 화려한 홈페이지 보다는
적절한 조화가 필요할 것 같습니다.


방문객의 입장으로서
화려한 홈페이지 보다는 로딩이 빠른 홈페이지를 선호하지는 않을까
하는 생각을 합니다. 일반적으로 네티즌이 클릭했을 때 3초가 지나도
아무런 변화가 없다면 지루함을 느낀다고 하는군요.

작성일2005-02-14 16:21

온라인카지노님의 댓글

온라인카지노
안녕하세요. 다양한정보 감사합니다. 온라인카지노 먹튀검증 보증업체 추천 온라인구조대 입니다. //
http://timespototo.com/토토보증놀이터
http://online-safer.com/카지노사이트
http://jusobada.com/링크모음
컴퓨터/인터넷 목록
번호 제목 글쓴이 날짜 조회
120 이상한 내용의 팝업이 자꾸뜹니다 방법좀... 댓글[5] 인기글 제키챤 2005-03-06 6809
119 로지택mx duo설치시 띡띡띡띡 거리는 잡음문제 아시는분 댓글[1] 인기글 궁금이 2005-03-05 7547
118 도와주시면 감사하겠습니다 댓글[2] 인기글 초보 2005-03-04 6567
117 답변글 도와주시면 감사하겠습니다 댓글[1] 인기글 lee 2005-03-06 6792
116 korean doesn't work 댓글[1] 인기글 sf 2005-03-04 6757
115 답변글 korean doesn't work 댓글[1] 인기글 ^,.^) 2005-03-06 8048
114 [펌 강의] 부록 - META 태그에 대해서.. 댓글[1] 인기글 써니 2005-03-04 6601
113 [펌 강의] 부록 - MARQUEE Tag 이용하기 댓글[1] 인기글 써니 2005-03-04 8047
112 [펌 강의] 부록 - 홈페이지에 음악 넣기 댓글[1] 인기글 써니 2005-03-04 6955
111 [펌 강의] 색살 표 (Color Chart) 댓글[1] 인기글 써니 2005-03-04 6570
110 [펌 강의] 30.Form 예제 (설문양식) 댓글[1] 인기글 써니 2005-03-04 6668
109 정크메일 과 광고전화 막는법 아시는분 도와주세요.. 댓글[1] 인기글 정크 2005-03-02 6927
108 동영상 퍼오는방법 아시는분 ..좀 알켜주세요 댓글[4] 인기글 진실 2005-03-01 6747
107 [펌 강의] 29. 선택목록(List Box or Drop Down Li 댓글[1] 인기글 써니 2005-02-28 6993
106 [펌 강의] 28.텍스트 영역(Text Area) 인기글 써니 2005-02-28 19958
105 [펌 강의] 27.Input Type Form (II) - Check B 댓글[1] 인기글 써니 2005-02-28 8393
104 [펌 강의] 26. Input Type Form (I) - 텍스트, 암호 댓글[15] 인기글 써니 2005-02-28 18481
103 [펌 강의] 25. Form에 대한 개요 인기글 써니 2005-02-28 23018
102 윈도우가 안꺼져요ㅠㅠㅠ 댓글[1] 인기글 경아 2005-02-27 7153
101 답변글 윈도우가 안꺼져요ㅠㅠㅠ 댓글[1] 인기글 써니 2005-02-27 6905
100 써니님, brian님 너무 감사하구요 하나더 여쭤볼께요. 인기글 제키챤 2005-02-24 9022
99 답변글 써니님, brian님 너무 감사하구요 하나더 여쭤볼께요. 댓글[1] 인기글 써니 2005-02-25 6704
98 [펌 강의] 23.프레임(Frame) 나누기 예제(III) 댓글[2] 인기글 써니 2005-02-24 14935
97 [펌 강의]22. 프레임(Frame) 나누기 예제(II) 댓글[1] 인기글 써니 2005-02-24 12547
96 [펌 강의] 21. 프레임(Frame) 나누기 예제(I) 댓글[1] 인기글 써니 2005-02-24 7098
95 [펌 강의] 20. 프레임(Frame) 나누기 (II) 인기글 써니 2005-02-24 6920
94 컴이 말썽을 부릴땐 망치로 한대...... (SOS !) 댓글[1] 인기글 선달 2005-02-23 8156
93 답변글 컴이 말썽을 부릴땐 망치로 한대...... (SOS !) 댓글[1] 인기글 써니 2005-02-23 7778
92 답변글 대단 합니다 써니님...... !! 댓글[1] 인기글 선달 2005-02-24 7678
91 sim 에 문제가 있어 프로그램을 종료해야 한다는데......??? 댓글[1] 인기글 So.Cal. 2005-02-23 7173
게시물 검색
* 본 게시판의 게시물에 대하여 회사가 법적인 책임을 지지 않습니다.