UpdraftPlus 백업 자동화란?

UpdraftPlus는 워드프레스 블로그의 전체 백업과 복원을 도와주는 플러그인이다.

소를 잃으면 외양간은 필요가 없다.

워드프레스로 블로그를 운영하다 보면 크고 작은 문제가 생긴다. 디자인을 변경하거나, 새로운 플러그인을 적용했을때 그리고 기타등등 갑자기 블로그 페이지가 열리지 않거나, 디자인이 깨지는 일들도 생긴다.

그리고 아직 익숙치 않다면 어디서부터 어떻게 손을 봐야하는지조차 알 수 없어 망연자실 하게 된다. 워드프레스로 블로그를 운영하다보면 보통 그런 일을 한 두번씩은 겪게 된다.

내가 이 블로그를 운영하는 이유도 거기에 있다. 하우소는 다른 블로그에 적용하기 전 변경할 사항을 먼저 적용해보고 이상이 있는지 확인하는 용도로 주로 활용하고 있다.

그리고 그런 사항들을 기록해두는 용도로도 사용하고 있다.

무료 버전에서도 충분한 기능을 제공하는 UpdraftPlus

아무튼 여기저기 손을 대다 보면 문제가 생기는 경우가 많다.

이럴 때 블로그가 백업되어 있다면 부담이 없다. 이렇게 백업은 예상치 못한 오류나 서버 문제, 보안 문제등에 대비하기 위한 최소한의 안전장치다.

하지만, 주기적으로 손수 챙겨서 사이트를 백업하기는 쉽지 않다. 번거롭고 귀찮기도 하다.

UpdraftPlus는 설정한 일정에 따라 자동 백업을 해주는 플러그인다.

무료 버전에서도 구글 드라이브나 드롭박스등의 클라우드에 백업하는 기능도 제공하기 때문에 개인 블로그 정도는 충분히 커버가 가능하다.

UpdraftPlus 설치 및 활성화

UpdraftPlus는 워드프레스 관리자 화면에서 플러그인 -> 플러그인 추가에서 검색해서 설치가 가능하다.

또는 워드프레스 공식 사이트에서 압축파일을 내려받아 설치할 수 있다.

설치 후 활성화하면 바로 사용할 수 있다. 자동 업데이트를 활성화하는 것도 잊지 말자.

UpdraftPlus 백업 자동화 설정 방법

설정은 간단하다.

• DB 백업과 파일 백업 주기를 각각 설정하고
• 백업할 클라우드 계정만 연결하면 끝

DB 백업 / 파일 백업 주기 설정

활성화를 하고 나면 아래 그림처럼 간단한 안내가 시작된다.

창을 닫고 메뉴에서 UpdraftPlus을 선택해도 되고, 파란 버튼을 눌러 따라가도 된다.

안내창이 닫히면 설정 탭을 클릭해 설정 패널을 연다.

가장 중요한 건 가장 위쪽에 있는 파일 백업 과 데이터베이스 백업 주기 설정이다.

스크롤 박스로 어떤 주기로 자동 백업을 진행할 것인지를 설정할 수 있다.

내 경우 데이터베이스는 매일 백업을 진행하고, 파일은 1주일에 한번 백업되는 것으로 설정했다.

물론 서버 사양이 받쳐준다면 둘다 매일 백업되는 것으로 설정하는게 좋겠지만, 파일 백업은 생각보다 백업된 파일의 크기가 크다. 각자의 사정에 따라 적당하게 설정하면 될 것 같다.

뒷 부분의 텍스트 박스에는 보관할 백업의 수를 입력하면 된다. 파일 백업을 예로 들어 일주일에 한번 백업되고 보관할 백업의 수를 3으로 설정했다면 총 3주치의 백업이 보관된다.

현재 이 하우소는 위 주기로 백업이 진행되고 있다.

백업 파일을 저장할 클라우드 선택

UpdraftPlus는 무료버전에서도 클라우드로의 백업 파일 전송을 지원한다. 물론 따로 설정하지 않으면 백업 파일은 서버에 저장된다.

클라우드로 백업 파일을 전송할지는 본인의 선택이다.

개인 블로그용으로 Vultr나 클라우드웨이즈 같은 VPS서비스를 이용하면 보통 cpu나 메모리가 부족하지 저장공간이 부족한 경우는 많지는 않을 것이다.

다만, 서버에 문제가 생길 가능성도 있으니 가급적 외부 저장소에 백업 파일을 보관하는게 좀 더 안전하다.

일단 무료 버전에서 사용이 가능한 클라우드 서비스는 아래와 같다.

구글 드라이브는 무료사용자에게도 15GB의 공간을 제공한다. 현재 이 하우소 역시 구글드라이브로 백업하고 있다.

그리고 개인적인 경험으로는 포스팅 500개 내외의 블로그 2개 정도는 계정 하나로 커버가 가능하다. 물론 이또한 가급적 개별 계정에 별도로 보관하는게 관리하기 편하다.

구글 드라이브를 선택하면 지금까지 설정한 내용을 한 번 저장한 후 계정에 연결할 수 있다.

화면을 가장 아래로 내려 변경 사항 저장 버튼을 눌러 저장하면 구글 계정 연결 버튼이 뜨는 걸 확인할 수 있다. 안내에 따라 계정을 연결하면 된다.

구글 계정에 연결했다면 백업 / 복원 탭에서 지금 백업 버튼을 눌러 구글 드라이브에 정상적으로 저장되는 확인한다.

정상적으로 연결되었다면 구글 드라이브에 UpdraftPlus 폴더가 생성되고 백업 파일들이 그 안에 저장된다.

UpdraftPlus 백업 일정 설정하는 방법

워드프레스 백업작업은 서버에 부담을 준다. 백업할 용량이 적은 DB 백업 정도는 서버에 크게 부담을 주지 않지만, 파일 백업은 서버에 어느 정도 부하를 발생시킬 수 있다.

서버에 부담이 더해지면 블로그의 성능은 떨어질 수 있다. 즉, 방문자 접속이 많은 시간은 피하는게 좋다는 말이다.

UpdraftPlus 무료버전에선 일정 조정 불가

물론 UpdraftPlus 는 무료 버전에서도 개인 블로그 정도는 충분히 커버가 가능한 기능을 제공한다. 하지만 딱 한가지 자동 백업 일정을 원하는대로 설정할 수는 없다.

UpdraftPlus는 설치 후 처음 설정을 저장한 시간을 기준으로 자동 백업 일정을 설정한다. 즉, 원하는 시간에 백업이 실행되게 하려면 새벽까지 기다렸다 설정을 해야 하는 불편함이 있다.

이 부분을 보완하기 위해 플러그인이 하나 더 필요하다. 서버의 예약 작업을 확인하고 일정을 조정할 수 있는 WP Crontrol 이다.

예약 작업의 일정조정을 위한 플러그인 WP Crontrol

우선 플러그인 추가에서 WP Crontrol 를 검색해 설치한다.

설치 후 활성화를 하고 플러그인 목록에서 WP Crontrol이라는 플러그인 이름 아래쪽에 이벤트를 클릭한다.

이제 이 목록에서 아래 세가지를 찾아 원하는 일정으로 수정해주면 된다. 항목명인 훅 옆 삼각형 표시를 누르면 이름순으로 정렬할 수 있어 쉽게 찾을 수 있다.

주기 자체는 UpdraftPlus에서 입력한 대로 설정되어 있는 것을 볼 수 있다.

각각의 항목명 위에 마우스 포인터를 올리면 아래쪽으로 설정 메뉴들이 뜨는데, 이중 편집을 누르면 예약 작업의 일정을 원하는 시간으로 변경할 수 있다.

updraft_backup 은 파일 백업의 예약 작업일정, updraft_backup_database은 DB 백업의 예약 작업 일정이다.

그리고 updraftplus_clean_temporary_files 은 임시 파일을 삭제하는 일정으로 하루 두번 실행된다.

각각의 백업 일정은 시작 시간이 서로 겹치지 않도록 하면 서버의 부하를 최소화할 수 있다.

하지만 워드프레스의 예약 작업은 트래픽이 트리거가 작동된다. 때문에 실제 예약작업이 실행되는 시간은 설정한 시간과 차이가 있다.

작업간 최소 15분이상의 간격을 두는 것이 바람직하다.

updraftplus_clean_temporary_files은 다른 백업작업 앞에 실행되도록 설정해놓으면 된다.

여러개의 블로그를 하나의 서버에서 운영하고 있다면 각각의 블로그의 백업작업이 서로 겹치지 않도록 설정이 필요하다.

UpdraftPlus 백업 결과

한번 설정해두면 가끔씩 백업 백업 파일들이 잘 저장되고 있지만 확인해주면 특별히 설정을 변경하는 등의 신경 쓸 일은 없다.

물론 위에서 잠깐 언급했듯이 트래픽이 예약 작업이 실행되는 트리거가 되기 때문에 실제로 백업이 실행되는 시간은 조금 들쭉 날쭉하긴 하다. 그래도 큰 문제없이 잘 실행이 된다.

내 경우 이 하우소와 같이 트래픽이 거의 없는 블로그는 하나의 구글 계정에 두개까지 연동해 사용중이다.

실제로 내 경우엔 워드프레스 블로그가 어느 정도 자리를 잡은 뒤에 UpdraftPlus를 설치해 사용중이기 때문에 실제 백업을 진행해본 적은 아직 없다.

하지만 워드프레스를 다루는게 지금보다도 훨씬 더 서툴었을때의 일을 생각해보면 왠지 든든하다.

반드시 이 패키지가 아니어도 관계없다. 지금 워드프레스를 시작했다면 상시 백업툴 하나씩은 반드시 마련해놓길 바란다.

The post UpdraftPlus 백업 자동화 방법 -날린 뒤엔 눈물도 소용 없다 appeared first on 하우소.

포토샵으로 webp 생성

어드비 포토샵은 23.2 부터 webp 포맷을 완변하게 지원하고 있습니다. 별도의 플러그인이나 설정없이 이미지를 webp로 생성하거나, webp 파일을 열어서 편집할 수 있습니다.

편집한 이미지를 webp로 저장하는 방법을 간단하게 살펴보면 아래와 같습니다.

1. 파일->사본 저장 클릭

2. 사본저장 창의 파일형식 스크롤메뉴에서 webp를 선택

3. 파일명 입력 후 저장 버튼을 누른 후 나오는 webp 옵션창에서 필요한 옵션을 선택하거나 조정하여 저장하면 완료

① 손실 없음은 png와 같은 무손실 압축을 의미합니다. webp는 무손실 압축의 경우 png보다 파일사이즈가 26% 더 작다고 합니다.

② 손실 을 선택하는 경우 jpg처럼 손실 압축으로 이미지를 저장합니다. 동등한 수준의 품질이라면 jpg에 비해 25%~34% 더 작다고 합니다. 품질은 50~75 사이면 블로그용으로 사용하기에 무리가 없습니다.

보다 자세한 내용은 어도비의 “Photoshop에서 WebP 파일 작업하기” 페이지에서 자세한 내용을 확인할 수 있습니다.

다른 포맷의 파일을 webp로 변환하는 방법

webp 로 이미지를 새로 생성하는 방법 외에도 기존 이미지 파일을 webp 포맷의 파일로 변환하는 것도 가능합니다.

바로 구글에서 제공하는 웹앱 Squoosh를 이용하는 방법과 가벼운 이미지 뷰어로 인기있는 꿀뷰를 이용하여 webp로 변환하는 방법 입니다.

Squoosh

구글에서 제공하는 웹 앱 squoosh를 이용하면 다른 포맷과 혹은 webp 압축 옵션에 따라 미리보기를 통해 직관적으로 비교할 수 있어 효과적으로 용량 대비 품질을 조정할 수 있습니다.

1. https://squoosh.app/ 에 접속합니다. 별도의 회원가입이나 로그인 없이 바로 이용할 수 있습니다.

2. 변환할 이미지를 불러옵니다. ① 의 아이콘을 눌러 직접 이미지를 불러오거나, ② “Paste” 눌러 클립보드에 복사한 이미지를 불러오거나, ③ 변환하려는 파일을 squoosh 을 열어놓은 브라우저 창에 끌어다 놓으면 됩니다.

3. 이미지를 불러오면 아래 화면과 같이 중앙의 ④구분선을 기준으로 Ⓐ,Ⓑ로 나누어져 있습니다.

구분선은 마우스로 클릭하여 좌우로 ⑤이동 가능합니다. 마우스휠이나 ⑥메뉴를 이용해 화면을 확대, 축소 할수 있습니다.

원본과의 비교뿐만 아니라, Ⓐ,Ⓑ 양쪽에 각각 다른 포맷과 압축옵션, 사이즈를 적용해 서로 비교해 볼 수 있습니다.

4. 패널에서 원하는 옵션을 조정해줍니다. 기본적인 사이즈 조정에서부터 알파채널에 대한 압축 옵션까지 설정이 가능합니다.

5. 옵션을 조정해 결과를 확인한 후 저장합니다. 좌우 하단에 버튼 ⑦, ⑧을 눌러 저장합니다.

파일은 Ⓐ, Ⓑ 양쪽 모두 각각 저장할 수 있습니다.

꿀뷰

이미지 뷰어로 많은 분들이 사용하시는 꿀뷰로도 jpg나 png 이미지를 간단하게 webp로 변환할 수 있습니다.

혹시 꿀뷰가 설치되어 있지 않다면 반디소프트( https://kr.bandisoft.com/honeyview/ )에서 다운 받을 수 있습니다.

1. 원하는 이미지를 꿀뷰로 불러옵니다.

2. ①편집을 누른후, 펼쳐진 메뉴에서 ②이미지 변환을 클릭합니다.

파일을 마우스 오른쪽 클릭해 펼쳐진 메뉴에서 꿀뷰로 변환이나 꿀뷰로 보기를 눌러 불러올 수도 있습니다.

3. 저장이미지 포맷⑤에 스크롤 메뉴를 클릭하여 변환하려는 webp를 선택한 후 품질을 선택합니다.

필요한 경우 이미지 회전③이나 사이즈 변경④ 및 저장위치 설정⑥이 가능합니다.

4. 하단의 시작 버튼을 누르면 변환이 완료됩니다.

그 외 webp로 변환하는 방법

그외에도 Convertio 등과 같이 웹을 통해 제공되는 변환서비스들도 있습니다.

보통 변환할 수 있는 이미지 갯수에 제한이 있지만, 블로그 포스팅 용도로 사용하기에는 부족하지는 않을 것 같습니다.

다만, webp로 변환하는 목적이 이미지 파일의 용량을 줄이는데 있는만큼 최대 효율의 용량 감소를 위해서는 Squoosh와 같이 압축 옵션에 따른 이미지 품질 변화를 바로 확인할 수 있는 툴을 이용하는 것이 더 유용하리라 생각됩니다.

The post webp로 변환하는 방법 Squoosh 꿀뷰 appeared first on 하우소.

블로그 이미지 용량 줄이기 그 이유는?

워드프레스로 블로그 운영을 시작하면 보통은 한동안 검색을 통한 방문자가 없습니다.

글을 발행하는게 이제 아주 조금이나마 살짝 익숙해지는 어느 시점에선가 그 고요함과 적막함이 느껴지는 순간이 불현듯 찾아 옵니다.

왜 방문자가 없을까? 어떻게 하면 방문자가 늘어날까? 고민하면서 마치 기우제를 드리는 마음으로 이것저것 하나둘 뒤져보고 손보게 됩니다.

구글 페이지스피드 인사이트

아마 그때 제일 먼저 눈에 들어오는게 페이지스피드 인사이트( 바로가기 : https://pagespeed.web.dev/ ) 가 아닐까 싶습니다.

페이지스피드 인사이트는 구글 SEO 의 웹성능 지표인 코어 웹 바이탈을 분석할 수 있도록 구글에서 제공하는 측정도구입니다.

성능, 접근성, 권장사항, 검색엔진 최적화 총 네가지 지표에 대해 수치로 분석하고 개선사항을 안내해줍니다.

성능을 제외한 접근성이나 권장사항, 검색엔진 최적화 3개의 항목은 인간이 어느 정도 이해할 수 있는 언어로 되어 있기 때문에 어찌어찌 점수를 끌어올릴수 있었습니다.

하지만 성능 항목에 대한 개선 사항은 좀처럼 이해하기 어려운 말로 되어 있어 개선에 어려움이 있었습니다. 딱 한가지 빼고요.

컨텐츠가 포함된 최대 페인트 요소 (LCP)

바로 LCP(Largest Contentful Paint) 입니다. 페이지스피드 인사이트 페이지에선 컨텐츠가 포함된 최대 페인트 요소 라고 표현되어 있습니다.

직관적으로 이해하기 어려운 용어였는데, 검색해보니 이미지 또는 텍스트 블록과 같은 웹 페이지의 가장 큰 부분을 로드하는 데 걸리는 시간을 의미한다고 합니다.

그리고 LCP의 개선을 위해선 CDN 을 이용하거나, 지연로딩을 구현하거나, 이미지의 파일사이즈를 줄이는 최적화가 필요하다고 합니다.

CDN도 모르고 지연로딩도 모르지만 일단 이미지 용량을 줄이는 건 할 수 있잖아요? 그럼 해야죠.

블로그 이미지 용량 줄이기 좋은 포맷

일단 이미지가 많이 포함된 글을 하나 선택하고 포함된 이미지를 다시 작업해 교체했습니다.

화면캡쳐한 걸 그대로 사용하다보니 화면캡쳐 기본 포맷인 png로 이미지들이 업로드되어 있었습니다.

png 형식은 무손실 압축 이미지 포맷이기 때문에 동일한 품질의 jpg에 비해 사이즈가 큽니다.

jpg는 사이즈가 작은만큼 품질이 낮음

우선 사이즈를 줄이고 품질을 낮춰 jpg로 저장하여 교체한 후 페이지인사이트에서 측정해보니 효과가 있습니다.

성능 항목의 스코어가 큰 폭으로 상승했습니다. 하지만 만족스럽지 않았습니다.

스코어 표시는 여전히 주황색인데다 용량만 생각해서 품질을 극단적으로 낮췄더니 이미지가 구립니다. 어차피 구리다면 용량이라도 더 작았으면 좋겠습니다.

새로운 포맷 avif, heic, webp의 호환성

검색해보니 jpg에 비해 압축률이 높은 새로운 이미지 포맷이 있었습니다. avif, heic, webp 세가지 였습니다.

그 중 avif와 heic 는 webp에 비해서도 압축률이 더 높지만, 비교적 최근 발표된 포맷으로 아직은 웹환경에서의 호환성이 좋지 않았습니다.

그에 반해 webp는 다른 두 포맷에 비해 나온지 오래된 포맷이라 이제는 거의 모든 웹브라우져에 호환이 가능합니다.

jpg나 png 만큼은 아니어도 다른 두 포맷에 비해서는 생성이나 변환이 수월한 편입니다. 포토샵에서도 23.2 버전부터 webp를 완벽하게 지원합니다.

구글에서 제공하는 Squoosh ( https://squoosh.app/ ) 를 이용해 쉽게 변환도 가능했습니다.

블로그 이미지 용량 줄이기 결과

페이지스피드 인사이트에서의 성능지표 스코어가 jpg에 비해서도 대폭 상승했습니다.

스코어를 100점까지 맞출수 있다면 좋겠지만, 현재로선 여기까지가 한계가 아닐까 싶습니다.

나중에 블로그가 좀 더 자리를 잡으면 그때 최적화가 잘될 유료 테마를 구매하는 것도 좋은 방법이 아닐까요?

webp로 변환하는 방법은 “webp로 변환하는 방법 Squoosh” 이 글을 참고해주세요.

The post 블로그 이미지 용량 줄이기 위한 가벼운 이미지 포맷 webp appeared first on 하우소.