2-1. 이미지 포맷과 웹 이미지 형식에 대해 알아봅시다.

1. 웹 이미지 형식 

 : 웹 페이지에서 사용할 수 있는 이미지 파일은 파일 크기가 크지 않고 화질도 좋아야 합니다. 

티스토리에서 JPEG,GIF,BMP,PNG 포맷을 지원합니다. 더 다양한 테스트는 안해봤습니다. 

 

포토샵에서 파일 저장할 때에만 해도 다양한 포맷들이 존재합니다.

 

 

1-1. 웹 이미지들의 종류 

 

A. TIFF 

 

TiFF:Tagged Image File Format의 약어로 고품질 이미지 인쇄 분야에서 오래 전부터 표준으로 사용되는 형식 입니다.

태그를 포함하고 있는 이미지 파일이기 때문에 포토샵에서 생성한 레이어를 지원합니다.

 

태그나 레이어를 지원하고 사용할 수 있기 때문에 이미지에 대한 압축되지 않는 고품질의 디지털 이미지로써 

상업 또는 전문 작업을 인쇄하거나 출판을 위해 작업을 위한 파일형식이라고 보시면 됩니다. 

---

B. PNG

 

portable Network Graphics를 말하고 TIFF와 품질에서는 비슷한 수준이나 배경이 투명하기 때문에 복잡한 이미지를

작업하기 좋은 파일 포맷입니다. 고품질이므로 jpg와 업로드 및 로딩이 차이가 납니다. 

정교한 작업이 필요한 웹 그래픽, 브랜드 로고,일러스트레이션 등의 작업의 포맷이라 생각하시면 됩니다. 

 

---

 

C. JPEG or JPG

 

Joint photographic Experts Group 으로 이미지를 파일압축을 통해 빠른 로딩될 수 있도록 압축된 그래픽이기 때문에

압축률로 인한 품질 차이가 발생할 수 있습니다. 다만 JEPG로 반복 저장하게 되면 이미지 품질은 떨어지는 단점이

존재합니다. 

 

---

D. BMP

 

Bitmap 줄임말 어떤 디바이스에서도 정확하게 이미지를 보여줍니다. 장점은 픽셀을 고유 개체로 처리하기 때문에

품질이 좋습니다. 단점은 파일의 크기가 크다는 것 입니다. 

 

 

---

E. SVG 

 

salable Vector Grphics 줄임말 입니다. 기존의 래스터 방식과 달리 백터 기반으로 업스케일링이나 다운 스케일로 

얼라이싱과 같은 깨짐현상이 발생하지 않는 품질을 유지합니다. 

 

출처: https://namu.wiki/w/SVG

SVG - 나무위키

 

---

F. GIF

 

Graphics interchange 줄임말로써 색의 수가 제한된 그래픽에서 애니메이션을 위한 작용 용량의 

파일을 생성합니다.  애니메이션 움직이는 동적인 데이터에 대한 많은 데이터가 저장되기 때문에

웹 사이트 속도가 느려지게 만들기도 한다.  하드웨어적으로 많은 발전을 하였지만 무분별한

GIF 사용은 권장하지 않는 편이다. 

 

 

최초의 GIF 이미지 

출처 : https://namu.wiki/w/GIF 

GIF - 나무위키

 

 

이상입니다.