01 of 08
웹용 그래픽
그래픽 디자이너는 종종 웹 사이트 또는 배너 광고용 사진과 같은 웹 준비 이미지를 제공해야합니다. Photoshop의 "웹용으로 저장"도구는 웹용 JPEG 파일을 간단하고 손쉽게 준비 할 수있는 방법으로 파일 크기와 이미지 품질 간의 균형을 유지하는 데 도움이됩니다.
참고 :이 자습서에서는 JPEG 이미지 저장에 대해 설명합니다. 웹용으로 저장 도구는 GIF, PNG 및 BMP 파일을 저장하기 위해 제작되었습니다.
그래픽을 "웹용"으로 만드는 것은 무엇입니까?
- 해상도는 72dpi입니다.
- 색상 모드는 RGB입니다.
- 일반적으로 웹 페이지로드 속도를 높이기 위해 파일 크기가 줄어 듭니다.
02 of 02
이미지 열기
"웹용으로 저장"도구로 연습하려면 Photoshop에서 이미지를 엽니 다. "파일> 열기"를 클릭하고 컴퓨터에서 이미지를 찾은 다음 "열기"를 클릭하십시오.이 자습서의 목적 상 모든 유형의 이미지가 가능하지만 사진이 잘 작동합니다. 사진 크기를 웹 사이트에서 사용할 수있는 작은 크기로 조정하십시오. 이렇게하려면 "이미지> 이미지 크기"를 클릭하고 "픽셀 크기"상자에 새로운 너비를 입력하고 (400을 입력) "확인"을 클릭하십시오.
03 / 08
웹 도구 저장을 엽니 다.
이제 누군가 400 픽셀 너비의이 사진을 웹 사이트에 게시 할 준비가되었다고 가정 해 봅시다. 웹용으로 저장 대화 상자를 열려면 "파일> 웹용으로 저장"을 클릭하십시오. 잠시 시간을내어 창에서 다른 설정과 도구를 찾아보십시오.
04 of 08
비교 설정
웹용으로 저장 창의 왼쪽 상단 모서리에는 원본, 최적화, 2 위 및 4 위라는 일련의 탭이 있습니다. 이 탭을 클릭하면 원본 사진의보기, 최적화 된 사진 (웹용으로 저장 설정이 적용된 사진) 또는 사진의 2 개 또는 4 개 버전을 비교할 수 있습니다. "2-Up"을 선택하면 원본 사진과 최적화 된 사진을 비교할 수 있습니다. 이제 사진의 복사본을 나란히 볼 수 있습니다.
08 년 5 월
원본 미리보기 설정
선택하려면 왼쪽의 사진을 클릭하십시오. 웹 저장 창 (아직 선택하지 않은 경우)의 오른쪽에있는 사전 설정 메뉴에서 "원본"을 선택하십시오. 그러면 왼쪽에 편집되지 않은 원본 사진의 미리보기가 표시됩니다.
06 of 06
최적화 된 미리보기 설정
오른쪽의 사진을 클릭하여 선택하십시오. 사전 설정 메뉴에서 "JPEG 높음"을 선택하십시오. 오른쪽에있는 최적화 된 사진 (최종 파일)과 원본 사진을 왼쪽에서 비교할 수 있습니다.
07/08
JPEG 품질 편집
오른쪽 열의 가장 중요한 설정은 "품질"값입니다. 품질을 낮추면 이미지가 "muddier"하지만 파일 크기가 작아지고 파일 크기가 작을수록 웹 페이지를 더 빨리로드 할 수 있습니다. 품질을 "0"으로 변경하고 사진 아래에있는 작은 파일 크기와 왼쪽과 오른쪽의 사진의 차이를 확인하십시오. Photoshop은 또한 파일 크기 아래의 예상 로딩 시간을 제공합니다. 최적화 된 사진 미리보기 위의 화살표를 클릭하여이 로딩 시간에 대한 연결 속도를 변경할 수 있습니다. 여기서 목표는 파일 크기와 품질 사이에서 행복한 매체를 찾는 것입니다. 40 ~ 60 사이의 품질은 일반적으로 고객의 요구에 따라 좋은 범위입니다. 시간을 절약하기 위해 사전 설정 품질 수준 (예 : JPEG 매체)을 사용해보십시오.
08 08
이미지 저장
오른쪽 사진에 만족하면 "저장"버튼을 클릭하십시오. "다른 이름으로 최적화 저장"창이 열립니다. 파일 이름을 입력하고 컴퓨터에서 원하는 폴더를 찾은 다음 "저장"을 클릭하십시오. 이제 웹에 최적화 된 최적화 된 사진이 생깁니다.