워드프레스 필수 플러그인 3 - TinyPNG - JPEG, PNG & WebP image compression

목차 ▲

워드프레스 필수 플러그인: TinyPNG-JPEG, PNG & WebP image compression 플러그인 소개

TinyPNG – JPEG, PNG & WebP image compression 플러그인 설정하는 방법

이번 포스팅은 지난 필수 플러그인에 이어서 워드프레스 블로그를 운영하면서
워드프레스 필수 플러그인이라고 생각이 되어지는 3번째 플러그인을 가지고 왔습니다.
이번에 소개해드릴 플러그인은 다들 아실만한 TinyPNG에서 만든 TinyPNG – JPEG, PNG & WebP image compression라는 플러그인입니다.
워드프레스 블로그나 사이트를 운영하면 최적화나 속도에 관련하여 SEO에 긍정적인 영향을 줄 수 있는 유용한 플러그인입니다.
물론 이와 같은 플러그인들 중에는 Imagify, Convert for Media 등 많이 존재하지만 이미 검증이 되어 공신력이 높다고 판단되어집니다.

또한, 이 플러그인은 블로그나 사이트 운영에 하면서 SEO최적화와 이미지 로딩 속도 개선이라는 목적에 있어 가장 중요하다라고 생각해도 무방할 정도의 플러그인이기 때문에 필수 설치를 권하고 있습니다.

SEO최적화에 있어 이미지 관리가 필요한 이유

이미지 관리는 SEO (Search Engine Optimization) 최적화에 있어서 매우 중요합니다.
검색 엔진 최적화는 웹사이트의 가시성을 높이고
더 많은 유기적인 트래픽을 유치하는데 도움을 주는 전략입니다.
이 말은 즉, 웹사이트 방문율 증가에 도움을 준다고 생각하시면 될 것 같습니다.

이미지 검색 결과에서의 노출 기회

이미지 검색은 많은 사람들이 제품, 서비스, 정보를 찾는 데 중요한 역할을 합니다.
웹 페이지에 적절한 이미지를 사용하고 이미지에 관련된 메타데이터를 제공하면, 검색 결과에서 이미지도 노출될 가능성이 큽니다.
이는 웹사이트에 더 많은 유입 트래픽을 유도하는데 도움을 줍니다.

이미지 검색 최적화

이미지는 검색 엔진이 인식하기 어려울 수 있습니다.
따라서 이미지에 대한 설명을 포함하는 대체 텍스트를 작성하여 검색 엔진이 이미지를 이해하고 색인화하는데 도움을 줄 수 있습니다. 이러한 대체 텍스트는 이미지의 내용과 관련된 키워드를 포함하여 최적화되어야 합니다. 이와 같은 이유때문에 이미지에 Alt태그를 걸어주는 이유 중 하나입니다.

웹 페이지 속도 최적화

이미지는 웹 페이지의 로딩 속도에 큰 영향을 미칩니다.
용량이 큰 이미지를 사용하면 페이지 로딩 속도가 느려지므로 사용자 경험에 악영향을 미칠 수 있습니다.
이미지를 압축하고 최적화하여 웹 페이지의 로딩 속도를 향상시키는 작업이 필요합니다.
검색 엔진은 빠른 로딩 속도를 선호하며, 이는 웹 페이지의 랭킹에도 영향을 미칩니다.

소셜 미디어 공유 및 링크 확장(Backlink)

이미지가 독창적이고 흥미로운 경우, 소셜 미디어에서 더 많은 공유와 좋아요를 받을 수 있습니다.
공유 횟수가 증가하면 해당 페이지의 인기도가 증가하고, 검색 엔진 랭킹에도 긍정적인 영향을 미칠 수 있습니다.
또한 다른 웹사이트에서 이미지에 대한 링크를 받으면 백링크(backlink)가 생성되어 검색 엔진의 신뢰도를 높일 수 있습니다.

요약하면, 이미지 관리는 검색 엔진 최적화에 있어서 페이지 노출 기회를 높이고, 이미지 검색 최적화를 통해 더 많은 트래픽을 유치할 수 있으며, 웹 페이지 속도를 개선하고, 소셜 미디어 공유와 링크를 촉진하여 검색 엔진 랭킹을 향상시킬 수 있는 중요한 전략입니다.

워드프레스 필수 플러그인: TinyPNG-JPEG, PNG & WebP image compression 플러그인 소개

TinyPNG – JPEG, PNG & WebP image compression 플러그인에서는 다음과 같이 소개하고 있습니다.

JPEG, PNG 및 WebP 이미지를 최적화하여 웹 사이트를 더 빠르게 만들 수 있습니다.이 플러그인은 인기 있는 이미지 압축 서비스 TinyJPG 및 TinyPNG와 통합하여 모든 이미지를 자동으로 최적화합니다.

특징들

업로드 시 새 이미지를 자동으로 최적화합니다.

고급 백그라운드 최적화를 통해 워크플로우 속도를 높일 수 있습니다.

미디어 라이브러리에 이미 있는 개별 이미지를 최적화합니다.

기존 미디어 라이브러리의 간편한 대량 최적화

보다 합리적인 브라우저 표시를 위해 최대 너비 및/또는 높이를 설정하여 대용량 이미지 업로드 크기를 자동으로 조정합니다.

점진적인 JPEG 인코딩을 사용하여 JPEG 이미지를 더 빠르게 표시할 수 있습니다.

저작권 메타데이터, 작성 날짜 및 GPS 위치를 원본 이미지에 보존하도록 선택합니다.

애니메이션 PNG 압축을 지원합니다.

최적화할 이미지의 축소 이미지 크기를 선택합니다.

단일 API 키로 다중 사이트를 지원합니다.

WPML 호환.

WooCommerce 호환(아래 참조).

WP Retina 2x 호환.

설정 페이지와 대량 최적화 중에 사용량을 확인합니다.

색 프로필은 표준 RGB 색으로 자동 변환됩니다.

CMYK를 RGB로 변환하여 더 많은 공간을 절약하고 호환성을 추가합니다.

총 절감액이 포함된 대시보드 위젯.

WordPress 모바일 앱으로 업로드를 최적화하고 크기를 조정할 수 있습니다.

TinyPNG – JPEG, PNG & WebP image compression 플러그인 설정하는 방법

개인 워드프레스 관리자페이지에 접속합니다.
접속하게되면 좌측 사이드바에 플러그인 > 새로추가를 클릭하여 접근합니다..
접근한 후 우측 상단 검색창에 ‘TinyPNG’를 검색합니다.
검색 후에 다음과 같은 플러그인이 뜨게되면 다운로드 후 활성화를 클릭하여줍니다.

활성화를 클릭하고 설정에 가게되면 아래와 같은 창이 뜨게 됩니다.

1번 – 이름(아무렇게나 작성해도 됨)
2번 – 인증메일을 받을 이메일 주소
3번 – API 키 입력란
1번과 2번을 각각 작성하고 Register Account를 클릭하면 인증메일이 전송됩니다.
인증메일에 가서 인증을 확인하고 나면 TinyPNG 플러그인이 연결된 걸 볼 수 있습니다.
만약, 연결이 안되었다면 TinyPNG API 키를 가져와서 연결을 해야합니다.
연결하고 난 후 TinyPNG 플러그인 설정에 가게되면 다음과 같은 창이 뜨게됩니다.

여기서 Compress new images in the background(Recommended)를 선택하고 저장하고 빠져나옵니다.
여기까지 설정하면 기본 설정은 끝이 나게됩니다.

기존에 올렸던 이미지 최적화

다음은 기존에 올렸던 이미지들은 어떻게해야하지..하나하나 다 돌려야되나? 아닙니다!
기존 이미지에 대한 최적화하는 방법 설명드리겠습니다.

우선 플러그인 > 설치한 플러그인 화면으로 이동하여줍니다.
여기서 TinyPNG – JPEG, PNG & WebP image compression 플러그인을 찾아 Bulk Optimization을 클릭합니다.

여기서 대량 최적화를 하시면 됩니다.
대량 최적화를 하게되면 아래와 같이 로딩하는 것이 보여지게 될 것이며, 최적화를 하는 중인겁니다.

이렇게 최적화를 진행하고 나면 아래와 같은 로그 그래프가 보이게되며, 얼마나 줄었는지 보여주는 통계가 보입니다.

마무리

이것으로 설정이 끝나게 되었습니다.
이 플러그인이 다른 플러그인에 비해 좋은 점은 충분히 공신력있는 회사이기도 하며,
한달에 주는 무료 용량이 가장 큽니다.

또한, 한달에 무료로 주는 용량이 끝나면 개별적으로 또 구매하여 사용할 수 있으며,
이미지를 많이 올리시는 분들은 유료로 사용하는 분들도 많다는 걸로 알고 있습니다.

이러한 이유때문에 워드프레스 필수 플러그인 이미지 최적화 플러그인으로 순위에 넣었습니다.

워드프레스 필수 플러그인 3 – TinyPNG – JPEG, PNG & WebP image compression

함께 보면 더 유용한 정보들