파비콘 만들기/변환 추천사이트

hwaya
|

홈페이지, 블로그, 포탈사이트등의 사이트이름앞에 아이콘이 들어가 있는걸 볼 수 있다.

이것이 파비콘이다.

예전에는 ICO파일 변환툴도 쓸만한게 좀 없었는데,

요즘은 너무 많아졌다.

img.png
네이버도 있고
img_1.png
뉴발란스도 있고
img_2.png
나도 있고

1. 아이콘 만들기

포토샵이나 그림판도 되겠고

16x16 이상으로 만들어주면된다.

(1:1비율 정방향으로 만들길...)

웹 주소앞에 표시되는건 16x16이다.

뭐! 난 포토샵도 없고 예쁘게 만들기도 귀찮은데 빠르게는 만들고 싶다라면,

http://antifavicon.com/

이곳을 추천한다.

img_3.png
간단하게 만들수 있다.

Text to render의 Top, Bottom에 텍스트만 적으면 간단한 파비콘이 만들어지며 ico파일로 다운받을 수 있다.

img_4.png
아래 위에 들어갈 글만 적으면된다

2. PNG/JPG파일을 ICO파일로 변환하기

직접 저정할수도 있지만,

인터넷에 온라인 변환사이트가 많이 있다.

그중 사용해본곳중 으뜸인곳을 소개하겠다.

https://convertico.com/

img_5.png
만든 PNG파일을 그냥 드래그 앤 드랍 하면 끝!

만든 PNG파일을 드래그 앤 드랍으로 던져 놓으면 사이트 옆에 ico파일이 생성되어 있는걸 볼 수 있다.

다운로드 받으면 된다.

img_6.png
요로코롬 업로드 칸 오른쪽 옆으로 다운로드가 제공된다.
img_7.png
CHOOSE ICON LAYER SIZES를 클릭하면 사이즈적용를 선택할 수 있다.

지금 블로그에 사용하는 이미지 기준으로 기본적으로 선택되어 있는걸 다 하니 100KB가 넘어서

티스토리에는 업로드 할 수 없었다.

(보일때는99KB인데, 티스토리에는 안올라가진다 100KB넘는다고...모르는건 아니지만 ㅋㅋ)

예전에 1KB차이로 플로피디스크에 복사 못하고, 임베디드 개발할때 변수하나 없애고 추억이...

256x256 이나 128x128까지는 빼고 만들어도 될듯 하다.

(그리고 이 두개는 사용할 일도 많이 없고... 너무 내 기준인가?! ㅋㅋㅋㅋㅋ)

* PNG 기준으로 설명하였고, 사이트 Convert 메뉴를 누르면 JPG to ICO도 있다.