IPad 및 iPhone 용 그래픽 및 사진 크기 조정 - 인형

iPad 및 iPhone에 표시 할 웹 이미지의 크기를 조정하는 것은 두 가지 이유로 중요합니다. 이미지는 컴퓨터 모니터와 사용자의 컴퓨터로 빠르게 다운로드하십시오. 이미지 크기가 작을수록 다운로드 속도가 빠릅니다.

Dreamweaver 또는 다른 웹 편집기에서 높이 및 너비 설정을 변경하여 웹 페이지의 이미지 표시 크기를 변경할 수 있지만 편집기에서 이미지의 실제 크기를 변경하면 훨씬 더 나은 결과를 얻을 수 있습니다 Photoshop과 같은 프로그램.

HTML 코드에서 이미지의 높이와 너비를 변경하면 웹 브라우저가 이미지를 다른 크기로 표시하도록 지시하기 만하면됩니다. 브라우저는 이미지 자체를 변경하지 않고 브라우저가 페이지를로드 할 때 할당 된 공간에 맞도록 강제하기 때문에 브라우저는 이미지 크기를 조정하지 않습니다.

이미지를 실제 크기보다 크게 표시하도록 설정하면 이미지에 모든 세부 정보가 더 큰 크기로 잘 보이도록 충분한 픽셀이 포함되어 있지 않기 때문에 이미지가 흐릿하게 보이거나 왜곡되어 보일 수 있습니다. 이미지보다 작은 이미지를 표시하도록 코드를 설정하면 이미지가 찌그러져 보이고 사용자는 필요한 것보다 큰 이미지를 다운로드해야합니다.

웹에서 사용하기 위해 이미지의 크기를 줄이려면 두 단계가 필요합니다. 먼저, 이미지의 해상도를 줄이면 이미지의 픽셀 수가 바뀝니다. 웹용 이미지로 작업 할 때 해상도를 72piP (인치당 픽셀 수)로 줄이려고합니다.

둘째, 크기를 줄여 이미지의 물리적 크기를 줄입니다. 브라우저 창에 맞게 이미지의 크기를 조정하고 사이트 디자인 내에서 작업하고 싶습니다.

1 Photoshop에서 이미지가 열리면 이미지 → 크기 조정을 선택하십시오.

이미지 크기 대화 상자가 열립니다.

원본 이미지의 품질이 떨어지거나 안전하지 않게하려면 이미지 사본을 만들고 웹 사이트의

사본 크기를 조정하십시오. 2 이미지의 해상도를 변경하려면 먼저 이미지 크기 대화 상자의 하단에있는 이미지 재 샘플링 확인란의 선택을 취소하십시오.

최상의 결과를 얻으려면 해상도를 변경할 때 항상 이미지 재 샘플링 확인란의 선택을 취소하십시오. 웹용 이미지를 가장 잘 준비하려면 해상도를 72ppi로 변경하여 다운로드 속도를 높이십시오.

3 해상도 필드에서 숫자를 클릭하고 끌어서 번호 72를 입력하여 바꿉니다.

너비 및 높이 치수가 자동으로 조정됩니다.

4 이미지 재 샘플링 확인란을 클릭하여 선택합니다.

이미지 재 샘플링 선택을 취소하면 픽셀 크기를 변경할 수 없으므로 이미지 크기를 변경할 때 선택해야합니다.

5 높이 및 너비 필드에 이미지의 높이 및 너비를 입력하십시오.

대화 상자 아래쪽에있는 비율 고정 확인란을 선택하면 (이 예에서와 같이), 높이에 대한 변경 사항이 자동으로 너비에 영향을 미치고 그 반대의 경우에도 이미지 비율이 유지됩니다 일정한. 이미지를 변경하고 비율을 유지하지 않으려면이 상자의 선택을 취소 할 수 있습니다.

Photoshop에서 픽셀 크기 영역의 이미지 크기를 조정할 때 새 크기를 픽셀 단위 또는 원래 크기의 백분율로 지정할 수 있습니다.

예술가 Amy Baur 및 Brian Boldon의 이미지, 평면없는 예술에서.

6 OK (확인)를 클릭하여 이미지의 크기를 조정합니다.

이미지를 이전 크기로 되돌리려면 편집 → 실행 취소를 선택하십시오. 이미지를 저장하면 변경 사항이 영구적으로 적용됩니다.