Design workroom

포토샵 - 파비콘 만들기/ico,png 파비콘 만드는 방법 본문

포토샵 일러스트 디자인 노하우

포토샵 - 파비콘 만들기/ico,png 파비콘 만드는 방법

Leenahee 2019. 4. 18. 22:58
반응형

파비콘

 

 

파비콘 만드는 방법

 

 

 

크롬 등 브라우저에서

홈페이지 아이덴터티를 보여줄 수 있는

이미지를 파비콘이라고 합니다~

 

 

 

 

유튜브 파비콘

 

 

 

위의 이미지에서 왼쪽 유튜브 로고가

바로 파비콘 이미지에요~

 

 

 


 

 

 

cnrl + n

새창을 만들 때

16 x 16

정사각 모양으로 만들어 주세요~~

 

 

 

 

 

사이즈 :

 

16x16 pixel

32x32 pixel

 

 

형식 : 

.ico

.png

 

 

 

 

저장할 때

포토샵에서

 

 

 

파일이름.ico

 

 

이 형식으로 저장하면 오케이~~

 

아주 쉽죠? ;)

 

 


 

 

 

 

아주 작은 사이즈의 이미지이기 때문에

작은 텍스트나 이미지는

어필이 힘들어요~~ :)

 

 

 

 

 

 

 

제 파비콘도 그닥... ;;

여튼 흠흠~ ㅋㅋ

 

기존 로고를 16픽셀에 맞췄을 때

제대로 보이지 않는다면...

로고를 수정해

잘 부각되는 이미지를 만들 수도 있어요~

 

 

 


 

 

그 외에도

기존 이미지를

파비콘 이미지 사이즈, 형식으로

바꿔주는 사이트들이 있습니다.

 

 

 

 

https://www.degraeve.com

https://www.favicon-generator.org/

 

 

 

 

 

그 외에도 많사오니

구글링이 정답~ ;)

 

 

 

반응형
Comments