WordPress용 이미지를 최적화하는 방법

이미지는 웹사이트 설정에 해롭지 않고 긍정적이어야 합니다. 사이트에 설정한 목표를 달성하는 데 도움이 됩니다.

느린 웹사이트는 모두의 악몽입니다. 웹사이트 소유자는 원시 형식의 이미지가 웹사이트 속도에 좋지 않은 소식이라는 것을 알아야 합니다. 느린 웹 사이트 속도는 SEO 순위를 손상시키고 청중에게 비용을 초래합니다. 속도 외에도 이미지는 가능한 한 많은 사용자를 확보하고 유지하는 데 도움이 되도록 적절한 위치에 있어야 합니다.

이 기사에서는 WordPress용 이미지를 최적화하는 방법에 대한 다양한 방법을 안내합니다. 이미지 최적화는 한 번의 작업으로 달성할 수 없습니다. 귀하의 사이트를 원하는 만큼 인상적으로 만드는 몇 가지 조치의 조합입니다. 이러한 간단한 작업을 수행할 수 있습니다.

올바른 이미지 형식 선택

이미지가 여러 색상이고 대비가 높은 경우 JPEG가 차이를 확인하는 데 가장 좋은 형식입니다. 이 형식으로 사진을 압축하여 파일 크기를 줄일 수 있지만 이렇게 하면 어느 정도 품질이 저하됩니다. 반면에 이미지가 색상 면에서 덜 정교하다면 PNG가 최선의 선택입니다. PNG는 이미지의 투명도를 지원하여 JPEG보다 우위에 있습니다. 그러나 PNG 사진을 압축하면 사진 품질이 향상되지만 파일 크기는 커집니다.

컴퓨터에서 이미지를 편집할 때 이미지를 저장할 파일 유형을 선택해야 합니다. 이미지의 가장 일반적인 형식은 JPEG와 PNG입니다.

요약: 여러 컬러 사진의 경우 JPEG를 선택하고 압축합니다. 더 평범한 사진과 투명한 사진의 경우 PNG로 이동하십시오.

이미지 크기 조정

형식에 관계없이 이미지 크기를 줄이면 파일 크기가 줄어듭니다. 이미지를 작게 만들수록 크기가 줄어듭니다. 그러나 너무 과도하게 사용하지 마십시오. 웹사이트의 너비를 고려하고 이미지 너비가 더 작은지 확인하십시오. 새 사진을 너무 작게 만들면 내용이 잘 보이지 않을 수 있습니다.

너비가 사이트 크기를 초과하는 이미지를 업로드할 수 있으며, 이 이미지는 웹사이트에서 축소판으로 표시됩니다. 그러나 이것이 사이트에 큰 이미지가 있어서 사이트 속도를 늦추는 사실을 없애지는 못합니다. 크기 조정을 통해 파일 크기를 절반 이상으로 줄일 수 있습니다.

업로드하기 전에 이미지 크기를 조정하지 않은 경우 WordPress 미디어 라이브러리에서 특정 사진을 선택하고 편집을 선택한 다음 크기를 조정할 수 있습니다.

이미지 자르기

크기 조정과 자르기의 차이점은 크기 조정이 원본 이미지의 모든 요소를 ​​유지한다는 것입니다. 반면에 자르기는 원본 이미지의 일부 가장자리를 잘라냅니다.

이미지 크기 조정은 일부 요소가 작아지고 어떤 화면 크기에서도 거의 보이지 않음을 의미합니다. 자르기는 특히 이미지의 초점이 있을 때 도움이 됩니다. 이미지에서 불필요한 부분을 잘라내고 파일을 작게 만드는 동시에 관심 요소를 더 잘 볼 수 있도록 할 수 있습니다.

이미지 압축

이미지의 크기를 조정하고 자른 후 이미지를 압축하여 추가 작업을 수행할 수 있습니다. 손실 압축이라는 프로세스로 JPEG 이미지를 압축할 수 있습니다. 이 과정에서 원본 이미지의 데이터 중 일부가 손실되어 더 작은 이미지 파일이 생성됩니다.

여기에서 이미지 크기와 품질 중에서 선택해야 합니다. 크기를 줄이는 것이 궁극적인 목표이지만 품질에는 대가가 따릅니다. 따라서 이미지에 대해 원하는 기능을 손상시키지 않으면서 크기를 최대한 줄여야 합니다. 그러나 이미지 품질은 압축으로 많이 떨어지지 않습니다. 품질 점수를 확인하고 마음에 드는지 결정하기만 하면 됩니다.

압축 프로세스는 온라인에서 사용할 수 있는 이미지 압축 도구를 사용하여 가능합니다. TinyPNG는 10억 개 이상의 PNG 및 JPEG 최적화 이미지를 자랑하는 유일한 이미지 압축 도구입니다. 웹사이트에 이미지를 업로드하기 전에 이미지를 최적화하는 완벽한 방법을 제시합니다.

TinyPNG는 PNG에서 어떻게 작동합니까?

PNG 파일의 경우 TinyPNG는 스마트 손실 압축을 사용하여 파일 크기를 줄입니다. 이미지 색상의 선택적 축소를 의미하지만 육안으로는 전혀 눈에 띄지 않고 파일 크기가 크게 줄어 듭니다.

압축되지 않은 일반 PNG 이미지에는 24비트 색상 조합이 포함되어 있습니다. TinyPNG를 사용하여 압축하면 더 적은 수의 8비트 컬러 이미지로 변환됩니다. 양자화라고도 하는 이 프로세스에서는 불필요한 메타데이터를 제거해야 합니다. TinyPNG를 사용하면 파일 크기를 70% 이상 줄이고 이미지를 투명도와 완벽하게 호환할 수 있습니다.

최신 브라우저에서 얼마나 잘 작동합니까?

TinyPNG를 독특하게 만드는 또 다른 측면은 모든 최신 브라우저에 대한 지원입니다. Internet Explorer 6이 PNG의 투명도를 인정하지 않음에도 불구하고 TinyPNG는 브라우저에서 배경을 투명하게 만듭니다. 브라우저가 애니메이션 PNG(Chrome, Firefox 및 Safari)를 지원하는 경우 자유롭게 사용해 보십시오.

JPEG 압축

JPEG 압축을 원하면 더 이상 찾지 마십시오. TinyPNG는 처음에 지능적인 JPEG 이미지 압축을 지원하도록 구축되었으며 뛰어난 작업을 수행합니다.

웹사이트의 느린 로딩에 불만이 있다면 웹사이트에 이미지를 업로드하기 전에 TinyPNG를 사용하고 압도적인 차이를 경험하십시오. 모든 JPEG 및 PNG 이미지를 압축하여 대역폭을 절약하고 사이트 로드를 더 빠르게 만듭니다.

CDN에서 이미지 제공

웹사이트에서 서버에서 멀리 떨어져 있는 사용자는 로딩 속도가 느려질 수 있습니다. 이를 처리하기 위해 CDN을 설치할 수 있습니다. CDN을 사용하면 방문자가 가장 가까운 서버를 통해 연결할 수 있습니다. CDN URL이 있으면 사용하는 캐시 플러그인에 복사합니다. CDN의 URL을 포함하도록 이미지 URL을 바꿉니다. 이렇게 하면 동일한 CDN 기준을 통해 이미지가 방문자에게도 제공됩니다.

지연 로딩 사용

WordPress의 특성은 페이지를 요청하는 순간에 페이지의 모든 것을 동시에 로드하는 것입니다. 이미지는 텍스트보다 느리게 로드되기 때문에 페이지 로드 속도가 느려질 수 있습니다.

지연 로딩은 뷰어의 인터페이스 아래에 있는 이미지가 페이지 로딩을 시작하자마자 로딩되지 않도록 합니다. 대신 맨 위에 있는 그림이 먼저 로드됩니다. 그러면 방문자가 아래로 스크롤할 때 나머지가 로드됩니다. 이렇게 하면 페이지에 있는 이미지에도 불구하고 페이지가 빠르게 로드됩니다. 지연 로딩을 용이하게 하는 일부 플러그인은 실제 로딩이 끝날 때까지 낮은 품질의 이미지 버전을 표시합니다.

이미지 캐시

빠른 웹사이트를 만들고 싶다면 캐시 플러그인을 아직 시도하지 않았다면 시도해야 합니다. 웹사이트 및 페이지의 콘텐츠를 캐싱한다는 것은 요청 시 즉시 사용할 수 있도록 해당 버전의 생성을 의미합니다. 스텔라 캐시 플러그인은 쉽게 액세스할 수 있는 대안인 "브라우저 캐싱"을 통해 이미지를 캐시할 수 있는 옵션을 제공합니다.

이미지 파일의 이름을 적절하게 지정

이미지를 업로드하는 동안 이름을 지정해야 합니다. 그렇게 하면 플러그인이 자동으로 대체 텍스트를 추가한다는 것을 알 수 있습니다. 이미지의 이름을 지정하는 가장 좋은 방법은 간단한 설명을 사용하는 것이기 때문에 이 상황이 이상적입니다. 너무 많은 키워드를 추가하는 것은 좋지 않습니다. 키워드는 SEO와 관련하여 이점을 제공합니다. 그러나 이미지에 너무 많은 이미지가 있으면 스터핑 페널티가 발생할 위험이 있습니다!

Google Snippets에 표시되도록 이미지 최적화

검색 결과에서 리치 스니펫을 얻는 것은 쉽지 않습니다. 사용자에게 정확하고 간결한 답변을 제공하는 몇 가지 키워드가 필요합니다. 타겟팅하는 키워드를 설명하는 이미지를 만듭니다. 클릭을 유도하는 사실적인 콘텐츠에 대한 사용자 품질 참조. 키워드의 첫 번째 페이지에 나타나지 않으면 콘텐츠를 개선하도록 수정하십시오.

또한 구조화된 데이터(스키마) 플러그인을 사용하여 리치 스니펫을 가질 가능성을 높이십시오.

원본 이미지 사용

다른 웹사이트의 이미지를 사용하지 마십시오. 사진을 빌린 웹 사이트의 서버를 만족시키기 위해 추가 요청이 수반되기 때문에 속도가 느려집니다.

결론

WordPress용 이미지를 최적화하는 방법에 대한 지침입니다. 우리가 언급했듯이 좋은 결과를 기대하면서 하나를 선택하고 실행할 수는 없습니다. 이미지 최적화에는 여러 전략에 의한 통일된 노력이 수반됩니다. 아이디어를 이해하고 적용하고 방문자뿐만 아니라 자신도 놀라게 할 준비를 하십시오.