WordPress 이미지 최적화: 궁극적인 가이드

WordPress 이미지 최적화에는 이미지가 화면에 표시되는 방식에 부정적인 영향을 주지 않으면서 WordPress 사이트에 있는 이미지의 파일 크기를 줄이거나 압축하는 작업이 포함됩니다. WordPress에서 이미지를 최적화하기 위해 노력하면 웹사이트 및 페이지 속도가 빨라져 궁극적으로 더 많은 새 사이트 방문자를 확보하는 데 도움이 됩니다.

이 가이드에서는 WordPress 이미지 최적화가 이미지와 이미지 최적화 기술을 최적화해야 하는 이유를 살펴봅니다. 또한 WordPress 이미지 최적화 플러그인, 이미지 해상도 및 이미지 형식도 살펴봅니다. 마지막으로 WordPress 이미지 최적화가 SEO에 미치는 영향에 대해 마무리하겠습니다. 가자!

이미지 최적화의 중요성을 이해하려면 다음과 같은 간단한 질문을 스스로에게 하십시오. 새 웹사이트로 이동했는데 페이지가 빨리 로드되지 않으면 어떻게 합니까?

사람이 많으면 닫고 넘어가겠죠? 최소한 웹 사이트가 로드되는 데 걸리는 시간에 대해 참을성이 없고 좌절감을 느낄 것입니다. 또는 계속 머무르는 것은 특정 콘텐츠에 정말로 관심이 있기 때문입니다. 이 기사를 읽은 후에는 해당 사이트를 다시 방문하지 않을 것입니다. 사이트가 너무 느립니다.

WordPress에서 이미지를 최적화해야 하는 이유와 이 경험은 어떤 관련이 있습니까? 페이지 로드 시간은 종종 이미지 크기의 영향을 크게 받습니다. 따라서 WordPress 이미지 최적화는 사용자 경험과 SEO 순위 향상과 관련하여 큰 역할을 합니다.

WordPress 이미지 최적화란 무엇입니까?

이미지는 다양한 도구와 기술을 사용하여 WordPress 웹 사이트에 대해 여러 가지 방법으로 최적화할 수 있습니다. 더 작은 파일 크기를 활용하면 사이트에 무게를 두거나 느리게 실행하지 않고도 더 많은 이미지로 사이트를 채울 수 있습니다.

일반적으로 WordPress 사이트를 최적화할 때 모든 WordPress 사이트 이미지를 최적화하는 것이 우선 순위 목록의 맨 위에 있어야 합니다. 이미지 최적화 프로세스는 사이트의 무게를 훨씬 덜하고 이전보다 더 빠르게 로드하여 더 많은 신규 사용자를 확보하고 더 많은 콘텐츠를 위해 다시 방문하도록 만듭니다.

결국, 당신의 콘텐츠가 아무리 훌륭해도 사용자가 그것을 소비하기 전에 떠나는 것은 중요하지 않습니다.

WordPress에서 이미지를 최적화해야 하는 이유는 무엇입니까?

WordPress에서 이미지를 최적화해야 하는 네 가지 주요 이유가 있습니다.

1. 페이지 로드 시간 단축
2. SEO 향상(검색 엔진 최적화)
3. 서버 부하 감소
4. 더 적은 리소스가 필요하도록 전체 웹 사이트 크기를 줄입니다.
5. 중요한 WordPress 유지 관리 작업을 파악하세요.

WordPress 이미지 최적화와 관련하여 페이지 로드 시간의 몇 가지 세부 사항을 살펴보겠습니다.

2020년에는 로드하는 데 10초 이상 걸리는 웹사이트가 사용자의 관심을 끌지 못할 것입니다. 그리고 최적의 목표 페이지 로드 속도에 대한 정확한 정의는 없지만 최근의 전문가 연구에 따르면 다음과 같습니다.

1. 처음 10초는 사용자가 웹 페이지에 머문 시간에 큰 영향을 미칩니다. 짧은 시간 내에 모든 콘텐츠가 표시되지 않으면 독자가 페이지 또는 게시물에서 이탈합니다.
2. 79%의 경우 사용자가 사이트 속도에 만족하지 않으면 속도가 살인자이기 때문에 해당 사이트를 다시는 방문하지 않습니다.
3. 설상가상으로, 불만족한 사용자의 전체 47%는 귀하의 사이트를 개인적으로 거부할 뿐만 아니라 다른 사용자의 경험에 대해 친구와 이야기함으로써 낙담할 것입니다. 또한 소셜 미디어와 Google에 부정적인 리뷰를 남기는 경향이 있습니다.

이 모든 통계는 웹사이트의 페이지 로드 시간을 10초 미만으로 유지하는 것이 절대적으로 중요하다는 것을 의미합니다. 실제로 목표는 3초 미만이어야 합니다. 그리고 그것이 WordPress 이미지 최적화가 시작되는 곳입니다.

WordPress 페이지 로드 속도에 영향을 미치는 요소

WordPress 사이트가 더 빨리 로드되기를 원하지만 어디서부터 시작해야 할지 잘 모르겠습니다. 오늘의 주요 초점은 이미지 최적화이며, 이 기사가 끝날 때쯤이면 완전히 이해할 수 있을 것입니다.

그러나 WordPress 최적화에 대한 더 큰 노력의 일환으로 사이트 속도에 영향을 미치는 모든 요소를 ​​이해하는 것이 중요합니다.

번개처럼 빠른 사이트의 경우 다음이 중요합니다.

1. 가벼운 이미지 사용

이미지 최적화를 통해 "가벼운" 이미지를 사용합니다. 목표는 품질을 잃지 않고 이미지를 최대로 압축하는 것입니다. 이 프로세스를 무손실 압축 이라고 하며(이에 대해서는 나중에 자세히 다루 겠습니다) 이미지 최적화 프로그램을 사용해야 합니다.

2. 웹사이트 캐싱 최적화

WordPress 캐싱은 사이트 방문자의 브라우저, 사이트의 WordPress 데이터베이스 및 웹사이트의 웹 서버 간의 데이터 전송량을 줄여 웹사이트를 더 빨리 로드할 수 있도록 도와줍니다. 수동 및 자동으로 필요할 때 사이트 캐시를 유지하고 지우는 WordPress 캐싱 플러그인.

3. 고품질 WordPress 호스트 사용

진지한 WordPress 사이트 소유자는 웹 사이트를 월 $4 호스팅 계획으로 운영하지 않습니다. 리소스를 거의 사용하지 않고 트래픽이 많지 않은 개인 블로그를 운영하는 개인에게는 잘 작동할 수 있지만 로드가 더 많고 더 빠른 사이트 속도를 요구하는 사이트 소유자에게는 적합하지 않습니다.

여러 지역에 데이터 센터가 분산되어 있는 고품질 관리 호스팅 제공업체를 찾는 데 시간을 할애하십시오. 또한 호스트를 구입할 때 서버 수준 응답 시간을 비교하십시오. 이러한 요소는 사이트가 사용자에게 로드되는 속도에 확실히 영향을 미칩니다.

4. 코드 최적화

페이지 로드 시간을 단축하려면 웹사이트를 구동하는 코드도 최적화해야 합니다. 일반적으로 WordPress 사이트에서 코드를 최적화한다는 것은 다음을 의미합니다.

• 고품질 플러그인 및 테마 사용
• 테마 및 플러그인을 최신 버전으로 업데이트 유지
• 기능이나 기능이 겹치는 플러그인을 사용하지 않음
• 사용하지 않는 플러그인 또는 테마 제거/삭제.

개발자는 다음을 통해 코드를 축소해야 합니다.

• 서식 및 주석 제거
• 여분의 공간 없애기
• 사용하지 않는 쉼표 및 코드 제거

HTML, JavaScript 및 CSS를 포함한 모든 리소스에서 코드를 최소화하는 것이 중요합니다. HTML을 축소하기 위한 강력한 도구는 HTMLMinifier입니다. JavaScript의 경우 UglifyJS를 사용해 보십시오. 클로저 컴파일러도 살펴볼 가치가 있습니다. CSS와 관련하여 CSSNano가 좋은 선택입니다.

5. 리디렉션 줄이기

이러한 불쾌한 404 오류를 피하기 위해 리디렉션을 설정해야 하는 경우가 있습니다. 그러나 가능하면 항상 "다중 사용 리디렉션"을 피하십시오.

이는 리디렉션이 예를 들어 example.com > example.com/subdomain > example.com/subdomain/redirect.html에서 이동한다는 것을 의미합니다. 다중 리디렉션이 실행되는 상태에서 대상 페이지를 3초 이내에 로드하는 것은 매우 어려울 것입니다.

하나의 리디렉션은 괜찮습니다. 하나 이상은 일반적으로 그렇지 않습니다.

이제 사이트 속도에 영향을 미치는 추가 요소를 이해했으므로 WordPress 이미지를 최적화하는 데 집중해 보겠습니다.

하루가 끝나면 WordPress 이미지 최적화는 하나의 소규모 비즈니스 사이트를 운영하든 여러 클라이언트에 대해 여러 WordPress 사이트를 관리하든 구현하려는 프로세스입니다.

WordPress가 이미지를 자동으로 압축합니까?

예, 아니요. WordPress 5.3의 릴리스와 함께 WordPress 코어는 업로드된 고해상도 이미지에 대한 향상된 지원을 도입했습니다. 여기에는 고화질 카메라나 스마트폰으로 촬영한 이미지가 포함됩니다.

• WordPress 5.3에 도입된 이미지 압축 기능은 대용량 이미지가 업로드될 때 이를 감지하여 웹에 최적화된 이미지 버전을 자동으로 생성합니다.
• 업로드 시 이미지는 자동으로 WordPress의 새로운 전체 크기인 2560픽셀로 조정됩니다.
• 업로드한 이미지의 크기가 조정되면 "크기 조정됨"이라는 단어가 파일 이름에 추가됩니다.
• 서버의 시간 초과로 인해 자동 이미지 크기 조정이 실패하면 WordPress는 최적화된 이미지가 생성될 때까지 계속해서 재시도합니다.

WordPress 코어에 대한 이번 업데이트는 큰 이미지 파일이 웹사이트 속도를 얼마나 늦추는지 깨닫지 못한 개발자에게 큰 도움이 되었습니다. 그러나 WordPress에서 제공하는 기본 제공 이미지 최적화는 훌륭한 종합 솔루션이 아니며 각 WordPress 개발자에게 개별적으로 맞춤화되지 않습니다. 좋은 첫 번째 단계이지만 이미지 최적화를 완전히 최대화하려면 더 멀리 가야 합니다.

WordPress에서 이미지를 어떻게 최적화합니까?

WordPress 내에서 이미지를 완전히 최적화하는 것은 그다지 어렵지 않습니다.

WordPress 웹사이트의 이미지를 최적화하는 세 가지 주요 방법이 있습니다.

1. WordPress 관리자 대시보드에서 직접 작업을 수행할 수 있는 WordPress 이미지 최적화 플러그인 .
2. 이미지 최적화 소프트웨어/애플리케이션 사전 업로드 – 이러한 애플리케이션은 이미지 최적화와 같은 오픈 소스 소프트웨어이거나 최소한 사진 편집기이거나 이미지 크기 조정 기능을 제공하는 유료 앱일 수 있습니다. Photoshop은 웹 사용을 위해 이미지를 압축하기 위해 이미지 해상도를 조정할 수 있는 프리미엄 소프트웨어 응용 프로그램의 한 예입니다.
3. 이미지 를 WordPress에 업로드하기 전에 압축하고 최적화하는 무료 온라인 서비스입니다 .

사전 업로드 이미지 최적화 도구 사용

일반적으로 이미지를 최적화한다는 것은 압축 하는 것을 의미합니다. 이미지 최적화 프로그램 또는 압축기는 개인 장치에 설치하거나 웹 브라우저를 통해 온라인으로 액세스하는 소프트웨어 프로그램입니다.

이미지 최적화 프로그램을 사용하려면 이미지를 업로드하고 프로그램에서 픽셀을 약간만 변경하면 됩니다. 이러한 전하는 육안으로 감지할 수 없기 때문에 프로세스를 무손실 압축이라고도 합니다.

오디오 파일을 MP3로 압축할 때도 동일한 유형의 기술이 적용됩니다. 그 과정에서 고주파는 귀가 어떤 변화도 감지할 수 없는 방식으로 전략적으로 감소됩니다.

사전 업로드 이미지 최적화 도구 옵션

WordPress에 이미지를 업로드하기 전에 이미지를 압축하고 최적화하는 도구에 대한 몇 가지 옵션이 있습니다.

1. 데스크탑 사진 편집기

일반 Photoshop 사용자라면 이미지를 더 압축할 필요가 없을 것입니다. 새로 만든 이미지를 원하는 해상도로 내보낼 수 있기 때문입니다.

대부분의 다른 데스크탑 사진 편집기에도 동일한 원칙이 적용됩니다. 그러나 실제로 Photoshop을 사용하여 사이트의 이미지를 만들지 않았다면 이미지 압축만을 목적으로 하는 복잡한 프로그램을 배우는 데 시간을 할애하지 못할 것입니다.

그러나 Photoshop과 같은 데스크탑 사진 편집기는 이미지를 압축하고 최적화하는 독립 실행형 옵션입니다.

2. 모바일 앱 및 온라인 사진 편집기

사진 편집 앱과 온라인 사진 편집기(예: Fotor 및 Pixlr)는 기본적인 사진 편집을 수행하도록 만들어졌습니다. 이러한 도구에는 이미지를 WordPress에 업로드하기 전에 최적화하는 옵션도 포함되어 있습니다.

그러나 Photoshop을 사용하여 이 작업을 수행하는 것과 마찬가지로 이러한 유형의 도구를 사용하는 것은 거의 과도하게 느껴집니다. 이러한 솔루션 중 일부는 가격이 책정되며 다른 기능은 대부분 사용하지 못할 수 있습니다.

3. 웹 기반 이미지 압축기

이미지를 WordPress에 업로드하기 전에 최적화하려는 경우 전용 웹 기반 소프트웨어가 아마도 최고의 솔루션일 것입니다.

"온라인 이미지 압축기"라는 용어를 Google에 검색하고 가장 흥미로운 이름을 가진 무료 압축 프로그램을 선택하십시오. 그들 대부분은 똑같은 방식으로 작동합니다.

원하는 것을 선택한 후 이미지를 업로드하고 적용할 압축 유형을 선택하기만 하면 됩니다.

또한 많은 웹 기반 서비스는 많은 수의 파일을 최적화해야 하는 경우 잘 작동하는 대량 최적화 옵션을 제공합니다.

WordPress 이미지 최적화 플러그인

WordPress 콘텐츠 관리 시스템 내에서 바로 작동하는 WordPress 이미지 최적화 프로그램을 원하신다면 이미지 최적화 플러그인을 사용하는 것이 좋습니다.

WordPress 이미지 최적화 플러그인을 사용하면 이미지를 WordPress에 업로드하기만 하면 플러그인이 자동으로 사전 정의한 설정으로 이미지를 압축합니다. 원하는 경우 각 이미지를 수동으로 압축하고 최적화할 수도 있습니다.

WordPress 플러그인 저장소에는 이미지 최적화를 위한 수십 개의 플러그인이 있습니다. 최고의 WordPress 이미지 최적화 플러그인 옵션은 다음과 같습니다.

작업하기 가장 쉬운 것을 선택하고 필요에 맞게 사용자 정의하십시오.

참고: 이러한 WordPress 이미지 최적화 플러그인 중 하나만 사용하는 것이 좋습니다. 이전에 언급했듯이 유사한 기능을 가진 플러그인을 중복 사용하지 않는 것이 가장 좋습니다.

최고의 이미지 해상도는 무엇입니까?

일반적으로 웹 기반 이미지 해상도의 좋은 목표는 72PPI입니다. 그러나 웹 사이트에 대해 잘 알려진 보편적인 "완벽한 이미지 해상도"는 없습니다. 기본적으로 압축된 이미지가 업로드된 후 사이트에서 픽셀화되거나 왜곡된 것으로 나타나지 않으면 이미지 해상도가 사이트에서 사용하기에 완벽하게 이상적입니다.

인쇄할 모든 항목에 대해 필요한 이미지 해상도가 300DPI(인치당 도트 수)인 인쇄 업계와 달리 업로드된 이미지가 대형 컴퓨터 모니터에서 어떻게 보이는지 확인해야 합니다.

크기-무게 비율은 어떻습니까?

색상은 이미지의 무게를 결정하는 데 중요한 역할을 합니다. 요소가 거의 없는 1000×800 픽셀 크기의 단순한 흑백 사진의 무게는 약 100KB일 수 있습니다. 그러나 고대비와 생생한 색상이 있는 정확히 동일한 픽셀 크기의 사진은 때때로 그 크기의 8배 이상 무게가 나간다.

사이트 호스트가 최대 무게를 제한하고 업로드할 수 있는 파일 크기를 제한할 수 있습니다. 그러나 크기-무게 비율은 항상 이미지의 구조에 따라 달라집니다.

즉, WordPress 이미지에 대한 최적의 크기-중량 비율은 없습니다. 시각적 품질을 희생하지 않고 가능한 한 낮게 유지하기 위해 최선을 다하십시오.

WordPress 사이트에 가장 적합한 이미지 형식은 무엇입니까?

이미지 크기 및 품질에 대한 공식 WordPress 문서에서는 WordPress 기반 사이트에서 JPEG 또는 PNG 파일을 사용할 것을 권장합니다. 따라서 이들은 모든 WordPress 사이트에 게시되는 가장 일반적인 이미지 형식입니다.

게시하는 특정 콘텐츠에 따라 JPEG 및 PNG 파일이 약간 다르게 작동합니다.

JPEG(또는 .jpg) 파일은 모든 래스터(선이 아닌 픽셀로 구성된 이미지)에 적합합니다. 특히 사진은 거의 항상 JPEG 파일로 저장됩니다.

사진을 JPEG로 저장하면 일반적으로 자동으로 특정 비율로 압축됩니다. 최고의 사진 편집기를 사용하면 압축 프로세스에서 제거되는 세부 정보의 양을 정확하게 제어할 수 있습니다.

여기에서 절대 최소 압축량을 선택한 다음 이미 논의한 이미지 최적화 프로그램 중 하나로 나중에 이미지를 압축하는 것이 항상 가장 좋습니다. 이는 이미지 왜곡을 방지하는 데 도움이 됩니다.

PNG 파일은 선화 및 사진용입니다. 이미지를 PNG로 저장하면 세부 정보를 잃지 않고 압축됩니다. 그러나 PNG 파일은 일반적으로 JPEG보다 훨씬 큽니다. 이 파일 형식은 벡터 파일에 가장 적합합니다. 크기에 관계없이 왜곡되지 않습니다.

WordPress는 GIF 형식의 이미지도 지원합니다. 그러나 이 형식은 파일을 아무리 신중하게 변환하더라도 최대 왜곡을 유발하기 때문에 권장하지 않는 형식입니다.

WordPress 사이트는 이미지 최적화의 이점을 얻습니까?

이 질문에 대한 쉬운 대답은 '예'입니다. 예를 들어 사이트의 모든 페이지 및 게시물 상단에 독점 로고가 있습니까? 그 이미지 파일이 얼마나 무거울 수 있는지 또는 그것만으로도 사이트 성능이 얼마나 느려질 수 있는지 믿을 수 없을 수도 있습니다. 최적화하고 사이트 속도와 성능의 차이를 확인하십시오.

거의 매일 블로그에 새 이미지를 업로드합니까? 현재 수백 개의 제품 이미지가 있는 전자상거래 상점을 관리하고 있습니까? 그렇다면 WordPress에 플러그인을 설치하는 것을 잊지 마십시오. 이 플러그인은 업로드한 새 이미지와 사이트에 이미 있는 이미지를 자동으로 최적화합니다.

사실, 귀하의 웹사이트가 어떤 카테고리에 속하는지는 중요하지 않습니다. 가능하면 사이트를 디자인하는 동안 속도를 최적화하는 방법에 대해 생각해 보십시오. 시작할 준비가 될 때까지 기다리지 마십시오.

사이트가 이미 시작된 경우 위에 참조된 간단한 플러그인 중 하나를 사용하여 사이트의 모든 이미지를 일괄 최적화합니다.

이미지 최적화 및 SEO

이미지 최적화가 끊임없이 변화하는 SEO 규칙을 완벽하게 만드는 유일한 답은 아니지만 사이트 속도는 여전히 주요 결정 요소입니다. 이것이 WordPress 이미지 최적화가 SEO 전략에 매우 중요한 이유입니다.

이미지 크기는 몇 가지 방식으로 사이트의 검색 결과에 부정적인 영향을 줄 수 있습니다.

이탈률

큰 이미지 파일을 사용하면 사이트 속도가 느려지는 방법에 대해 이미 논의했습니다. 그러나 Google과 같은 주요 검색 엔진이 실제로 평균 페이지 로드 시간을 측정하고 검색 결과에서 가장 빠르게 로드되는 사이트의 순위를 매긴다는 사실을 알고 계셨습니까?

검색 엔진은 또한 사용자가 크롤링하는 모든 웹사이트의 이탈률(사용자가 웹사이트에 방문했지만 두 번째 페이지나 게시물을 방문하지 않고 떠날 때)을 측정합니다. 높은 이탈률의 주요 결정 요인은 느린 사이트 속도입니다.

보시다시피 이탈률이 높으면 사이트가 검색 엔진 결과의 맨 아래로 떨어집니다. 그러나 이탈률이 낮으면 목록에서 상위에 오르게 됩니다.

더 빠른 사이트 속도는 거의 항상 더 낮은 이탈률과 동일합니다.

페이지 우선순위

Google은 페이지 속도가 웹사이트 순위 및 페이지 우선 순위 지정에 매우 중요한 요소라고 여러 번 밝혔습니다. 이미지는 평균적으로 전체 웹사이트 저장 공간의 60% 이상을 차지합니다.

이미지를 최적화하지 않는다면 그 수치는 훨씬 더 높을 수 있습니다.

다시 말하지만, 이는 사이트 속도가 느리고 Google에서 순위 요소가 더 낮다는 것을 의미합니다.

그리고 그것은 비즈니스에 좋지 않습니다.

이미지에 대한 메타데이터 최적화

메타데이터를 다른 정보에 대한 추가 정보를 제공하는 정보로 생각하십시오.

이미지의 경우 메타데이터는 작성하고 이미지 파일에 저장하는 텍스트 정보입니다. 이 정보는 Google 및 기타 검색 엔진에 표시됩니다.

WordPress 개발자는 이미지의 메타데이터를 최적화하기 위해 미디어 라이브러리에 이미지를 업로드할 때 작은 양식을 작성하기만 하면 됩니다.

데이터를 입력해야 하는 영역은 다음과 같습니다.

• 대체 텍스트
• 제목
• 표제
• 강타

이 필드에 가장 검색 엔진 친화적인 텍스트를 적용하면 이미지가 Google 이미지 검색에 표시될 가능성이 훨씬 높아집니다.

Google 이미지 검색에서 순위가 ​​높으면 생각보다 더 많은 트래픽이 사이트로 유입됩니다.

WordPress 이미지 최적화가 쉬워졌습니다

이 기사를 시작하기 전에 WordPress 이미지 최적화가 WordPress 사이트 성능의 모든 측면을 얼마나 향상시킬 수 있는지 완전히 알지 못했을 수 있습니다. 위에 자세히 설명된 방법과 팁을 사용하여 이미지를 최적화하면 사이트가 대작과 비슷한 수준으로 성능을 발휘할 수 있습니다.

그러나 사이트 트래픽이 증가하기 시작하면 함께 올 수 있는 보안 위협에 대비하고 있습니까? iThemes Security Pro와 같은 강력한 WordPress 보안 플러그인은 문제가 되기 전에 이러한 위협을 차단할 수 있습니다.

최악의 상황이 발생하여 보안 침해(또는 기타 재난) 후에 사이트를 복원해야 하는 경우 BackupBuddy와 같은 WordPress 백업 플러그인을 사용하여 WordPress 백업에 대한 확실한 계획을 가지고 있다는 사실에 기쁠 것입니다. 우리를 믿으십시오. 노동과 좌절의 시간을 절약할 수 있습니다.

이제 WordPress 이미지 최적화를 시작하십시오!

크리스틴 라이트

Kristen은 2011년부터 WordPress 사용자를 돕기 위해 튜토리얼을 작성해 왔습니다. 일반적으로 그녀가 iThemes 블로그의 새 기사를 작성하거나 #WPprosper를 위한 리소스를 개발하는 것을 볼 수 있습니다. 직장 밖에서 Kristen은 일기 쓰기(그녀는 두 권의 책을 썼습니다!), 하이킹과 캠핑, 요리, 가족과 함께 하는 일상적인 모험을 즐깁니다.