웹사이트의 이미지 크기를 줄이는 방법(품질 손실 없이)

업데이트: 2022-04-25 / 기사 작성자: Jason Chow

방문자에게 최적의 경험을 제공하려면 웹사이트 이미지 크기를 줄이는 것이 중요합니다. 너무 "무거운" 것은 이미지가 Google이 싫어하는 페이지 로드 시간을 더 연장시킨다는 것을 의미합니다. 최적화되지 않은 이미지를 남겨두면 SERP(검색 엔진 결과 페이지) 순위 결과가 나타날 수 있습니다.

웹사이트 소유자는 종종 이미지와 애증의 관계를 갖습니다. 우리는 사용자에게 제공할 수 있는 풍부한 경험을 좋아합니다. 그러나 이미지는 종종 불균형한 양의 리소스 오버헤드를 유발합니다. 이를 피하기 위해 다양한 방법으로 이미지 크기를 줄일 수 있습니다.

이미지 크기를 줄이는 것은 단순히 픽셀 크기를 줄이는 것이 아니라 파일 크기를 줄이는 것을 의미합니다. 

1. 이미지 편집기 사용

MS 페인트

이미지 크기를 줄이는 가장 간단한 방법은 Microsoft 그림판(또는 김프 Linux를 사용하는 경우). 위 이미지에서 원래 크기가 3724 x 2400픽셀인 비교적 큰 파일을 다운로드했습니다. 웹 사용에 중요한 1.2MB를 차지했습니다.

Microsoft 그림판에서 이를 열고 높이에 비례하여 축소하여 너비를 1024픽셀로 조정했습니다. 그 결과 1024kb 크기에 659 x 273 픽셀의 이미지가 생성되었습니다. 보시다시피 이미지 크기 축소는 원본 파일 크기의 XNUMX배 이상을 저장했습니다.

2. 이미지 압축 사용

이미지 압축

이미지 압축은 이미지 크기를 더 줄이는 데 도움이 될 수 있습니다. 각 이미지에는 색상 품질, 픽셀 밀도 등과 같은 구성 요소가 포함되어 있습니다. 품질이 좋을수록 사진에 더 많은 데이터가 포함되므로 더 큰 크기를 차지합니다.

특히 이 모바일 장치 시대에 웹 사용을 위해 항상 최고 품질의 이미지가 필요한 것은 아닙니다. 그 때문에 다음과 같은 온라인 도구를 사용하여 이미지를 압축할 수 있습니다. Optimizilla. 이 도구를 사용하면 이미지 크기를 줄이기 위해 이미지 품질을 제어할 수 있습니다.

화질을 70으로 설정하여 축소된 이미지를 274kb에서 80kb 미만으로 줄였습니다. 1.2MB가 넘는 원본 이미지 크기와 비교한 것임을 기억하십시오.

3. 이미지를 다른 형식으로 변환

이미지는 품질과 크기에 영향을 미치는 다양한 유형이 있습니다. 예를 들어 JPG의 동일한 이미지는 BMP 형식의 동일한 이미지보다 훨씬 작을 수 있습니다. 오늘날 많은 웹사이트가 WebP와 같은 차세대 이미지 형식으로 이동하고 있습니다.

다시 말하지만, 다음과 같은 온라인 도구를 사용하여 온라인 변환, 원본 늑대 이미지를 JPG에서 WebP 형식으로 빠르게 바꿀 수 있습니다. 이 변경으로 인해 WebP 파일이 이제 28.7kb에 불과하여 크기가 더 많이 절약되었습니다. 

4. WordPress 플러그인 사용

Smush

여러 이미지를 처리하고 실행해야 하는 경우 워드 프레스 웹 사이트에는 더 나은 옵션이 있습니다. 이미지 최적화 플러그인은 사용자의 개입 없이도 위의 모든 작업을 수행할 수 있습니다. 평판이 좋은 이미지 최적화 플러그인의 예는 다음과 같습니다. EWWW 옵티마이저, 이미지 스매쉬의 메이크업 시연, 그리고 한국에서 사랑을 담아 보낸 상상해 보라..

이러한 플러그인을 사용하는 이점은 독립적으로 작동할 수 있고 일단 설정이 완료되면 걱정할 필요가 없다는 것입니다. 그러나 플러그인을 사용하면 웹사이트의 전체 리소스 소비가 증가하므로 현명하게 플러그인을 선택하십시오.

이미지 크기 줄이기에 대한 최종 생각

표시된 다양한 방법은 상호 배타적이지 않습니다. XNUMX개, XNUMX개 또는 XNUMX개 모두를 사용하도록 선택할 수 있으며 결과는 일반적으로 향상될 것입니다. 주요 목표는 너무 많은 이미지 품질을 희생하지 않으면서 파일 크기를 최대한 줄이는 것입니다.

웹 사이트가 가벼울수록 독자와 귀하에게 더 유리하다는 것을 기억하십시오. 스토리지 및 대역폭에 대해 더 적은 비용을 지불하면서 더 부드러운 로딩 경험을 얻을 수 있습니다. 윈-윈 상황입니다.

더 읽기 :

Jason Chow 소개

Jason은 기술 및 기업가 정신의 팬입니다. 그는 건물 웹 사이트를 아주 좋아합니다. 트위터를 통해 그와 연락 할 수 있습니다.