안녕하세요 오늘은 포토샵에서 이미지 사이즈 조절 하는 방법을 공유하고자 합니다. 먼저 저는 여행블로그를 운영하게 되면서 여행에서 얻은 사진을 블로그에 적합하게 주로 포토샵으로 이미지 사이즈 조절을 하는데요. 블로그에 사진을 업로드 하기전에 이러한 과정을 거치는 가장 큰 이유는 로딩시간이라고 생각합니다. 이렇게 이미지 크기 조절하는 것을 '리사이징[resizing]' 이라고 합니다. 블로그에 사진 리사이즈 후에 업로드시 모바일이나 데스크톱에서 접속시에도 이미지 리사이징을 하지 않았을때 보다 빠른 속도로 사진을 불러올 수 있기때문에 이러한 과정을 거치는 것입니다. 먼저 포토샵으로 이미지 사이즈 조절 하는 방법을 알아보겠습니다. 사진 리사이즈 (전) 이미지 크기 : 3712x2088 이미지 용량 :
3.96MB 위 사진은 크기를 줄이기 전 입니다. 이미지 크기나 용량 모두 꽤나 크기때문에 이대로 업로드 하면 인터넷이 좋지 않은 환경에서 로딩시간이 꽤나 길것으로 예상됩니다. 이제 이미지 사이즈 크기를 조절하기 위해 포토샵 상단 메뉴바의 [Image] -
[Image Size] 또는 단축키 [Ctrl] + [Alt] + [I]여러가지 디바이스를 위한
포토샵 이미지 사이즈 조절
포토샵으로 이미지 크기 조절하기
로 이미지 사이즈 조절 창을 열어줍니다.
1. Image Size : 이미지의 용량
2. Dimension : 현재 이미지의 크기
3. Fit To : 미리 저장되어 있는 프리셋으로 이미지 사이즈
4. 체인모양 : 체인 클릭시 가로와 세로값이 비율을 유지하며 동시에 변경
5. Width, Height : 변경하고자 하는 가로너비와 세로너비 값
6. Resolution : 해상도
제가 사진 리사이징을 할때에는
주로 5번에 해당하는 가로와 세로너비만 조절합니다.
기본적으로
포토샵으로 이미지 사이즈를 조절하게 되면
아 사실 포토샵이나 다른 프로그램이나
상관없이 이미지 사이즈 축소를 거치면
용량은 그에 맞게 줄어드는데요.
아래에서 포토샵으로 사진 용량 줄이기
에 대하여 알아보겠습니다.
포토샵으로 이미지 용량 줄이기 방법은
저장을 어떻게 하느냐에 달려있습니다.
상단 메뉴바에서
[File] - [Export] - [Save for Web]
또는
단축키 : [Alt] + [Shift] + [Ctrl] + [S]
로 들어갑니다.
제가 이미지 용량을 줄이기 위해 저장시
확인하는 부분에 대해서만 설명드리자면
1. 미리보기창
2. 이미지 저장형식과 품질 조절
3. 사진 리사이징 결과값
위 셋팅을 자신이 업로드하기 위한
플랫폼에 적합하게 셋팅한후
저장 하면 이미지 리사이징은 끝입니다.
두 사진의 차이점을 느낄 수 있나요??
사실은 사진의 차이점을 느낄 수 있다면
저는 리사이징을 다시 해야합니다.
제 블로그 본문의 최대 가로폭은 874px로
3712px의 가로폭을 가진 원본이미지
1024px의 가로폭을 가진 리사이즈 이미지
둘다 제 블로그에 업로드 되는 순간
874px만 표시되는 것이죠.
그렇다고 이미지의 용량이 줄어드는 것은 아닙니다.
뭐 이미지를 업로드하는 플랫폼 마다 저절로
이미지가 리사이징 되는 경우도 있지만
이렇게 이미지 크기 조절하기를 통해
필요 없는 이미지의 크기를 버리고,
이미지 용량 줄이기 효과까지 볼 수 있으니
저는 항상 업로드 전에 포토샵으로 이미지를 축소하여
블로그에 업로드 하고 있습니다.
Save for web 잘되다가 갑자기 안된다?!
평소 JPG 이미지를 웹용으로 저장할 때 매번 잘되다가 갑자기 안 되는 현상을 경험하면 놀랍고 당황스럽기 그지없다. 갑자기 안 되는 이유와 이럴 때 해결하는 방법을 소개하려고 한다.
Save foe web의 단축키는 Ctrl+Alt+Shift+S이다. 평소처럼 단축키를 이용해 웹용으로 저장하려는데 갑자기 안되면서 머리가 새하얘지는 것을 경험했다. '내가 단축키를 잘 못썼나? 단축키를 잊어버렸나?' 하면서 계속해보지만 여전히 무반응이다. 단축키를 사용하지 않을 경우에는 File → Export → Save for Web(Legacy) , 한글판일 경우 파일 → 내보내기 → 웹용으로 저장 하면 된다.
웹용으로 저장에 실패하는 이유
필자의 경우는 긴 상세페이지를 캡처한 뒤 웹용 저장을 시도했다가 실패한 뒤 이유를 알아냈다. 바로 이미지의 길이 때문이다. 이미지의 세로 길이가 30000이 넘었기 때문이었다.
웹용으로 저장 가능 이미지 사이즈
높이가 31000이었던 이미지 사이즈를 줄여 29900을 만들어 주었더니 웹용으로 저장이 가능해졌다. 이미지 사이즈는 Ctrl+Alt+I를 누르면 현재 이미지 사이즈를 확인할 수 있다.
이미지를 줄일 수 없을때
상세페이지의 내용 때문에 부득이하게 이미지의 세로 사이즈를 줄일 수 없을 때에는 자르기 도구를 이용해 부분 부분 나누어 저장하는 방법 이 있다.
포토샵으로 이미지 용량 줄이기(save for web)
이미지 용량을 줄일 때에도 웹용으로 저장을 많이 사용한다. 인쇄를 위한 이미지가 아닐 경우 용량을 줄일 때 다소 화질이 떨어지더라도 웹용으로 저장하여 이미지의 용량을 줄인다. 포토샵으로 이미지의 용량을 줄이는 방법은 매우 간단하다.
웹용으로 저장 창에서 품질을 조절하여 저장하면 용량이 줄어드는데, 저 값으로 갈수록 화질이 낮아진다. 최댓값은 100%, 최고값 80%, 고 60%, 표준 30%, 저 10% 중 원하는 값을 선택하여 저장하면 된다.