블로그를 위한 워드프레스 웹페이지를 만들 때 필요한 워드프레스 플러그인과 설치 및 세팅 방법을 소개합니다. 이전의 쉬운 목차 설명에 이어 오늘은 블로그 글을 위한 이미지를 업로드 할 때 유용하고 편리하게 사용 할 수 있는’ ‘Converter for Media’ 플러그인의 설치와 기본 세팅 방법을 알아보려고 해요.
워드프레스 플러그인_Converter for Media
블로그의 콘텐츠는 대부분 글과 이미지로 이루어져있는데요. 검색을 통해서 사이트를 방문할 때 가끔 사진 이미지의 사이즈 때문에 로딩 시간이 길어져서 서칭의 속도가 느려지는 불편함을 느낄 때가 있어요. 빨리 정보를 읽고 싶은데 연결 속도 때문에 너무 느려지는 경우 기존에 클릭했던 사이트로의 접속을 멈추고 다른 사이트를 클릭하게 되기도 하는데요.
누군가 우리의 사이트에 방문했을 때 이런 일이 생기면 방문자도 불편하고 우리도 애써 올린 콘텐츠를 공유할 기회를 잃게 될 수 있겠죠.
그래서 오늘은 이미지의 사이즈 때문에 우리의 콘텐츠 로딩 속도가 느려지지 않도록 이미지 사이즈를 줄여서 업로드 할 수 있게 도와 주는 플러그인을 설치 해 보려고 해요.
바로 ‘Converter for Media’라는 워드 프레스 플러그인인데요.
이미지를 업로드 할 때 PNG 혹은 JPG 파일을 자동적으로 Webp로 변환해주는 플러그인이예요.
사진 이미지 Webp
Webp는 온라인 이미지 크기를 줄여 인터넷에서 이미지가 로딩 되는 시간을 단축하기 위한 GIF, JPG, PNG 대체 이미지 파일 형식으로 2010년 구글에서 개발한 파일 포맷인데요. 사진과 그래픽의 고품질 이미지를 표현 하면서도 기존 사진 파일보다 용량은 줄어들어요. 그래서 사이트 접속 시 이미지 로딩을 위한 대기 시간을 줄여주기 때문에 사용자 편의성을 높여준답니다.
가장 보편적인 사진 이미지는 JPG 혹은 JPEG 확장자로 사용되는 JPEG 형식과 PNG 형식의 파일이지만 Webp에 비해 용량이 크기 때문에 로딩 속도가 느려질 수 있고 SEO 측면에서도 불리해요.
그렇기 때문에 우리가 인터넷 사이트에 이미지를 활용할 때는 Webp 파일로 변환해주는 것이 좋은데요.
우리가 매번 사진 파일을 변환하려면 너무 귀찮고 힘들잖아요.
그래서 이러한 수고를 덜어주기 위한 플러그인인 ‘Converter for Media’ 를 설치해서 활용하려고 해요.
Converter for Media 설치 방법
다른 플러그인과 마찬가지로 이 플러그인 설치 방법도 클릭 두번만으로 가능해요.
플러그인 메뉴에서 Add New Plugin 버튼을 클릭 한 후 검색을 통해 ‘Converter for Media’를 서칭 해 주세요.
그리고 ‘지금 설치’ 버튼을 누른 후 설치가 완료되면 ‘활성화’를 클릭 해 주면, 이제 플러그인이 작업을 시작 할 준비가 완료되었어요.
Converter for Media 세팅
이제 활용의 편의를 높이기 위한 기본 세팅을 시작 할께요.
설정(setting)을 클릭하면 아래와 같은 화면이 나오는데요.
Conversion Strategy 옵션을 Optimal로 선택해주세요. 이미지 퀄리티의 손상은 최소화하고 파일 사이즈를 줄이는 옵션이랍니다.
그리고 Format 옵션 중 Webp를 선택해주세요.
AVIF가 더 최신의 고효율 이미지 압축 포맷이지만 유료이기 때문에 우리는 Webp를 사용할거예요. 무료이기도 하지만 블로그를 위한 이미지는 Webp만으로도 충분하거든요.
이렇게 설정 후 변경사항을 저장해주면 되는데요.
가끔 서버 구성 오류 메세지가 아래와 같이 뜰 때가 있어요.
‘It appears that the requests for images on your website are being processed by the Nginx server, bypassing Apache….’
이럴 때는 걱정할 필요가 없어요. 해결 방법도 같이 알려주거든요. 바로 alternative solution의 방법을 따르면 되는데요.
advanced setting으로 가서 Image loading mode를 ‘Bypassing Nginx’로 선택해주면 되요. (저는 클라우드 웨이즈를 사용하고 있기 때문에 혹시 다른 호스트를 사용하신다면 오류 코드와 해당하는 대응 솔루션에 따라 해결하면 된답니다.)
그리고 꼭! 해줘야 하는 것이 있는데요.
바로 Advanced setting에서 Conversion metod를 반드시 GD 로 선택하고 설정을 완료해야 해요.
이 플러그인을 설치 하기 전에 올린 이미지와 함께 포스팅이 있다면 해당 이미지에 마우스 커서를 가져간 후 오른쪽 마우스 버튼을 클릭해 보세요. 이미지 주소 복사 메뉴가 있는데요. Webp변환 전의 이미지기 때문에 복사 후 CTRL+V를 누르면 0000.jpg로 보일거예요.
다시 오류를 해결 하고 설정 완료를 한 후 이미지가 포함 된 콘텐츠를 올린 다음 포스팅 된 글에서 오른쪽 마우스를 눌러서 ‘이미지를 다른 이름으로 저장’을 클릭하면 파일이름이 뜨는데요. 이 때에는 Webp 확장자로 변경되어 있을거예요. 플러그인이 정상적으로 작동하고 있는 것이죠.
그런데 매번 사진을 올릴 때마다 이 과정을 반복하기 어려우니 이 과정을 자동화하기위해 conversion method를 GD로 선택주는 거예요. 이미지를 새로 추가하면 자동으로 Webp로 변환해주거든요. 그래서 새로운 콘텐츠에 이미지를 올릴 때마다 Webp로 변환할 필요가 없어요.
오늘은 블로그를 위한 플러그인 중 이미지 사이즈를 줄여줄 수 있는 포맷인 Webp변환을 자동화 해주는 ‘Converter for Media’의 설치와 세팅 방법을 같이 알아 보았는데요. 다음에는 검색엔진 최적화를 도와주는 플러그인 Rank Math에 대해 알아볼께요.
*워드프레스 플러그인 추천 포스팅*