웹디자인 강의
기타 이미지의 저장 GIF 인가 JPG(JPEG)인가?
2002.11.25 17:52
그림을 GIF로 저장할 것인지 JPEG(JPG)으로 저장할 것인지는 그림에 따라 다르다. GIF 그림이 특수효과 때문에 널리 쓰이지만, JPEG(JPG)으로 저장하면 세밀한 그림, 생생한 톤 등이 훨씬 뛰어나다.
1. GIF는 많은 브라우저에서 지원된다.
GIF는 많은 브라우저에서 내장 이미지로 읽혀질 수 있기 때문에, 웹 페이지 디자이너가 가장 많이 사용하는 파일 형식이다. 내장 이미지는 읽어서, "보조 응용" 이라는 다른 부가적인 보기 프로그램으로 봐야 한다.
넷스케이프는 JPEG 이미지를 내장 그래픽으로서 읽을 수 있다. 그러나 다른 대부분의 브라우저는 내장 그래픽으로 되어 있는 JPEG을 무시한다. 링크에 의해 참조되는 JPEG 그림은 보기 프로그램을 띄운 다음 별도의 윈도우에서 볼 수 있다.
2. GIF는 특수 효과에 사용할 수 있다.
GIF 그림은 "투명 GIF(transparent GIF)" 라는 것으로 저장할 수도 있는 8비트 그림이다. 이런 종류의 GIF는 희미한 모습이나 실루엣 등의 효과를 위해 인기가 있다. "비월주사 GIF(interlaced GIF)"는 인기있는 또다른 옵션인데 이것은 비월주사 GIF가 아닌 것에 비해 빨리 다운로드되는 것처럼 보이기 때문이다. 이런 그림은 일단 저해상도로 빨리 그려지고 다운로드가 진행되면서 점차 선명해진다.
3. GIF 그림은 "띠 무늬"가 생길 수 있다.
GIF 그림은 8비트이기 때문에 그림에 "띠 무늬"가 생길 수 있다. 이를 포스터화(POSTERIZED)된다고 말하기도 한다. 이것은 브라우저가 그림을 읽는 방식 때문이며 보통 색이 뭉개지는 형태로 보인다. 세밀한 부분이 많은 그림은 JPEG으로 저장하면 더 좋게 보일 것이다. 8비트 GIF에서 흔히 나타나는 띠 무늬는 JPEG(jpg) 형식에서는 디더링해서 부드러워진다. 파일 형식의 특성을 요약하면 다음과 같다.
※ 형식: GIF
- 장점:
1. GIF 파일은 많은 브라우저에서 "내장 이미지"로 읽을 수 있다.
2. GIF 파일은 "비월주사 GIF" 형식으로 저장할 수 있는데 이것은 일반 형식에 비해 빨리 다운로드되는 것 처럼 보인다. 이 경우 그림은 일단 저해ㅏㅇ도로 빨리 그려지고 다운로드가 진행되면서 점차 선명해 진다.
3. GIF 그림은 "투명 GIF"으로 저장할 수 있다. 이 GIF에서는 지정된 색을 투명한 색을 간주한다. 이것은 CD-ROM에 있는 레오나르도 해다드 로레이로의 LView Pro에서 할 수 있다.
- 단점: 어떤 브라우저에서는 띠무늬가 나타날 수 있다.
※ 형식: jpg(jpeg)
- 장점: 띠 무늬가 없다.
- 단점: JPEG은 다소 디더링된 것처럼 보이며, 상당수의 브라우저에서 내장 이미지로 읽을 수 없다.
4. JPEG은 24비트 색용으로 개발되었다.
JPEG 압축 알고리즘(Joint Photographic Experts Group에 의해 개발된)은 사실은 24비트나 32비트 색상을 위해 개발된 것이다. 이미지를 압축할 때, 이 "손실형의" 알고리즘은 일부 정보를 손실한다.
만일 웹 디자이너가 그림을 8비트로 감소시키고 그것을 JPEG으로 저장한다면? 웹에서 사용되는 대부분의 컬러 모니터는 8비트이므로, 웹 페이지 상의 24비트 이미지는 지나치게 크며 색상 정보를 낭비하게 된다. 8비트 JPEG 이미지는 8비트보다 많아 보이는 정보를 저장하게 되며, 인쇄 시에는 화질의 손상이 눈에 띄겠지만, 화면 상에서는 그렇지 않다.(참고: JPEG 이미지를 JPEG으로 두번 저장하지 말기 바란다. 그러면 이미지의 화질이 심하게 떨어진다.)
웹 그래픽을 8비트로 줄이고, JPEG(jpg)으로 저장한다. 24비트 RGB 이미지 원본은 나중에 편집할 때를 대비해 보관해 놓는다. (포토샵의 경우에는 포토샵의 원본파일로 저장하는것도 좋습니다.)
출처: 멀*티*미*디*어 홈페이지 꾸미기 책자에서.. / 김정호*박경호 옮김
1990년도 책자에서..발행처: (주) 정보시대
1. GIF는 많은 브라우저에서 지원된다.
GIF는 많은 브라우저에서 내장 이미지로 읽혀질 수 있기 때문에, 웹 페이지 디자이너가 가장 많이 사용하는 파일 형식이다. 내장 이미지는 읽어서, "보조 응용" 이라는 다른 부가적인 보기 프로그램으로 봐야 한다.
넷스케이프는 JPEG 이미지를 내장 그래픽으로서 읽을 수 있다. 그러나 다른 대부분의 브라우저는 내장 그래픽으로 되어 있는 JPEG을 무시한다. 링크에 의해 참조되는 JPEG 그림은 보기 프로그램을 띄운 다음 별도의 윈도우에서 볼 수 있다.
2. GIF는 특수 효과에 사용할 수 있다.
GIF 그림은 "투명 GIF(transparent GIF)" 라는 것으로 저장할 수도 있는 8비트 그림이다. 이런 종류의 GIF는 희미한 모습이나 실루엣 등의 효과를 위해 인기가 있다. "비월주사 GIF(interlaced GIF)"는 인기있는 또다른 옵션인데 이것은 비월주사 GIF가 아닌 것에 비해 빨리 다운로드되는 것처럼 보이기 때문이다. 이런 그림은 일단 저해상도로 빨리 그려지고 다운로드가 진행되면서 점차 선명해진다.
3. GIF 그림은 "띠 무늬"가 생길 수 있다.
GIF 그림은 8비트이기 때문에 그림에 "띠 무늬"가 생길 수 있다. 이를 포스터화(POSTERIZED)된다고 말하기도 한다. 이것은 브라우저가 그림을 읽는 방식 때문이며 보통 색이 뭉개지는 형태로 보인다. 세밀한 부분이 많은 그림은 JPEG으로 저장하면 더 좋게 보일 것이다. 8비트 GIF에서 흔히 나타나는 띠 무늬는 JPEG(jpg) 형식에서는 디더링해서 부드러워진다. 파일 형식의 특성을 요약하면 다음과 같다.
※ 형식: GIF
- 장점:
1. GIF 파일은 많은 브라우저에서 "내장 이미지"로 읽을 수 있다.
2. GIF 파일은 "비월주사 GIF" 형식으로 저장할 수 있는데 이것은 일반 형식에 비해 빨리 다운로드되는 것 처럼 보인다. 이 경우 그림은 일단 저해ㅏㅇ도로 빨리 그려지고 다운로드가 진행되면서 점차 선명해 진다.
3. GIF 그림은 "투명 GIF"으로 저장할 수 있다. 이 GIF에서는 지정된 색을 투명한 색을 간주한다. 이것은 CD-ROM에 있는 레오나르도 해다드 로레이로의 LView Pro에서 할 수 있다.
- 단점: 어떤 브라우저에서는 띠무늬가 나타날 수 있다.
※ 형식: jpg(jpeg)
- 장점: 띠 무늬가 없다.
- 단점: JPEG은 다소 디더링된 것처럼 보이며, 상당수의 브라우저에서 내장 이미지로 읽을 수 없다.
4. JPEG은 24비트 색용으로 개발되었다.
JPEG 압축 알고리즘(Joint Photographic Experts Group에 의해 개발된)은 사실은 24비트나 32비트 색상을 위해 개발된 것이다. 이미지를 압축할 때, 이 "손실형의" 알고리즘은 일부 정보를 손실한다.
만일 웹 디자이너가 그림을 8비트로 감소시키고 그것을 JPEG으로 저장한다면? 웹에서 사용되는 대부분의 컬러 모니터는 8비트이므로, 웹 페이지 상의 24비트 이미지는 지나치게 크며 색상 정보를 낭비하게 된다. 8비트 JPEG 이미지는 8비트보다 많아 보이는 정보를 저장하게 되며, 인쇄 시에는 화질의 손상이 눈에 띄겠지만, 화면 상에서는 그렇지 않다.(참고: JPEG 이미지를 JPEG으로 두번 저장하지 말기 바란다. 그러면 이미지의 화질이 심하게 떨어진다.)
웹 그래픽을 8비트로 줄이고, JPEG(jpg)으로 저장한다. 24비트 RGB 이미지 원본은 나중에 편집할 때를 대비해 보관해 놓는다. (포토샵의 경우에는 포토샵의 원본파일로 저장하는것도 좋습니다.)
출처: 멀*티*미*디*어 홈페이지 꾸미기 책자에서.. / 김정호*박경호 옮김
1990년도 책자에서..발행처: (주) 정보시대
댓글 15
-
ValuableEye
2002.11.25 17:57
-
TheMics
2002.11.25 18:43
제목이 "JPG 인가 JPG(JPEG)인가" 네요-_-;;
"GIF 인가 JPG(JPEG)인가"가 맞지 않을까요-_-쿨럭; -
디에노™
2002.11.25 19:11
근데요~ GIF 포멧을 만드는 회사가.. 그거 쓸때 돈 내라구 하지 않았나요? -
[콜록]토끼군
2002.11.25 20:31
디에노// 사실상 그 저작권은 개무시되었습니다. 아마 컴퓨서브* 사인 듯 싶습니다만... -
김정식
2002.11.25 20:38
ValuableEye// PNG(Potable Network Graphics) 파일은 모든 프로구램에서 일정한 색을 유지할 수 있는 큰 장점을 가지고 있는 파일 포맷 방식으로 GIF 와 JPEG의 특성을 모두 가지고 있는 파일 포맷입니다. 또한 PNG 파일의 장점은 GIF 처럼 무손실 압축방식을 택하면서 8비트, 16비트, 24비트 모두 사용한다는것입니다. 1. PNG 파일은 GIF 영역에서 투명이미지를 만드는 방식과는 다르게 알파채널을 만들어 색과 관계없이 영역을 투명하게 만들 수 있는 파일 포맷을 지원합니다. 2. 무손실 압축방식으로 GIF에 비해 압축률이 좋습니다. 3. 트루 컬러 및 그레이 스케일 모두 지원함으로 고압축, 고화질의 파일 포맷 방식이라 볼 수 있습니다. -
영생교교주
2002.11.25 22:47
PNG는 움직이는 GIF같은거 가능? -
대현
2002.11.26 01:57
PNG 가 용량이 좀 큰것 같은데 아닌가요? -
쩡아쩡아
2002.11.26 09:57
PNG 는 GIF 포맷의 대용으로 고안된 이미지 포맷입니다.
GIF 포맷이 256 색상만을 지원하는 반면 PNG 는 트루칼라, 그레이 칼라, 256 칼라 모두르 지원하며 압축률이 뛰어나 같은 그림의 GIF 포맷으로 할 것을 PNG 로 하였을 경우 파일사이즈를 보다 작게 할 수 있습니다.
그러나, GIF 포맷처럼 하나의 파일안에 다중이미지 정보를 가지게 하지못하므로 GIF에니메이션 같이 에니메이션은 하지 못합니다.
// http://www.sourcenara.com/photo/photoshop.htm // -->여기서 봤어요~ -
ValuableEye
2002.11.26 16:14
좋은 정보들 감사합니다. ^^ -
ZipShin
2002.11.26 16:27
나중에, .png에 관한 정보도 올려볼께요. 의외로 의견이 많으시네요. -
미도르
2002.11.26 17:49
GIF는 배너나, 메뉴의 버튼 등 작은 그림에 쓰고,
jpg(jpeg)는 사진(큰그림)이 좋죠.
배너, 버튼, 메뉴 는 절대 jpg로 하면 안되요 -
¤ΚΘru(ちよ父)
2002.11.26 20:16
언제나 좋은 정보. ^^ -
시골청소년
2002.11.26 22:02
미도르// 작은 그림이라기 보다는 -_- 색깔의 수가 적은 그림일때 gif을 쓰고요.
사진같은건 jpg가 좋죠.
gif가 좋은곳...(애니메이션배너, 색깔이 적은 이미지, 캡쳐)
jpg가 좋은곳...(사진 _-_ 또 뭐있나...ㆀ) -
김정식
2002.11.27 00:46
시골청소년//jpg가 좋은 것에는 사진외에 그림자 효과가 있는 이미지, 그라데이션같이 미묘한 이미지 색상변화가 많은 이미지에 좋답니다. 미로드//gif는 일러스트나 로고, 삽화, 만화처럼 구성되는 가툰 같은 그래픽 파일을 저장할 때 좋답니다. -
유군
2002.11.27 22:09
png 8과 png 24, png 32로 크게 나뉩니다.
그리고 png는 애니를 구현하지 않습니다. mng가 구현한다고 말하는 것이죠.
png 8은 gif와 성질이 비슷하고요. png 24부터는 jpg와 비스무리합니다. 32는 파이어웍스만 지원하고 있습니다.
뭐든지 256단계 멀티 알파채널이 지원됩니다. 그리고, 감마설정을 읽어들여서 클라이언트의 모니터에서 감마설정대로 이미지를 커스터마이즈화한다고 그랬는데.. 이건 사실상 지원되지도 않습니다... 현실상 불가능하고요..
그리고 png는 보통 웹에디터나 익스, 넷스, 플래시에서 읽어들일 때 잘못 읽어들일 수 있습니다. 저도 전에 경험했는데.. 드림위버 3 쓸때부터 png가 이상하게 표시되더군요-_-;; 그래서 안 쓰고 있습니다..
지금은.. png보다는 gif, jpg를 쓰는게 낫겠죠..
PNG는 손실되는 것도 별로 없는 것 같던데;;