HTML에 사용되는 이미지의 종류와 특성

일반적으로 홈페이지에 삽입되는 이미지에는 GIF, JPG, PNG 세 가지가 있습니다.
이 각각은 가지고 있는 특성이 다를 뿐 아니라 사용되는 범위도 다릅니다.

1. GIF
256 칼라 지원
투명한 배경처리 가능
Animation 지원


킥포인트!! Animation을 만들 수 있다는 특징 때문에 홈페이지 배너를 많이 제작 합니다.
그러나 요즘은 플래쉬를 더욱 선호하지요..^^;;


2. JPG
트루 칼라의 지원
파일 크기의 임의조정 가능


JPG는 트루컬러를 지원 하면서도 용량이 작다는 장점을 가지고 있습니다.
대부분 사진이나 고화질의 이미지 처리에 적합니다.


3. PNG
트루 칼라 지원
알파 채널을 이용한 투명 및 모자이크 효과 지원
익스플로러와 넷스케이프 4.0 이상에서 지원


음… 제가 알기로는 거의 쓰이질 않습니다.
아닌가..-0-;; 암튼 익스플로러와 넷스케이프 4.0 이상에서 지원한다고는 하지만 실질적으로 지원이 되지 않습니다요..


4. 이미지의 용량과 속도의 관계
누군가 자신의 홈페이지에 방문을 했는데 버버버버버버버벅거리면 방문을 포기한다면 안좋겠지요? 이런일을 방지하는 것은 아주 쪼끔만 신경을 쓰시면 됩니다. 우선 이지미의 색상이 많다면 용량이 커지게 됩니다. 그렇다고 색상을 너무 줄인다면 그림이 이상해지겠지요? 그리고 용량이 큰 이미지는 쪼개서 아직 설명은 안했지만 table 태크를 이용해 삽입하는 것이 좋습니다.

답글 남기기

이메일은 공개되지 않습니다.