티스토리 파비콘(Favicon) 적용시키는 방법. 클릭 몇번으로 해결해 보아요. 이미지(JPG, PNG)에서 파비콘(ICO)으로 변환(Convert)

파비콘(Favicon)

파비콘은 Favorites와 Icon의 합성한 단어이고, 웹브라우저 탭부분에 기업이나 개인의 웹서비스를 나타내는 로고와 비슷한 형태의 아이콘처럼 표시하게 되요. 파비콘없이 그냥 디폴트인것 보다는 개성있고 독창적인 디자인으로 파비콘 및 로고를 전달한다면 브랜딩도 되고 고객에게 각인 시키는 효과 또한 톡톡히 얻을 수 있을거라고 봐요.

최근에는 웹브라우저 탭을 보면 기업뿐만 아니라 개인들도 대부분 파비콘을 적용한 걸 많아 보게 됩니다.

파비콘은 어디에 노출 될까요?

웹브라우저 탭 부분의 유튜브(Youtube), 네이버(Naver), 다음(Daum) 파비콘

위의 이미지에 나오듯이 웹브라우저(크롬, 익스플로러, 엣지, 웨일 등) 상단의 탭에 각각 기업을 대표하는 로고를 파비콘으로 사용하고 있네요. 이 처럼 티스토리의 블로그 설정에는 ICO파일만 있으면 바로 파비콘을 적용할 수 있도록 되어 있습니다.

이미지파일(JPG, PNG)로 파비콘(ico) 만들기

1. 재료 준비 JPG, PNG 등의 64 x 64 크기의 이미지를 만들어 둡니다.

주의할 점은 파비콘은 크기가 작아서 기존에 사용하는 로고가 복잡하거나 하면 뭐가 뭔지 확인이 불가능해서 한눈에 확 들어오지 않아요. 기존 로고가 복잡하다면 최대한 단순화 시켜서 파비콘을 만드는 걸 추천드려요.

포토샵이나 일러스트레이터, 그림판 혹은 다른 사용하고 있는 그래픽 프로그램으로 로고를 만드세요.

엔큐브에서 사용하는 로고를 좌측의 이미지 처럼 64 x 64 크기로 만들어 놨습니다.

2. HNET(https://hnet.com/)에 접속합니다.

이미지(JPG, PNG)를 ICO로 변환해 주는 프로그램이나 웹서비스는 다양하겠지만

제가 사용하는 사이트로 한번 해 볼께요.

파비콘 변환 사이트

HNET - Free Online Tools

HNET - The Home of Useful Online Tools Audio Converter Select a converter: audio to mp3 video to mp3 aac to mp3 amr to mp3 ape to mp3 flac to mp3 flv to mp3 m4a to mp3 mov to mp3 mp4 to mp3 ogg to mp3 wav to mp3 wma to mp3 wmv to mp3 Image Converter Select

hnet.com

HNET에서는 파비콘 변환뿐만 아니라 다양한 변환 서비스를 제공해서 필요에 따라 사용하면 됩니다.

오디오 변환(Audio Converter)
audio, video, aac, amr, ape, flac, flv, m4a, mov, mp4, ogg, wav, wma, wmv > mp3로 변환

이미지 변환(Image Converter)
heic, png, svg > jpg로 변환 | heic, jpg, svg > png로 변환 | video, images > gif로 변환

이미지 압축(Image Compressor)
JPEG, PNG, SVG, Zip파일, Unzip파일로 압축

PDF 변환(PDF Converter)
PDF파일을 jpg 나 png로 변환

파비콘 변환(ICO Converter)
( png, jpg, svg ) > ico로 변환 | ico > (png, jpg)로 변환

텍스트 툴(Text Tools) : 글 비교, 단어 개수, 글자 개수 카운터 등
Compare Text, Word Counter, Character Counter, Text to Speech, Convert Case

기타 툴(Other Tools) : Temp Mail, GIF to MP4, EXIF Viewer

기타 사이트(Other Sides) : ICO Convert, Resize Image, Password Generator, GIF Maker