앞 글에서 블로그 파비콘과 로고 설정의 중요성과 워드프레스 내 설정 방법 등을 알아보았다. 만약 같이 소개한 무료 사이트에 원하는 이미지가 없다면 미리캔버스나 망고보드, 캔바와 같은 온라인 이미지 플랫폼을 활용해서 쉽게 만드는 것을 추천한다.
지금 이 블로그의 파비콘과 로고는 미리캔버스에서 무료로 만든 이미지를 사용해서 설정했는데 아래부터 제작 및 다운로드 방법과 주의사항 등을 자세히 소개하려고 한다.
1. 미리캔버스 이미지 제작 방법
https://miricanvas.com
이미지 플랫폼을 사용하면 포토샵 같은 프로그램 없이도 복사 붙여넣기와 약간의 변형을 통해 이미지를 쉽게 만들 수 있는 장점이 있다. 미리캔버스는 PPT나 포스터, 카드 뉴스, SNS 등에 특화된 다양한 양식이 있는데 이 곳에서 원하는 이미지를 찾아 편집하고 내려 받으면 된다.
미리캔버스에서 이미지를 제작하려면 우선 홈페이지 화면 오른쪽 위의 Sign up 버튼을 누르고 회원가입 진행이 필요하다. 직접 이메일을 등록하거나 구글, 페이스북, 애플 등 간편 가입도 가능한 점 참고하자.
1-1. 회원 가입하기
회원 등록이나 로그인을 마친 후 Create a design 버튼을 누르면 템플릿 캔버스 화면을 불러올 수 있다.
1-2. 템플릿 요소 등 선택하기
캔버스 화면은 위처럼 구성되어 있는데 간략한 사용 방법 및 작업 흐름을 설명하면 다음과 같다.
– 왼쪽 메뉴에서 템플릿, 요소, 텍스트, 사진 등의 카테고리 선택
– 필요한 요소가 있으면 화면 왼쪽 위에 검색
– 검색된 템플릿이나 이미지, 요소 클릭해서 화면 오른쪽 캔버스 공간에 불러오기
– 검색된 요소 이미지 오른쪽 아래 왕관 표시는 프리미엄 결제 후 사용 가능
– 전체 화면 가운데 위 Resize – Custom Size로 캔버스 사이즈 조정
– 캔버스 오른쪽 위 아이콘으로 캔버스 복사, 순서 바꾸기 가능
블로그 파비콘과 로고 크기를 생각해서 아무 플랫폼을 선택한 다음 백지 상태로 시작하는 것도 좋다. 이후 요소 카테고리에서 아이템 검색 후 불러와서 편집을 진행하면 된다.
1-3. 선택한 이미지 편집
캔버스에 불러온 이미지를 클릭하면 아래와 같은 추가 편집 기능을 사용할 수 있다. (위는 원과 빛을 검색한 뒤 추가한 원과 전구 무료 이미지)
– 이미지 크기 조절 : 아이템 테두리 영역을 마우스 왼쪽으로 잡고 움직이면 크기를 조절할 수 있다. 이때 Ctrl 키를 누르고 있으면 이미지가 같은 비율로 변경된다.
– 왼쪽 패널 사용 : 해당 이미지 색깔부터 그림자, 투명도, 정렬, 레이어 순서, 상하좌우 반전 등 옵션이 있다.
– 이미지 캔버스 정렬 : 아이템을 움직이면 캔버스에 중심선이 나타나서 위치를 맞추기 편하다.
– 여러 이미지 사이즈 변경 : 마우스로 이미지 드래그 후 전체 선택 후 영역 모퉁이 선을 잡고 움직이면 한 번에 조정 가능하다.
1-4. 이미지 최종 완성
완성한 파비콘 이미지를 만약 로고 문구로 같이 사용하려면 텍스트 요소도 불러와서 편집하면 된다. 만약 블로그에 다크모드를 적용하고 있다면 위처럼 2개 버전의 파비콘·로고 이미지를 준비하는 것도 좋다. * 워드프레스 기본 제공 글씨체로 블로그 제목을 사용한다면 이미지 옆의 텍스트 요소는 없어도 된다.
1-5. 이미지 다운로드
완성된 이미지는 우선 컴퓨터에 다운로드 후 사이즈 조정 후 워드프레스 블로그에 업로드하면 된다. 미리캔버스 화면 오른쪽 위의 Download 버튼을 클릭하면 위 옵션 창이 나오는데 확장자는 PNG 그대로 둬도 상관 없다. 다만 취향에 따라 아래 보이는 배경 투명도와 페이지는 꼭 체크하는 것이 좋다.
– 배경 투명도 : 박스를 체크하지 않으면 위에서 만든 이미지의 캔버스 흰색 바탕이 남는다.
– 페이지 숫자 : 기존에 만든 다른 이미지가 있다면 필요한 페이지만 다운로드할 수 있다.
설정 창 아래 Download 버튼을 누르면 이미지가 컴퓨터에 저장된다.
1-6. 이미지 크기 조정하기
이제 컴퓨터에서 사용 중인 그림 편집 프로그램으로 다운로드한 파일을 열어 적당한 크기로 자른 뒤 새로 저장하면 된다. 파비콘·로고 이미지만 필요하다면 정사각형으로 잘라내면 무난하다.
그리고 조금 전 투명도 이야기를 했는데 배경 투명도 체크를 하면 이미지 주변의 흰색도 보이지 않는다. (위는 체크하지 않은 예시)
1-7. 워드프레스에 업로드
워드프레스 블로그 로그인 후 설정 창의 Appearance – Customize – Site Identity로 온 다음, 로고와 파비콘 업로드 후 Publish 버튼을 누르면 설정을 마칠 수 있다.
만약 로고 이미지에 텍스트를 포함했다면 설정 창 위쪽의 Site Title란을 비우거나 아래 있는 Hide site title 박스를 체크하면 된다. 개인적으로 검색엔진 최적화(SEO)를 생각했을 때 빈칸보다는 숨김 처리가 좋을 것 같다. 왜냐하면 숨김으로 처리해도 검색 봇이 제목을 인식할 수 있지만, 빈칸 처리는 아예 인식이 안 돼서 SEO에 불리해질 수 있기 때문이다.
2. 미리캔버스 주의사항
미리캔버스 저작권 라이선스 안내
우선 미리캔버스에서 만드는 이미지는 단일 요소가 아닌 최소한 2개 이상의 요소로 만든 디자인일 때 저작권 문제없이 사용할 수 있다. 이는 미리캔버스가 저작권을 보유했거나 제휴사와의 계약의 이유 때문인데 1개 단일 이미지 사용은 금하고 있다. (이미지 캡처나 ‘다른 이름 저장’ 포함)
또한 유·무료 콘텐츠 라이선스나 콘텐츠 사용 허용 범위, 금지된 사용, 초상화 콘텐츠 사용 등 저작권과 라이선스 관련 내용은 미리 확인하지 않으면 나중에 낭패를 볼 수 있어서 이미지 다운로드 전에 꼭 자세히 확인하는 것을 추천한다.
이상으로 온라인 이미지 편집 툴 중 하나인 미리캔버스에서 블로그 로고와 파비콘 이미지를 제작해서 적용하는 방법을 알아보았다. 라이선스 내용만 잘 지키면 무료로도 쉽게 좋은 디자인을 만들 수 있어서 괜찮은 사이트라고 생각한다.
