본문 바로가기
IT + 인터넷 + 디자인/IT + 디자인

티스토리 파비콘 만들기 (feat .포토샵)

by 윙글러 2020. 7. 8.
반응형

이포스팅은 포토샵 기본은 하시는 분들이 보시면 이해가 잘될듯 해요
완전 초보님이 보시고 이해 안되시면 덧글 남겨주세요~






티스토리 블로그를 시작하면서 
블로그 설정을 하면서 파비콘을 설정하는 부분이 있습니다.







파비콘이 뭐냐면 




동그라미 쳐 놓은거 보이시죠?
저런 역할을 하는 녀석들입니다.





구글 첫 페이지에도 이렇게 

파비콘들이 자리 잡고 있습니다. 


ico 파일 



새끼 손톱만한 이미지인데
jpg,gif 같은 파일이 아니고
ico라는 확장자가 붙는 파일입니다.



나만의 파비폰이 있으면 좋을것 같아요
이제 포토샵을 활용해서 파비콘 만드는 법을 알아봅시다.


먼저 티스토리 블로그 만드는 과정중에 





블로그 설정에 들어가면 파비콘이라는 곳이 있습니다.
여기에 해당 파일을 넣으면 

나만의 파비콘이 생기게 됩니다.


순서.01



16픽셀 또는 32픽셀로
New 작업을 만들어 줍니다.
저는 32로 해봤습니다.



사이즈가 손톱보다 작네요

저는 간단하게 할꺼라서 
이렇게 노란색 동그라미에 "R"하나 넣어봤습니다. 











그리고 화살표에 레이어 눈을 꺼줬습니다
그러면 흰색 배경이 안보이게 되면서 
투명하게 됩니다. 







"컨트롤 + 알트 +  쉬프트 + S키"
를 눌러서 save for web을 해줍니다


그리고 우측 상단 "PNG-24"를 선택해주시구요 저장을 합니다.


저장을 해 줍니다.

 


그리고 png파일이 있는곳에 가서
확장자를 바꾸어 줍니다. 

 

 

 


png파일 확장자를 ico로 변경하면 
사용할 수 없게 될 수도 있다라고 나오지만 그래도 
변경해 줍니다.

그리고 


불러오기를 눌러 업로드를 해줍니다.



그려면 이렇게 파비콘이 저장이 됩니다.

반응형

댓글