티스토리를 운영할 때 JPG나 PNG 이미지 파일을 ICO 파일로 변환해야 할 때가 있는데요.
바로 티스토리 파비콘 이미지를 업로드할 때입니다.
오늘은 파비콘이란 무엇이며, 어떻게 만드는지 또한 티스토리에 어떻게 표시되는지 등에 대해서 살펴볼게요.
ICO 파일 만들기
티스토리 파비콘 설정방법
무료 이미지 변환 사이트
무료 이미지 축소 사이트
| < 목차 > * 파비콘이란 무엇인가? * 티스토리 파비콘 이미지 ICO 파일로 변환하기 - 무료 디자인 사이트 - 무료 이미지/파일 변환 사이트 - 무료 이미지 축소 사이트 * 기타 ICO 파일 무료 변환 사이트 |
파비콘이란 무엇인가?
파비콘(Favicon)은 '즐겨찾기(favorites)'와 '아이콘(icon)'의 합성어로, 웹사이트나 웹 페이지를 대표하는 작은 이미지인데요. 주로 웹 브라우저 상단에 있는 탭에 표시되며, 16x16 픽셀의 크기를 사용합니다.
파비콘은 즐겨찾기 아이콘 또는 바로 가기 아이콘이라고도 하는데요.
여러 개의 브라우저가 띄워져 있는 상태에서 쉽게 내가 보고 싶은 브라우저 탭으로 바로 이동할 수 있는 가이드 역할을 해 주죠. 따라서 파비콘은 웹사이트의 식별성과 브랜드 인식을 높이는 중요한 요소로 쓰이고 있답니다.
참고로 파비콘을 설정하지 않으면 브라우저에서 기본으로 제공하는 아이콘으로 표시됩니다.
티스토리 파비콘 이미지를 ICO 파일로 변환하는 방법
파비콘 이미지는 주로 자사 로고를 활용하여 바레이션을 많이들 하는데요.
이미지 사이즈가 작기 때문에 여러 개의 브라우저 탭 중에서도 눈에 확 들어올 수 있도록 만드는 게 중요한데요.
파비콘 이미지 사이즈는 주로 16X16 px이지만 32X32 px, 또는 64X64 px로 하기도 하는데, 사이즈 비율을 정사각형이 가장 좋습니다.
< 파비콘 이미지 제작 순서 >
#1 단계
무료디자인 사이트 또는 ppt 등을 통해서 파비콘 이미지 만들기
로고가 없어도 파비콘 이미지는 무료디자인사이트나 ppt를 통해서도 쉽고 간단하게 만들 수 있는데요.
이 방법에 대해서는 다음 포스트에서 자세히 설명해 드리도록 하고요.
우선 무료 디자인 사이트인 아래 미리캔버스 링크를 참고하세요.
미리캔버스로 파비콘 무료 이미지 만들기 [Click]>>
#2 단계
파비콘 이미지 사이즈 축소하기
미리캔버스나 포토샵 등 이미지 편집툴을 사용하여 파비콘 이미지를 만들 때는 이미지 사이즈를 바로 조정할 수 있지만 ppt로 만든 이미지나 기존에 갖고 있는 이미지를 파비콘으로 활용하고자 할 때는 이미지 사이즈를 축소해 줄 필요가 있는데요.
아래에 몇가지 무료 이미지 사이즈 줄이는 사이트를 참고하세요.
또한 무료 사이트라서 광고가 포함된 경우가 있는 점도 참고하세요.
#3 단계
티스토리 파비콘 이미지를 ICO 파일로 변환 순서
아래는 내 티스토리 블로그의 파비콘 이미지를 설정하는 방법입니다.
1. 티스토리 블로그 관리자 설정화면에 접속 > 좌측 메뉴 하단 > 관리 > 블로그 메뉴 클릭
2. 파비콘 부분에 파일형식이 ICO라고 되어 있죠?
여기서 ICO 파일로 변환된 이미지를 업로드해야 하는데요.
3. 파비콘 이미지 ICO로 변환하기
(1) 아래의 Convertio 사이트에 접속합니다.
Convertio 무료 이미지 변환 사이트 >>
(2) ICO 파일로 변환하려는 이미지 파일을 빨간 파일 선택 부분에 드래그하여 옮기거나 파일선택을 클릭하여 변환할 이미지를 선택합니다.
기본적으로 png 파일을 ico로 변환으로 세팅되어 있지만 아래와 같이 다른 파일형식으로도 상호 변환이 가능합니다.
a) [PNG v] 버튼 부분을 클릭하시면 아래와 같은 여러 파일형식을 자유롭게 선택하실 수 있어요.
b) [ICO v] 버튼 부분을 클릭하시면 아래와 같은 여러 파일형식으로 변환할 수 있어요.
(3) 파일을 업로드하면 아래와 같이 파일명이 표시되고, 변환 버튼이 생성됩니다.
(4) [변환 ]버튼을 클릭하면 아래와 같이 [다운로드] 버튼을 클릭하여 ICO 파일을 다운로드합니다.
기타 ICO 파일 무료 변환 사이트
Covertio 사이트 이외에도 ico 파일로 변환하는 사이트들은 많이 있는데요.
이 중에서 favicon 영문사이트가 있습니다.
영문 사이트라 보기 어려우시면 아래와 같이 한국어로 선택하시어 보시면 편리하시니 favicon 무료 이미지 변환 사이트로 참고하세요
한국어 번역 화면으로 보시면 더욱 편리하세요
지금까지 내 티스토리에 파비콘 설정하는 방법에 대해서 알아보았습니다.
위에 소개해 드린 무료 이미지 사이트들은 ICO 파일로 변환할 때 뿐만 아니라 여러 가지 작업 시에 유용하게 사용하실 수 있고요.
한 가지 참고하실 점은
무료 사이트들은 무료인 만큼 광고가 포함되어 다소 불편하실 수 있지만
무료로 퀄리티 있고 원하는 작업을 빠르게 하실 수 있는 장점이 크므로 적극 활용해 보세요.
오늘도 모두 행복하세요
감사합니다.