본문 바로가기
  • PosteR
정보공유/Tistory 정보공유

수익형 블로그 파비콘 만들기

by Poster12 2020. 11. 28.



파비콘 만들기!!


안녕하세요! 오늘은 파비콘 만드는 방법에 대해 알아보도록 할께요!


파비콘이란 자신의 인터넷 웹 브라우저 주소창에 표시되는 이미지(아이콘)를 뜻하며, 사이트 분위기를 대표하기도 합니다.


사진과 같이 웹사이트 클릭 시 주소창  앞에 뜨는 아이콘을 뜻하는데요.!


 즐겨찾기시 사용되기도 한답니다.


사이즈는 16x16 or 32x32 크기의 이미지를 사용하여 제작하기도 합니다.



첫번째. 아이콘 이미지 선정하기! 


파비콘 생성을 위해 해야할 첫번째는 바로 저작권에 문제없는 아이콘 이미지를 선정하는 것입니다.


저는 Flacticon이라는 사이트를 이용했어요. 해외 사이트이다 보니 살짝 당황 하실 수 있는데 그럴 때에는


구글크롬 등 번역 가능한 인터넷 확장자를 이용하시면 편리합니다.!


Flacticon 사이트에 접속하셔서 간단한 무료 회원가입을 해주세요!


왕관 모양 혹은 프리미엄은 유료이니 잘 보시고 무료 아이콘을 선정해주세요!




stage1. 이용 방법


Flacticon 검색 후 클릭 → 간단한 회원 가입 후 로그인  →
크롬 번역기 사용하여 사이트 이용하기 →  

원하는 이미지 검색(한글 검색도 가능) →

 free, 왕관 없는 이미지 선택하기  →

프리다운로드 클릭, png 파일로 내려받기


 

크롬 번역기 사용 방법에 대해서는 다음 편에 포스팅 하겠습니다.(급하신 분들은 인터넷 검색을 이용해주세요 ㅠㅠ)



두번째. 파이콘으로 이미지 변경하기! 


파비콘으로 사용 할 이미지를 받으셨다면 이제 그 파일을 파비콘으로 바꿔주어야 겠지요?


저는 회원가입 없는 무료 사이트 ICOCONVERT을 이용 하였습니다.


파비콘 이미지의 크기는 100kb를 초과 할 수 없어서 위 사이트에서 변환하였습니다.


ico 파일 외에 Select a PNG, JPG or BMP image( maximum size: 50 MB )등의 파일들도 변환하여 사용 하실 수 있어요. (참고로 제가 변환하기 전 업로드 한 사진의 크기는 124kb였답니다. 변환 후 24kb로 확 줄었다는...!!)


파비콘 이미지 수정 시 포토샵을 활용하여 편집 후 변환하실 수도 있으니 활용 가능하신 분은 이용하시는 것도 추천드려요.


stage2. 이용 방법


 ICOCONVERT 검색 후 클릭 → 변환 할 파일 업로드 →

변환 된 파일 다운 폴더 지정해두기 

ico클릭 후 다운로드 클릭 → 지정해둔 폴더에 파일 확인하기



세번째. 파이콘으로 이미지 업로드하기! 


ico 파일로 변환해주셨으면 이제 거의 다 하셨답니다.!

마지막까지 힘내서 저와 함께 해보아요


stage3. 이용 방법


티스토리 블로그 관리자 설정으로 들어가기 → 

파비콘의 불러오기 클릭 →

변환 된 파일 선택 후 불러오기 →
선택사항 저장 후 확인하기!



오늘은 파비콘 설정에 대해 알아보았는데요.!!


파비콘 이미지 파일 검색 시 유용한 사이트 한가지 더 알려드릴께요!


픽사베이라고 아시는 분들은 아시는 저작권 걱정 없는 이미지 사이트 입니다.


좋은 사진들 많으니 사이트 참고하셔서 좋은 이미지 구하시길 바라겠습니다.


오늘은 여기서 줄일께요 ^^


댓글