어제 나만의 티스토리 아이콘 만들기를 진행했다. 챗 GPT로 이미지 생성하는 방법은 이전 글에서 확인할 수 있다.
아무튼 이번 포스팅에서는 생성한 이미지를 티스토리 대표 이미지, 아이콘으로 설정하는 방법이다.
티스토리 대표 이미지 업로드 하기
(1) 티스토리 관리자 메인 화면에서 대표 이미지가 공란으로 되어있을 것이다. 이 부분을 클릭한다.
(2) 블로그 설정 페이지가 등장한다. 대표 이미지를 또 클릭해 준다.
업로드 창이 나오는데, 올릴 이미지를 업로드해 준다.
(3) 대표 이미지가 업로드되어서 반영이 된 것을 확인할 수 있다.
(4) 아래로 내려보면 아이콘 부분을 확인할 수 있는데, 이곳에서도 불러오기 를 클릭하여 대표 이미지를 업로드해준다.
32*32 픽셀 또는 64*64 픽셀 크기의 이미지만 업로드가 가능하며, 파일 형식은 JPG 또는 PNG 파일이어야 한다.
내 이미지는 webp 파일이어서 webp → png 변환 사이트에 업로드해서 변환시켰고, 파일 크기도 64로 맞췄다.
파일 업로드가 되었다면 변경사항 저장을 클릭하면 업로드가 된다.
파비콘은 웹사이트의 아이콘을 말하며, 웹 브라우저의 주소 표시줄이나 즐겨 찾기 목록에 작은 아이콘으로 나타나는 이미지이다.
16*16 픽셀 또는 32*32 픽셀 크기로 하여 ico 파일로 변환한 다음에 불러오기 를 클릭하여 업로드하면 설정이 된다.
나는 파비콘까지는 필요하지 않다고 생각해서 일단은 보류했다.
티스토리 대표이미지 반영 후 결과
PC 버전에서는 아이콘이 반영이 되어 보이게 되었다.
댓글을 작성하면 나의 대표 이미지가 노출이 된다.
모바일 버전은 헤더와 우측 상단에 아이콘이 반영이 되었다.
모바일로 접속해 보니 티스토리 기본 스킨이 반영되어 있다. 반응형 스킨을 사용하고 있는 경우 티스토리 모바일 스킨을 OFF를 해둬야 보인다.
티스토리 관리자 페이지에서 꾸미기 - 모바일 - 모바일 웹 설정 - 사용하지 않습니다 를 클릭하면 모바일에서도 PC 버전과 같은 스킨의 모바일 반응형 스킨이 노출이 된다.
티스토리 모바일 버전이 아닌 반응형으로 사용할 경우 PC버전과 일관된 디자인의 티스토리 스킨을 사용할 수 있다.