이미지는 모든 웹사이트에서 매우 중요한 핵심요소이다. e커머스 플랫폼뿐만 아니라 개인 SNS까지 적게는 몇십 개에서 많게는 몇 천 개까지 사진을 업로드해야 할 때는 최적화가 필수이다. 인터넷에 최적화되어 있지 않은 이미지 파일을 사용한다면 웹사이트의 성능을 저하시킬 수 있다. 특정 플랫폼이나 블로그 등에 들어가 보면 로딩이 느린 경우가 있는데 지나치게 용량이 큰 이미지 사용이 원인이 된다. 이런 현상을 정확히 파악하기 위해서는 먼저 이미지 파일 형식(포맷)과 확장자의 특징과 장단점을 파악해 두는 것이 필요하다. 확장자의 뜻은 '파일 형식이나 종류를 구분하기 우해 파일명 뒤에 붙는 마침표(.)와 알파벳 문자열'을 의미한다.
'이미지 파일 내지는 그래픽 파일 형식'으로 검색해 보면 너무나 많은 정보가 쏟아지는데 IT관련 지식이 풍부한 사림이 아니라면 이해하기가 힘들고 또 전문적인 정보까지 필요가 없다. 이미미 파일 형식과 확장자는 너무나 많은데 그중 우리가 많이 사용하는 것들만 골라 쉽고 간단하게 정리해 보았다.
JPEG/JPG(*.JPG)
JPEG는 Joint Photograph Experts Group의 약자로, 인터넷에서 가장 많이 사용되는 그래픽 형식 중 하나이다. JPEG와 JPG는 파일의 확장자명만 다를 뿐 같은 형식으로, 실제 JPEG 확장자명을 JPG로 바꿔도 그대로 사용할 수 있다. 1677만 7216색과 256색 그레이로 저장할 수 있다. 형식명을 읽을 때는 '제이펙' 또는 '제피이지' 라고 발음한다. 손실 압축으로 압축률을 높일 경우 이미지의 상태가 떨어지는 단점이 있다. GIF 포맷과는 달리, JPEG는 RGB 이미지에서의 모든 컬러 정보를 유지하고 있다.
GIF(*.GIF)
GIF는 Graphics Interchange Format의 약자로, 네트워크 상에서 빠른 이미지 전송을 목적으로 개발되었다. 국내에서는 '기프' 또는 '지아이에프' 라고 발음한다. GIF는 256색 밖에 표현할 수 없고 압축률도 매우 낮아 어쩜 지금의 인터넷 속도 및 고해상도 디스플레이에 어울리지 않는 그래픽 형식이다 하지만 쉽게 애니메이션 제작이 가능하고, 배경을 투명하게 처리할 수 있다는 점에서 세계적으로 여전히 많이 사용되고 있습니다. 넓은 영역에서 한 색을 사용할 경우 압축률이 높아지기 때문에 간단한 도형, 로고, 만화 그림처럼 색이 별로 필요 없는 이미지를 저장하는데 적합하다. 웹사이트에서 특정 상품 또는 내용을 강조할 때 애니메이션으로 종종 사용되곤 합니다.
PNG(*.PNG)
PNG는 Portable Network Graphics의 약자로 무손실압축 방식에 32비트 트루컬러 처리가 가능한 그래픽 형식이다 일반적으로 '피앤지'라고 읽는다. GIF그래픽 파일은 저작권 있는 압축 기술로 함부로 사용할 수 없기 때문에 저작권이 없는 고유의 압축 기술로서 GIF 포맷을 대체하기 위해 PNG가 개발되었다. JPEG와 비교해서 PNG는 이미지 안에 비슷한 색이 넓게 사용될 때 유리하다. JPEG가 용량이 더 작아서 최종 배포에 많이 사용되긴 하지만 PNG는 무손실 압축 덕분에 편집 과정에서 쓰이기에 적합한 포맷이다. JPEG보다더 뚜렷하게 표현하는 장점이 있으며, 날카로운 면 표현에도 적합하다. 웹사이트에 로고, 텍스트, 아이콘, 도형 등의 단순 이미지를 삽입할 때 권장하며, 페이지에 반투명 이미지 사용 시 거의 유일한 방법이기도 하다.
BMP(*BMP, *.RLE)
마이크로소프트 사가 개발한 파일 형식으로 압축하지 않은 비트맵 이미지를 저장하는 윈도 OS의 그래픽 파일 형식이다. 무손실 무압축 포맷이기 때문에 이미지 크기가 크다. 초기 BMP 파일은 압축하지 않았으나 윈도우 3.0 이후부터는 RLE압축방식을 사용하여 파일을 압축할 수 있다. BMP 파일은 흑백과 4, 8, 24비트의 포맷이 있으며, 각각 2색, 16색, 256색, 트루컬러를 표현한다. 이 포맷의 강점은 간단한 구조와 윈도우 프로그램에서의 호환성이다.
Photoshop(*,PSD, *.PDD)
Photoshop 파일은 Adobe社의 포토샵에서 기본적으로 사용되는 이미지 파일포맷이다. 비트맵과 벡터 방식의 혼합형으로 포토샵에서 다루는 모든 문자레이어, 투명레이어, 채널, 스포트채널, 패스 등을 저장할 수 있으며 이미지의 압축율도 좋다. 포토샵에서 사용할 수 있는 모든 이미지 정보가 저장되므로 이미지를 수정/편집하는 데에 매우 편리한 포맷이다.
Acrobat PDF(*.PDF)
Acorbat PDF(Portable Document Format) 파일형식은 일러스트레이터를 개발한 어도비사의 전자 출판 소프트웨어인 아크로뱃이라는 프로그램에서 사용할 수 있는 전자문서용 이미지 파일로써 일러스트레이터에서 작업한 파일 용량을 작게 만들어 문서화시켜 주는 포맷이다.
관련 글
티스토리 색인 생성 오류 해결에 시간 낭비하지 말기. 우리의 블로그는 스스로 잘 돌아간다.
'사회·문화 알기 > IT세상에서 살아남기' 카테고리의 다른 글
메타의 호라이즌 워크룸, 가상 세계에서 다시 현실로 돌아오다 (4) | 2023.04.03 |
---|---|
세상을 바꿀 게임체인저, 9가지 신기술 (1) | 2023.03.31 |
무료 프레젠테이션 템플릿 활용, 봄처럼 화사한 PPT 제작 하기 (6) | 2023.03.28 |
클릭 7번으로 끝내는 초간단 사진 합치기 (6) | 2023.03.28 |
무료 사진(이미지), 당신이 찍은 사진을 활용해도 될까요? (3) | 2023.03.01 |
댓글