JPEG 및 기타 이미지 파일의 크기를 줄이는 방법

웹사이트에서 사용하는 이미지는 가장 중요한 요소 중 하나입니다. 시각적으로 매력적인 이미지를 원할 뿐만 아니라 해당 이미지가 너무 커서 사이트의 로드 시간이 느려지는 것도 원하지 않습니다. 사이트가 지연되는 주된 이유 중 하나는 사이트에 포함된 이미지가 최적의 사이트 성능을 위해 크기가 조정되지 않았기 때문입니다.

이 기사에서는 웹용으로 저장 기능을 사용하여 파일 형식 변경, 크기 조정 및 파일 압축을 포함하여 Photoshop에서 이미지 크기를 줄이는 수동 방법을 살펴봅니다. 더 자동화된 것을 찾고 있는 경우 일부 플러그인 및 웹 기반 옵션도 살펴보겠습니다.

YouTube 채널 구독

파일 형식 변경

이미지 파일의 "파일 크기"는 인치당 픽셀 수를 나타냅니다. 일반적으로 인치당 픽셀 수가 많을수록 파일에 더 많은 정보가 저장되므로 파일 크기가 커집니다.

이미지의 가장 일반적인 두 가지 파일 형식은 JPG와 PNG입니다.

• PNG – 휴대용 네트워크 그래픽 – 이 파일 형식은 주로 로고, 아이콘, 일러스트레이션 및 텍스트와 같은 그래픽 파일에 사용됩니다. Photoshop과 같은 사진 편집 응용 프로그램에서 편집할 때 이러한 파일을 조작하거나 압축할 때 많은 데이터가 손실되지 않습니다. 이러한 이유로 "무손실"이라고 합니다. 이러한 파일은 이러한 이유로 크기가 더 커지는 경향이 있습니다.
• JPEG – Joint Photographic Experts Group – 이것은 인터넷에서 대부분의 이미지에 대해 찾을 수 있는 가장 일반적인 파일 형식입니다. 이 파일 형식은 수백만 가지 색상을 관리할 수 있으며 품질을 유지하면서 고도로 압축할 수 있습니다. 압축하는 과정에서 이미지에서 픽셀이 제거되기 때문에 이를 "손실"이라고 합니다.

두 파일 형식 모두 작동할 수 있습니다. 어떤 사진을 선택하느냐는 사이트, 사용하려는 사진의 수 및 유형에 따라 다릅니다.

다음은 샘플 사진입니다. 원래 형식은 JPG 파일이었습니다.

Photoshop에서 파일>다른 이름으로 저장 명령을 사용하여 PNG 형식을 선택하고 저장 기능을 완료했습니다.

파일 형식을 변경하면 파일 크기가 646MB에서 1.3KB로 변경되었습니다. 위에서 언급했듯이 PNG 파일은 일반적으로 더 크기 때문에 색상과 디테일이 많은 이러한 유형의 사진의 경우 더 빠른 로드 시간을 보장하기 위해 JPEG 버전을 유지하는 것이 더 나을 수 있습니다. 해상도를 잃지 않고 이미지를 더 크게 확장할 수 있어야 한다는 것을 알고 있다면 PNG 버전으로 이동하십시오.

다른 많은 파일 형식을 사용할 수 있습니다. 저는 JPEG와 PNG가 가장 대중적이기 때문에 집중했습니다.

Photoshop에서 수동 크기 조정

Photoshop에서는 이미지>이미지 크기 기능을 사용하여 이미지 크기를 수동으로 조정할 수 있습니다. 도구는 다음과 같습니다.

현재 이미지 크기와 픽셀 치수가 도구 상단에 표시되어 있는 것을 볼 수 있습니다. 여기에서 조정하면 크기가 변경됩니다.

맞춤은 미리 설정된 크기와 픽셀 설정이 있는 드롭다운 목록입니다.

해당 목록의 첫 번째 옵션을 선택하여 치수와 인치당 픽셀 수(ppi)를 조정하면 파일 크기가 어떻게 변경되는지 알 수 있습니다.

드롭다운에서 표준 크기가 작동하는지 또는 필요한 크기를 얻기 위해 너비, 높이 또는 해상도 옵션을 수동으로 변경해야 하는지 여부를 결정하기 위해 이러한 설정을 실험할 수 있습니다.

웹용으로 저장 기능

웹용으로 저장은 웹 옵션이 저장하기 전에 파일에서 메타데이터(이미지 유형 및 원본에 대한 세부정보)를 제거한다는 점에서 다른 이름으로 저장과 다릅니다. 이 기능은 특히 인터넷에 표시될 이미지를 위한 것이므로 품질을 유지하면서 크기를 매우 빠르게 조정할 수 있습니다.

파일>내보내기>웹용으로 저장으로 이동하여 웹용으로 저장 옵션을 찾습니다.

웹용으로 저장 창이 열리면 이 기능의 또 다른 이점을 알 수 있습니다. 상단의 2-up 탭을 선택하면 원본 이미지와 변경된 이미지를 나란히 비교 볼 수 있습니다.

여기에서 오른쪽 상단 모서리에 있는 사전 설정을 사용하여 JPG 형식을 선택하고 원하는 대로 품질을 조정합니다. 변경한 후에는 이미지 미리보기를 통해 새 파일이 품질 표준에 부합하는지 확인할 수 있으며 각 이미지 아래의 데이터를 보고 파일 크기 변경을 확인할 수 있습니다.

오른쪽 하단 모서리에 있는 너비 및 높이 필드를 사용하여 크기를 변경할 수도 있습니다. 이 기사는 특히 크기 조정에 대해 살펴보고 있기 때문에 웹용으로 저장 화면에 표시된 다른 옵션은 다루지 않지만 여기에서 더 자세한 정보를 읽을 수 있습니다.

WordPress 이미지 최적화 도구

Photoshop은 이미지 파일 크기를 줄이기 위해 직접 다이얼을 돌리고 싶은 경우에 훌륭한 옵션입니다. 이미지 크기 조정에 도움이 되는 더 자동화된 것을 찾고 있다면 도움이 될 수 있는 많은 WordPress 플러그인 옵션이 있습니다. 다음은 몇 가지 인기 있는 옵션 목록과 그 이점에 대한 간략한 설명입니다.

Imagify – 한 번에 모든 이미지를 최적화하고, 쉽게 크기를 조정하고, 필요할 때 사진을 원래 버전으로 복원합니다. 가격도 저렴합니다. 이 플러그인은 무료로 다운로드할 수 있으며 20MB의 파일 공간이 포함되어 있습니다. 다른 옵션은 500MB의 경우 월 5달러, 무제한 공간의 경우 월 10달러입니다.

ShortPixel – 파일 크기 제한이 없고 여러 사이트에 대한 하나의 API 키가 있어 이 플러그인을 크게 활용할 수 있습니다. 또한 예산 유연성을 위해 일회성 및 월간 계획을 제공합니다.

Optimole – 데이터 지향을 위해 Optimole은 최적화 통계를 검토할 수 있는 대시보드를 제공합니다. 그들의 무료 계획은 한 달에 5,000명의 방문자와 무제한 대역폭을 허용합니다.

이러한 옵션과 소수의 다른 옵션을 더 완벽하게 비교하려면 이 문서를 참조하세요.

이미지 최적화를 위한 웹 리소스

시간 및/또는 돈이 곤경에 처한 경우 무료 온라인 이미지 최적화 도구가 많이 있습니다.

Compressjpg를 사용하면 여러 파일을 업로드하고 한 번에 크기를 조정할 수 있습니다. 또한 iPhone HEIC 형식의 사진을 JPEG로 변환하는 기능도 있습니다. 다른 유사한 사이트로는 Tinypng 및 Image Compressor가 있습니다.

Canva Pro는 크기를 조정할 뿐만 아니라 이미지를 디자인 및 애니메이션화할 수 있을 뿐만 아니라 웹 또는 소셜 미디어용으로 형식을 지정할 수 있는 인기 있는 사이트입니다. 레이아웃은 직관적이고 사용하기 쉽습니다.

마무리

이미지 최적화의 중요성을 과소평가하지 마십시오. 느린 사이트는 시청자를 끌 뿐만 아니라 Google 검색에서도 관심을 끌지 못합니다. 빠르게 로드되는 선명한 이미지는 사이트를 다른 사이트와 차별화하는 약간의 추가 기능을 제공할 수 있습니다. 최적화된 사이트는 방문자를 계속해서 더 많이 방문하게 합니다.

이미지 크기를 조정하기 위해 이러한 방법을 사용하고 있습니까? 그렇지 않다면 어떤 것을 먼저 시도할 것 같습니까? 댓글로 알려주세요!

Prihanto Edi / shutterstock.com을 통한 주요 이미지