본문 바로가기
포토샵 강좌

웹용 해상도 72PPI로 디자인 작업해야 하는 이유

by 이커머스 마스터 2024. 2. 19.
반응형

포토샵 Photoshop

포토샵(Photoshop)은 1990년 Adobe Systems에서 개발한 그래픽 디자인 및 이미지 편집 소프트웨어입니다. 포토샵은 전문 디자이너, 포토그래퍼, 예술가 및 일반 사용자들에게 널리 사용되며, 이미지를 편집하고 디자인하는 데 다양한 기능을 제공합니다. 

1. 이미지 편집 및 보정: 포토샵은 이미지의 색상, 밝기, 대비 등을 조절하고, 노이즈를 감소시키고, 기타 이미지 편집을 수행하는 다양한 도구와 필터를 제공합니다.

2. 레이어 기능: 레이어는 포토샵의 핵심 기능 중 하나로, 여러 이미지나 객체를 겹쳐서 사용하고 각각의 레이어를 독립적으로 편집할 수 있습니다. 이는 디자인의 유연성을 높여줍니다.

3. 텍스트 편집: 텍스트 도구를 사용하여 다양한 글꼴, 크기, 색상 등을 적용할 수 있으며, 텍스트를 다양한 형태로 배치하고 편집할 수 있습니다.

4. 그래픽 디자인 및 일러스트레이션: 로고, 포스터, 배너 등과 같은 그래픽 디자인 작업에 적합하며, 패스 도구를 사용하여 일러스트레이션을 생성할 수 있습니다.

5. 필터 및 특수 효과: 다양한 필터와 특수 효과를 사용하여 이미지에 흥미로운 시각적 효과를 추가할 수 있습니다.

6. 3D 작업: 포토샵은 3D 이미지 및 텍스처를 생성하고 편집할 수 있는 기능도 제공합니다.

7. 자동화 기능: 포토샵은 작업을 자동화하기 위한 기능들을 제공하며, 배치 처리, 스크립트 등을 사용하여 반복적이고 복잡한 작업을 간편하게 수행할 수 있습니다.

다양한 파일 형식 지원: 포토샵은 다양한 이미지 파일 형식을 지원하며, 생성된 작업물을 다양한 형식으로 내보낼 수 있습니다.

 

포토샵으로 제작 가능한 것

사진 리처칭과 합성, 온라인쇼핑몰 상세페이지, 홈페이지 제작, 그래픽 작업, 캘리그래피, 페인팅, 웹/앱 디자인, 인포그래픽, 광고디자인등이 있습니다. 이 중에서도 많은 온라인 작업에서 페이지 만드는 곳에 사용되고 있습니다.

 

 

해상도와 픽셀의 상관 관계

이미지 클릭 시 이동됩니다.

 

 

포토샵에서 해상도와 픽셀, 그리고 포토샵 일러스트레이터 특징과 차이점등은 이전 포스팅에서 자세히 설명되어 있습니다. 확인하실 분들은 이미지를 클릭하거나 해상도 더 알아보기를 클릭하세요

 

해상도 더 알아보기

 

웹용 해상도 72PPI

픽셀(Pixel)은 Picture(그림) Element(원소)의 줄임 말로 비트맵 이미지의 최소 단위이며 ‘화소’라고 불리며, 컴퓨터, TV, 모바일 기기 화면의 이미지를 구성하는 최소 단위이다. 디지털 이미지들을 크게 확대해보면, 그림의 경계선마다 부드러운 곡선이 아닌 계단같이 연결된 작은 사각형들이 모여서 이미지를 형성한다.  픽셀수가 많을 수록 정교하고 매끄럽고 이미지의 퀄러티가 결정된다.


ex)1024x768 컴퓨터 해상도는 가로 1024픽셀x세로 768픽셀

 

 

 

 

 

 

 

 

 

 해상도 72ppi와 300ppi 차이점

 

 

 

왼쪽과 오른쪽 이미지 중에 어떤 사진이 더 선명하게 보이시나요? 이렇게 물어본다면 대부분 사람들은 모니터와 스마트폰으로 보게 된다면 비슷하게 느껴지실 겁니다. 

그러나 양쪽 이미지는 해상도의 차이가 큰 사진파일입니다. 사람의 눈으로 보게되면 차이를 못 느끼는 이유를 알면 해상도의 차이점도 동시에 이해가 되실 겁니다.

 

 

 

왜 웹용은 72PPI를 사용해야 하는가

 

 

 

위에 이미지처럼 왼쪽은 72 PPI파일입니다. 웹에 업로드하는 용도 파일입니다. 오른쪽 300 PPI는 인쇄(출력)를 목적으로 만든 사진 파일입니다. 이미지 안에 들어가는 픽셀 수는 상당한 차이를 보입니다. 그렇지만 웹으로 보여지는 이미지는 사람의 눈으로는 분별이 어렵습니다.  

 

이유는 72 PPI이상의 해상도 이미지는 웹상에서 동일한 수준의 이미지 선명도로 보이게 됩니다. 이러한 이유로 웹에 업로드할 용도로 제작하는 이미지 해상도는 72PPI가 넘을 필요가 없습니다. 만약 그 이상으로 하게 된다면 어떻게 될까요?

 

과도한 픽셀을 담고 있는 이미지는 용량이 커서 로딩 시 72PPI보다 느려질 수 있습니다. 그래서 굳이 큰 해상도의 이미지를 웹에서는 사용하지 않습니다. 

 

 

이미지를 인쇄(출력)할 경우

 

왼쪽의 이미지처럼 72PPI 파일을 인쇄하면 깨짐 현상이 발생하면서 흐려진 상태로 출력이 되지만 300PPI이상인 파일은 웹상에서 보는 것과 같이 동일한 화질로 인쇄가 됩니다.

 

이러한 이유로 용도에 맞게 웹과 출력물을 구별해서 처음부터 이미지 파일을 제작해야 합니다. 포토샵을 배울때는 대부분 웹을 기준으로 제작 작업을 하기에 해상도에 대한 설명을 해주지 않는 경우가 많습니다. 기본부터 배워야 나중에 두번 일하는 일이 없어집니다.

 

 

 

 

 

 

 

 

반응형