워드 프레스 이미지 관리를위한 최고의 가이드

  1. 1. 현재 읽고있는 내용 : 워드 프레스 이미지 관리를위한 최고의 가이드
  2. 2. 3 WordPress의 덜 알려진 이미지 관리 팁
  3. 삼. 워드 프레스 이미지 SEO 실수 및 해결 방법

시각적 효과는 영향력있는 컨텐츠 마케팅 계획에서 가장 중요한 기능 중 하나입니다. 새로운 포스트 시리즈에 오신 것을 환영합니다 – WordPress의 이미지 관리를위한 최고의 가이드.


기술 최적화, SEO, CDN 통합 및 라이브러리 관리에서 WordPress의 이미지 자산을 관리하는 데 필요한 도구를 제공합니다. 이 멀티 파트 가이드에서는 업계 전문가가 시도했거나 권장 한 방법, 자습서, 플러그인 및 테마 만 권장합니다..

또한 WordPress 리포지토리에서 사용량이 많은 플러그인을 맹목적으로 제안하지 않습니다. 그보다는 가치 제안과 실적 최적화 사이의 완벽한 조화를 이룰 수있는 것을 권장합니다.

어떻게하면 좋을지 궁금 할 것입니다. ThemeForest에서 Total – Responsive Multipurpose WordPress 테마를 24,000 회 이상 다운로드하면 큰 지표가 아닐 수 있습니다.

Google은 업계 최고의 WordPress 호스팅 회사 (예 : WPEngine 및 Pagely) 무엇을 배웠습니다 그들 수천 명의 유명 고객에게 수십억 페이지 뷰를 제공 할 때 배웠습니다. 귀하의 온라인 성공을 위해이 모든 정보를 작은 단락과 글 머리 기호로 압축했습니다. 이제 시작합시다?

WordPress 이미지의 기술 및 성능 최적화 팁

WordPress에는 몇 가지 이미지 최적화 옵션이 있습니다. 아니 웹 서버에 불필요한 부하를가하십시오. 우리는 모두가하는 가장 일반적인 이미지 최적화 팁을 살펴 보겠습니다. 할까요 특별한 경우에 유용한 몇 가지 다른 것들과 함께.

JPG 또는 PNG? 올바른 이미지 형식 사용

이미지 최적화의 첫 단계는 좋은 출발입니다. 그들은 잘 시작된 직업이 절반이라고 말합니다. WordPress의 이미지 최적화와 관련하여 정확히 그렇습니다. 모든 것은 올바른 이미지 형식을 선택하는 것으로 시작합니다. JPG 및 PNG는 콘텐츠 마케팅에서 온라인으로 사용되는 가장 일반적인 두 가지 이미지 형식입니다..

요령은 각 유형의 이미지에 대해 어떤 형식을 선택해야하는지 이해하는 것입니다. 잘못된 것을 선택하면 이미지 크기가 크게 증가합니다. 여기 규칙이 있습니다.

PNG 형식을 사용하는 경우?

벡터, 일러스트레이션, 글꼴, 로고, 배너, 모양, 배너 등과 같은 평면 이미지의 경우 EPS 또는 Adobe Illustrator (.AI) 형식과 같은 벡터 형식으로 만들어진 이미지는 PNG를 사용하십시오. 거의 품질 손실이 거의없는 최적화 된 이미지를 얻게됩니다. 이 경우 JPG를 사용하면 크기가 손상되지 않지만 품질이 떨어질 수 있습니다. 사실, 더 높은 해상도에서 PNG는 품질 손실없이 더 가벼워집니다. JPG는 겪을 것이다.

그의 예를 들어 보자. 5000px의 평면 이미지를 만들어 JPG 및 PNG로 저장합니다..

테스트에 사용 된 샘플 이미지

플랫 이미지
JPG233KB
PNG42KB

간단히 말해서, JPG 이미지는 동일한 해상도에서 PNG보다 455 % 높았습니다..

JPG 형식을 사용하는 경우?

다른 모든 것에는 JPG를 사용하십시오. 평평한 이미지 나 벡터 이미지 이외의 것은 JPG를 사용하십시오. 사람, 장소, 사물 등의 사진 – JPG를 사용하십시오. 이 카테고리에 속하는 거의 모든 스톡 사진은 JPG를 사용합니다. JPG 대신 PNG를 사용하면 일부가 발생합니다. 심각한 성능 문제.

이 경우 특별한주의가 필요합니다. PNG 대신 JPG를 사용하면 손상이 적거나 없습니다. 그러나 JPG의 경우 피 묻은 PNG를 사용하면 손상의 여지가 많이 생깁니다. 이 예제를 살펴보십시오.

설정: Shutterstock에서이 이미지를 다운로드했으며 무게는 10.3MB 의 해결책으로 6149 × 4562 – 기본적으로 28MP 재고 사진. 인쇄용 브로셔와 같은 것을 준비하지 않으면 블로그에서 사진의 전체 해상도를 사용하지 않습니다. 블로그의 최대 이미지 크기가 고정되어 있다고 가정 해 보겠습니다. 1600px.

실험: 소스 이미지의 크기를 1600px로 조정하고 네 가지 버전 – PNG 형식의 경우 2 개, JPG의 경우 2 개. 각 형식 (JPG / PNG)에 대해 (a) 권장 압축 설정 및 (b) 최대 압축 설정을 사용합니다..

JEPG 실험을위한 샘플 이미지

결과 : 다음은 훌륭한 차트의 결과입니다.

원본 이미지 (KB)

10870
목표 해결1600px
체재설정사이즈 (KB)% 감소
JPG프로그레시브, 품질 = 8523198 %
비 프로그레시브, 품질 = 8523998 %
PNG압축 = 0557549 %
압축 = 6185283 %
압축 = 9175084 %

언뜻보기에 PNG의 84 % 압축이 충분하다 JPG에서 98 % 달성. 그것은 사실이 아닙니다. 이미지 크기를 자세히 살펴보면 PNG 무게가 1.7MB를 약간 넘는 반면 JPG는 0.22MB임을 알 수 있습니다. 즉, PNG는 JPG보다 8 배 무겁습니다 동일한 해상도에서 동일한 이미지의 버전. 다시 말해, 동일한 이미지와 해상도에서 JPG 버전은 PNG보다 700 % 더 가볍습니다.!

동일한 이미지와 해상도에서 JPG 버전은 PNG보다 700 % 더 가볍습니다.!

경험상, 평평한 이미지에는 PNG를 사용하고 다른 모든 것에는 JPG를 사용하십시오..

블로그에 재고 사진 업로드를위한 점검표

편집자가 블로그 게시물에 전체 해상도 버전의 이미지를 직접 업로드하는 수많은 블로그가 있습니다. 다음은 스톡 사진을 블로그에 업로드하기위한 몇 가지 지침입니다. 나는 많은 멋진 기능을 가진 IrfanView라는 무료 소프트웨어를 사용합니다. 나는 당신을 위해 각각을 설명합니다.

1. 이미지 크기 조정

먼저, WordPress 사이트의 모든 이미지에 대한 최대 해상도를 결정해야합니다. 해당 크기보다 큰 이미지는 물론 크기가 작지 않으면 크기가 조정됩니다..

IrfanView 있다 배치 변환 한 번에 여러 이미지에 기능 목록을 적용 할 수있는 기능 (앱 실행 후 B를 누름). 우리의 목적을 위해 기능에는 크기 조정, 자르기, 워터 마크 추가 등이 있습니다..

2. EXIF ​​데이터 제거

일반 카메라에서 클릭 한 사진에는 많은 내장 기능이 있습니다. 메타 데이터 – 이것은 이미지에 관한 아주 작은 (그러나 유용한) 정보입니다. 이러한 정보의 예에는 사진을 클릭 한 장소의 GPS 좌표, ISO 설정, 카메라 모델 등이 포함됩니다..

내 아이폰에서 클릭 한 임의의 사진의 EXIF ​​정보

우리가 사진 블로깅을하지 않는 한, 우리는 일반적으로 블로그 게시물의 이미지에 그러한 정보를 원하지 않습니다. IrfanView에서 이미지를 저장하거나 일괄 변환하면 EXIF ​​데이터가 일반적으로 제거됩니다. 이는 개인 정보, 특히 실제 위치를 보존하는 데 도움이됩니다. 대부분의 사진의 크기 차이는 이미지 당 약 200-300KB입니다..

3. 점진적 JPG로 저장

IrfanView는 기본적으로 JEPG를 점진적으로 저장했습니다.

프로그레시브 JPG 이미지는 이미지를 레이어별로로드하므로로드 시간이 단축됩니다. KeyCDN과 같은 콘텐츠 전송 네트워크가 시작되었습니다 자동 변환 이미지 전송 속도를 높이고 스토리지를 최적화하기 위해 JPG에서 프로그레시브 JPG로.

4. DPI를 72로 설정

DPI 또는 인치당 도트 수는 이미지 품질의 척도입니다. 인쇄 자료에는 높은 DPI 값이 사용됩니다. 웹의 경우 72의 값이 완벽합니다.

자, 위를 요약하면 다음은 내 설정입니다. WordPress에 이미지를 업로드하기 전에 블로그 게시물의 모든 이미지를 컴파일 한 후에이 기능을 실행합니다..

일반적인 WordPress 블로그에 대한 IrfanView의 일괄 변환 설정

5. 이미지 최적화

JPG를 사용하든 PNG를 사용하든 이미지를 최적화해야합니다. 이미지를 최적화하고 이미지를 저장하는 데 도움이되는 엄청나게 멋진 온라인 도구가 많이 있습니다 제비 공간.

다음과 같은 서비스에 대해 이야기하고 있습니다. TinyPNG 또는 고급 알고리즘으로 PNG / JPG 이미지를 간단히 최적화하는 TinyJPG.

TinyPNG에서 최적화 된 이미지

솔직히 말해서, 알고리즘이 어떻게 작동하는지 모르겠지만, 알고리즘이 최선을 다하더라도 항상 50-70 %의 감소를 얻을 수있었습니다.

당신은 또한 구입할 수 있습니다 프로 버전 $ 50 USD에 Photoshop 플러그인으로 서비스 제공. Windows 및 Mac 버전을 모두 사용할 수 있습니다. 내 목적을 위해 온라인 버전 ( Dropbox에 저장 기능) 가장 잘 작동.

워드 프레스의 이미지 최적화 플러그인

지금까지, 우리는 얻는 단계를 배웠습니다 시작 권리. 지금이 게시물을 우연히보고 이미 100 개의 이미지를 업로드 한 경우 어떻게 되나요? 글쎄, 여기에 도움이되는 플러그인이 있습니다.

EWWW 클라우드 이미지 최적화

이 플러그인은 독창적이고 인기있는 포크입니다. EWWW 이미지 최적화 플러그인. 500,000 회 이상 다운로드 된이 이미지 최적화 플러그인을 사용하면 이미지가 WordPress에 업로드 될 때 이미지를 최적화 할 수 있습니다.

경쟁 업체와 차별화되는 점은 데이터베이스의 기존 이미지를 최적화하는 능력으로 인해 성능이 크게 저하됩니다. 또한 대부분의 트래픽이 오래된 기사에서 발생하므로 상당한 대역폭 비용이 절약됩니다. 선택적으로 손실 이미지 압축 (육안으로는 거의 보이지 않음)을 활성화하도록 선택할 수 있지만 많은 공간과 대역폭을 절약 할 수 있습니다. 최적화 기술 측면에서 TinyPNG 또는 TinyJPG의 API를 사용하여 새 이미지와 기존 이미지를 최적화 할 수 있습니다.

그러나 여기에 문제가 있습니다. 많은 호스트 (WPEngine 포함)는 EWWW 이미지 최적화 플러그인을 허용하지 않으므로 서버에 많은 추가로드가 발생합니다. 서버 제한을 ​​우회하는 경우 정책 위반으로 인해 계정이 정지 될 수 있습니다..

여기가 EWWW 클라우드 최적화 플러그인이 재생됩니다. 이미지를 클라우드에 최적화하는 데 필요한 모든 계산을 오프로드하고 최적화되지 않은 이미지를 최적화 된 이미지로 간단히 대체합니다. 압축에 CPU 전력이 거의 0으로 사용되므로 서버에 추가로드가 없습니다. 이것은 WordPress 사이트의 모든 새로운 기존 이미지 변환에 유효합니다..

계획 및 가격 : 개발자가 클라우드 컴퓨팅 요금을 지불해야하기 때문에 플러그인은 무료가 아닙니다. 그러나, 그 가격 선불 구독의 3000 이미지 최적화를 위해 $ 9 USD의 비용이 극히 합리적 임.

EWWW Cloud Optimizer 플러그인은 아름답게 디자인되었습니다. 미디어 스캐너는 구매하기 전에 얼마나 많은 이미지를 최적화해야하는지 알려줍니다. 서버 이미지를 기반으로 관련 선불 요금제를 구입할 수 있습니다.

TinyPNG 워드 프레스 플러그인

TinyPNG / JPG 서비스와 직접 통합되는 또 다른 훌륭한 이미지 최적화 플러그인입니다. WordPress 미디어 라이브러리에 업로드 된 새로운 이미지와 기존 이미지입니다. 이 플러그인은 한 달에 100 개의 이미지 최적화를 무료로 제공합니다.

Freddy는 이미지 최적화 플러그인 목록을 한동안 편집했습니다. 주제에 대해 더 자세히 알고 싶다면 읽어보십시오..

결론

이로써이 시리즈의 첫 번째 게시물이 끝납니다. 다음 기사에서는 핫 링크 방지, 원격 서버에서 이미지 가져 오기 등과 같은 덜 알려진 이미지 최적화 팁 및 요령을 익히십시오. 아래에 몇 가지 팁이 있습니까? 바로 시작하기 범주? 아래 의견에 알려주십시오.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map