본문 바로가기


여러가지 디바이스를 위한

포토샵 이미지 사이즈 조절



안녕하세요

오늘은 포토샵에서 이미지 사이즈 조절 하는 방법을 공유하고자 합니다.


먼저 저는 여행블로그를 운영하게 되면서 여행에서 얻은 사진을 블로그에 적합하게 주로 포토샵으로 이미지 사이즈 조절을 하는데요. 블로그에 사진을 업로드 하기전에 이러한 과정을 거치는 가장 큰 이유는 로딩시간이라고 생각합니다.


이렇게 이미지 크기 조절하는 것을

'리사이징[resizing]' 이라고 합니다.


블로그에 사진 리사이즈 후에 업로드시 모바일이나 데스크톱에서 접속시에도 이미지 리사이징을 하지 않았을때 보다 빠른 속도로 사진을 불러올 수 있기때문에 이러한 과정을 거치는 것입니다. 먼저 포토샵으로 이미지 사이즈 조절 하는 방법을 알아보겠습니다.


포토샵으로 이미지 크기 조절하기

사진 리사이즈 전의 가로폭과 세로폭

사진 리사이즈 (전)


이미지 크기 : 3712x2088

이미지 용량 : 3.96MB


위 사진은 크기를 줄이기 전 입니다.

이미지 크기나 용량 모두 꽤나 크기때문에

이대로 업로드 하면 인터넷이 좋지 않은 환경에서

로딩시간이 꽤나 길것으로 예상됩니다.




포토샵 Image Size 기능 들어가기 경로

이제 이미지 사이즈 크기를 조절하기 위해

포토샵 상단 메뉴바의 [Image] - [Image Size]

또는 단축키 [Ctrl] + [Alt] + [I]

로 이미지 사이즈 조절 창을 열어줍니다.


포토샵 Image Size 기능의 세부속성

1. Image Size : 이미지의 용량

2. Dimension : 현재 이미지의 크기

3. Fit To : 미리 저장되어 있는 프리셋으로 이미지 사이즈

4. 체인모양 : 체인 클릭시 가로와 세로값이 비율을 유지하며 동시에 변경

5. Width, Height : 변경하고자 하는 가로너비와 세로너비 값

6. Resolution : 해상도


제가 사진 리사이징을 할때에는

주로 5번에 해당하는 가로와 세로너비만 조절합니다.


기본적으로

포토샵으로 이미지 사이즈를 조절하게 되면

아 사실 포토샵이나 다른 프로그램이나

상관없이 이미지 사이즈 축소를 거치면

용량은 그에 맞게 줄어드는데요.


아래에서 포토샵으로 사진 용량 줄이기

에 대하여 알아보겠습니다.


포토샵 Save for Web 들어가는 경로


포토샵으로 이미지 용량 줄이기 방법은

저장을 어떻게 하느냐에 달려있습니다.


상단 메뉴바에서

[File] - [Export] - [Save for Web]

또는

단축키 : [Alt] + [Shift] + [Ctrl] + [S]

로 들어갑니다.



포토샵 Save for Web 세부기능

제가 이미지 용량을 줄이기 위해 저장시

확인하는 부분에 대해서만 설명드리자면

1. 미리보기창

2. 이미지 저장형식과 품질 조절

3. 사진 리사이징 결과값

위 셋팅을 자신이 업로드하기 위한

플랫폼에 적합하게 셋팅한후

저장 하면 이미지 리사이징은 끝입니다.


리사이징 후의 리사이즈 사진이미지 리사이징 후의 이미지리사이징 전의 원본 이미지이미지 리사이징 전의 이미지


두 사진의 차이점을 느낄 수 있나요??

사실은 사진의 차이점을 느낄 수 있다면

저는 리사이징을 다시 해야합니다.


제 블로그 본문의 최대 가로폭은 874px로

3712px의 가로폭을 가진 원본이미지

1024px의 가로폭을 가진 리사이즈 이미지

둘다 제 블로그에 업로드 되는 순간

874px만 표시되는 것이죠.


그렇다고 이미지의 용량이 줄어드는 것은 아닙니다.

뭐 이미지를 업로드하는 플랫폼 마다 저절로

이미지가 리사이징 되는 경우도 있지만


이렇게 이미지 크기 조절하기를 통해

필요 없는 이미지의 크기를 버리고,

이미지 용량 줄이기 효과까지 볼 수 있으니

저는 항상 업로드 전에 포토샵으로 이미지를 축소하여

블로그에 업로드 하고 있습니다.


sitemap.xml


댓글