Google은 인터넷에서 먹이 사슬의 최상위에 있습니다. 사회는 온라인에서 일어나는 많은 일에 영향을 미치거나 지시합니다. 그리고 그들의 새로운 이미지 형식 인 WebP는 이러한 추세를 이어가고 있습니다. 페이지로드 속도가 점점 더 중요 해짐에 따라 (주로 Google 페이지 순위로 인해) 개발자와 디자이너는 이미지 압축을로드 시간을 줄이는 가장 쉬운 방법으로보고 있습니다. Google WebP 이미지는 일반 JPG 또는 PNG 이미지보다 약 30 % 작으며 동일한 품질을 유지합니다. 무엇보다도 이미지를 WebP로 수동으로 변환하는 것에 대해 걱정할 필요가 없습니다.

이 기사에서는 아직 기본적으로 지원되지 않지만 WordPress에서이 새로운 이미지 형식을 사용하는 방법을 보여줍니다.

Optimole을 사용하여 WordPress에서 WebP 파일 제공

이미지 형식 인 WebP는 WordPress에서 기본적으로 지원되지 않습니다. .webp 이미지를 업로드 할 수 있지만 SVG 파일과 마찬가지로 오류 메시지가 표시 될 수 있습니다. 그리고 다시 사용에 관해서는 WordPress가 포함 된 SVG 파일 플러그인을 통한 간단한 해결 방법이 있습니다.

Wordpress 이미지 해결 방법

테스트 된 WebP 서비스 중 최적 군중에서 눈에.니다. 실제로 최소한의 구성으로 작동 할 수 있습니다. 따라서이를 구성하고 WordPress 설치가 WebP 형식과 가능한 한 쉽게 호환되도록하는 방법을 설명하고 싶습니다.

첫째, 당신은 분명히 원할 것입니다 플러그인 자체 다운로드 및 설치 . WP.org 디렉토리에 있으며 완전히 무료입니다. 전원을 켜는 API 기반 서비스 이후 (최대 포인트). PHP를 사용하여 기존 이미지를 WebP로 즉시 변환 할 수 있지만 모든 웹 호스트가이 권한을 서버에 부여하는 것은 아닙니다. 이 권한이 있으면 플러그인을 볼 수도 있습니다. WebP Express당신은 그것으로 많은 통제권을 얻습니다 하지만 원활하게 실행하기 위해서는 더 많은 구성이 필요한 시스템입니다.

Optimole이 설치되고 활성화되면 사이트 웹 WordPress, 다음에서 새로운 메뉴 옵션을 찾을 수 있습니다. 미디어-Optimole .

최적의 API 키

최적의 녹음

설정 또는 구성에 액세스하려면 Optimole 계정이 있어야합니다. 이미 구성한 경우 버튼을 클릭 할 수 있습니다. 이미 API 키가 있습니다. . 그렇지 않다면 이메일로 API 키 저장 및 전송 . 기본 API 키 계정은 무료이며이 수준에서 약 5 개의 적중을 얻습니다. 그 이상이 필요한 경우 사용 가능한 가격 책정 계층이 있습니다.

가격 가격

Optimole은 방문을 " 당신이 한번 방문하면 누구든지 [. . .] 각 사용자는 한 번만 계산됩니다. 사이트에서 무엇을하는지, 얼마나 많은 이미지를 다운로드하는지, 얼마나 많은 페이지를 방문하는지는 중요하지 않습니다. 사용자 일뿐입니다. 그들이 귀하의 사이트를 떠났다가 같은 날 다시 돌아 오더라도 여전히 사용자입니다. "

측정 된 방문이 소진되면 WebP 이미지 만 게재가 중지됩니다. 당신의 이미지 자체는 그렇지 않습니다. 맨 위에있는 Optimole 대시 보드에서 API 키를 찾을 수 있습니다.

옵티몰 워드프레스 API 키

WordPress 대시 보드에 붙여 넣기 만하면 WordPress로 WebP 이미지를 배포 할 수 있습니다.

사이트에 키 붙여넣기

Optimole WordPress 대시 보드

WordPress 대시 보드에서 WebP 최적화에 대한 기본 정보를 얻을 수 있습니다. 이를 통해이 가속화의 성공 여부를 해결하고 평가할 수 있습니다. 이러한 방식으로 다양한 설정을 변경할 수 있습니다.

Optimole 대시 보드

먼저 API와 연결된 계정이 표시되고 화면 하단에 플러그인이 최신 최적화 이미지를 표시합니다. 제공된 WebP 이미지가 WordPress에 업로드 한 원본 이미지보다 얼마나 작은 지 확인할 수 있습니다.

그런 다음 탭이 있습니다 어려움 가능한 위에. 강조 표시된 탭을 보는 것을 좋아하는 사람은 없지만 우리 모두는 어떤 충돌이 발생할 수 있는지 확인해야합니다.

Optimole 대시 보드 오류

우리가 직면 한 주요 문제는 다른 이미지 압축 및 전달 플러그인과 관련이 있습니다. 위 이미지에서 볼 수 있듯이 Jetpack 플러그인은 Optimole과 유사하게 작동합니다. Photon APIT를 통해 , 그래서 그들은 머리를 부딪칠 수 있습니다. 우리에게 이것은 이미지가 전송되지 않았다는 사실에서 나타났습니다. 방문객. TinyPNG 또는 Smush와 같은 다른 압축 서비스에서는 문제가 없었습니다.

대시 보드 사용

사이트가 WebP와 작동하는 방식에 대한 자세한 정보를 원하면 Optimole External Dashboard에이 정보가 포함됩니다.

Optimole 대시 보드 사용 1

9,5 배 더 작은 대신 제공되는 파일의 실제 크기를 확인할 수 있습니다. 30 일 동안의 파일 자체도 마찬가지입니다.

Optimole 대시 보드 보고서 1

또한 Optimole(또는 WP) 대시보드에서 워터마크를 설정하여 WordPress 사이트에서 WebP를 받는 사람은 누구나 자동으로 로고 blazon을 받을 수 있습니다. 간단한 프로세스이며 불투명도, 위치 등을 제어할 수 있습니다.

Optimole 플러그인 튜닝

기본적으로 두 대시 보드에서 동일한 작업을 수행 할 수 있습니다. 탭 아래 매개 변수 WordPress의 또는 Optimole 외부의 대시보드를 방문하여. 그것은 모두 당신이 가장 편한 것과 수준에 달려 있습니다. données 주어진 시간에 필요한 것.

또한 압축 수준, 지연로드 및 특정 이미지가 파일 이름을 기반으로 WebP로 스트리밍되는시기 / 경우를 제어 할 수 있습니다. 이 모든 것을 탭에서 찾을 수 있습니다. 매개 변수 de 미디어-Optimole .

Lazyload 워드 프레스 플러그인

WordPress 웹 사이트에서 WebP를 사용할 때 가장 좋은 점은 파일을 수동으로 작업 할 필요가 없다는 것입니다. 추가 다운로드, 추가 압축 시간, 아무것도 없습니다. API 작동 방식으로 인해 모든 프로세스와 계산이 실시간으로 즉시 수행됩니다. 구글은 실제로 JPG 나 PNG가 아닌 WebP를 사용하여 인터넷을 더 빠르게 만들었습니다. 그러나 가장 큰 장점은 크기가 상당히 줄어들더라도 이미지가 동일한 품질을 유지한다는 것입니다. Google이 사이트 속도를 높이기 위해 형식을 사용하여 사이트의 순위를 높이고 최종 사용자 경험도 향상되도록 강제하는 것이 흥미로울 수 있습니다. 그리고 그것이 결국 중요한 것입니다.