웹용 JPEG 이미지 최적화 방법 -

웹 사이트에서 눈길을 끄는 이미지를 갖는 것이 이미지를 중요시하는 iPhone 및 iPad 애호가를 유치하는 가장 좋은 방법 중 하나입니다. JPEG 형식은 사진이나 다양한 색상이나 그라디언트가있는 이미지와 같은 연속 톤 이미지를 최적화하는 데 가장 적합한 선택입니다.

JPEG를 최적화 할 때 압축을 적용하여 파일 크기를 더 작게 만들 수 있습니다. 압축률이 높을수록 이미지는 작아 지지만 이미지를 너무 많이 압축하면 이미지가 끔찍 해 보일 수 있습니다. 트릭은 올바른 균형을 찾는 것입니다.

웹용으로 준비하려는 디지털 사진 또는 다른 이미지가있는 경우 Photoshop에서 최적화하고 저장하려면 다음 단계를 따르십시오 (Photoshop Elements 또는 Fireworks에서는 프로세스가 비슷하지만 특정 단계는 달라질 수 있습니다.) 1 Photoshop에서 이미지를 연 상태에서 파일 → 웹 및 장치 용으로 저장 (또는 파일 → 웹용으로 저장)을 선택합니다.

웹 및 장치 용으로 저장 대화 상자가 나타납니다.

2 대화 상자의 왼쪽 상단 구석에서 2-Up 또는 4-Up을 선택하여 동일한 이미지의 여러 버전을 표시하여 쉽게 비교할 수 있습니다.

2 장 설정을 사용하면 원본 이미지를 상단에 표시하고 하단에 지정된 설정으로 표시되는 동일한 이미지의 미리보기를 볼 수 있습니다 (수직 이미지로 작업하는 경우 미리보기 나란히 표시). 이름에서 알 수 있듯이 4-Up 옵션은 비교를 위해 4 가지 버전을 표시합니다.

예술가 Amy Baur와 Brian Boldon의 이미지.

3 창의 오른쪽에서 미리 설정 아래의 작은 화살표를 클릭하여 최적화 된 파일 형식 드롭 다운 목록을 열고 JPEG를 선택하십시오.

JPEG 형식은 사진이나 다양한 색상이나 그라디언트가있는 이미지와 같은 연속 톤 이미지를 최적화하는 데 가장 적합한 선택입니다.

4 압축 품질을 설정하십시오.

드롭 다운 목록에서 사전 설정 옵션 인 낮음, 중간, 높음, 매우 높음 또는 최대를 사용하십시오. 또는 품질 필드 바로 아래의 슬라이더를 사용하여보다 정확한 조정을하십시오. 품질을 낮추면 파일 크기가 줄어들고 이미지를 더 빨리 다운로드 할 수 있지만이 숫자를 너무 낮추면 이미지가 흐릿하고 번트러 보입니다.

Photoshop은이 대화 상자에서 JPEG에 0 ~ 100의 압축 눈금을 사용합니다. 가능한 가장 낮은 품질 (가장 높은 압축 및 최소 파일 크기)과 100 (가능한 가장 높은 압축 및 가장 큰 파일 크기). 낮음, 중간 및 높음은 압축 값을 각각 10, 30 및 60으로 나타냅니다.

5 원하는대로 다른 설정을 지정하십시오 (압축 품질과 파일 형식이 가장 중요한 설정 임).

예를 들어, 점진적 (Progressive) 확인란을 선택하여 이미지를 웹 브라우저에 점진적으로 표시 할 수 있습니다. 즉, 먼저 저해상도로 표시 한 다음 다운로드가 진행됨에 따라 점차 더 높은 해상도로 표시합니다. (일부 브라우저는 프로그레시브 JPEG를 지원하지 않습니다.)

6 저장을 클릭하십시오.

다른 이름으로 최적화 저장 대화 상자가 열립니다.

7 이미지의 이름을 입력하고 웹 사이트 폴더의 images 폴더에 저장하십시오.

Photoshop은 최적화 된 이미지를 원본 복사본으로 저장하고 원본 Photoshop 작업 영역에 원본을 그대로 둡니다.

JPEG로 최적화하려는 각 이미지에 대해이 단계를 반복하십시오.

웹 및 장치 용으로 저장 대화 상자의 이미지 미리보기 아래쪽에있는 Photoshop은 지정된 연결 속도로 이미지를 다운로드하는 데 필요한 예상 시간을 포함합니다. 압축 설정을 조정하면 이미지 크기가 변경되고 다운로드 예상치가 자동으로 조정됩니다.

연결 속도의 오른쪽에있는 작은 화살표를 클릭하고 드롭 다운 목록을 사용하여 케이블 모뎀 속도에 대해 256Kbps와 같은 다른 옵션을 선택하여이 계산에 사용 된 연결 속도를 변경할 수 있습니다. 이 추정치를 지침으로 사용하여 각 이미지를 얼마만큼 최적화해야하는지 결정할 수 있습니다.