Blog/Tistory. ๊ธฐ๋ณธ ์„ค์ •

๋‚˜๋งŒ์˜ ์•„์ด์ฝ˜์ธ ICO ํŒŒ์ผ (ํŒŒ๋น„์ฝ˜(Favicon)) ์„ค์ • ๋ฐฉ๋ฒ•

๋ชฝ๋ฌผ๊ณ ๊ธฐ๐“†œ 2023. 10. 4. 17:13
728x90
728x90

 


โ… . ํŒŒ๋น„์ฝ˜(Favicon) ์„ค์ •

 

1.  ํŒŒ๋น„์ฝ˜ ์„ค์ •์˜ ๋ชฉ์ 

 

ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ์—๋Š” ์•„์ด์ฝ˜๊ณผ ํŒŒ๋น„์ฝ˜์„ ๋“ฑ๋กํ•ด์•ผ ํ•œ๋‹ค. 

ํ•ด๋‹น ์•„์ด์ฝ˜์€ ์•„๋ž˜์™€ ๊ฐ™์ด, ๋‚˜๋ฅผ ์ž˜ ๋‚˜ํƒ€๋‚ผ ์ˆ˜ ์žˆ๋Š” ๊ฐ€์žฅ ํšจ๊ณผ์ ์ธ ์ˆ˜๋‹จ์ด๋‹ค. 

 

๋‚˜๋งŒ์˜ ์•„์ด์ฝ˜์ธ ICO ํŒŒ์ผ (ํŒŒ๋น„์ฝ˜(Favicon))์€ jpg, png ํŒŒ์ผ์„ ํ†ตํ•ด ์ „ํ™˜ ํ•  ์ˆ˜ ์žˆ๋‹ค. 

 

 


 

โ…ก. ํŒŒ๋น„์ฝ˜(Favicon) ์„ค์ • ๋ฐฉ๋ฒ•

 

1.  ํŒŒ๋น„์ฝ˜(Favicon)์˜ ๋“ฑ๋ก ์œ„์น˜

 

๋ธ”๋กœ๊ทธ ๊ด€๋ฆฌ > ๊ด€๋ฆฌ > ๋ธ”๋กœ๊ทธ > "์•„์ด์ฝ˜ / ํŒŒ๋น„์ฝ˜"

 

 
 
→  ๋ธ”๋กœ๊ทธ ๊ด€๋ฆฌ๋Š” "๋‚˜์˜ ๋ธ”๋กœ๊ทธ ์ฃผ์†Œ/manage/"๋กœ ๋“ค์–ด๊ฐˆ ์ˆ˜ ์žˆ๋‹ค. 
 

 


 

2.  ํŒŒ๋น„์ฝ˜(Favicon)์˜ ํ˜•ํƒœ

 

 ICO ํŒŒ์ผ

 

ํŒŒ๋น„์ฝ˜(Favicon)์€  ICO ๋ผ๋Š” ํŒŒ์ผ ํ˜•ํƒœ๋กœ ๋“ฑ๋ก์ด ๊ฐ€๋Šฅํ•˜๋‹ค. 

ICO๋ž€, PNG๋‚˜ JPG์™€ ๊ฐ™์ด, ํŒŒ์ผ์˜ ํ•œ ํ˜•ํƒœ์ธ๋ฐ, 

ํ•ด๋‹น ํŒŒ์ผ๋กœ ๋ณ€ํ™˜๋งŒ ๊ฐ€๋Šฅํ•˜๋‹ค๋ฉด ๋“ฑ๋ก์€ ์ผ๋ฐ˜ ์‚ฌ์ง„๊ณผ ๋™์ผํ•˜๊ฒŒ ์ฒจ๋ถ€ํ•˜๊ธฐ๋งŒ ํ•˜๋ฉด ๋œ๋‹ค. 

 


 

3.   ICO ํŒŒ์ผ ๋ณ€ํ™˜ ์‚ฌ์ดํŠธ ๋งํฌ

 

ICO Converter

 


 

4. ICO ํŒŒ์ผ ๋ณ€ํ™˜ ๋ฐฉ๋ฒ•

 

โ–  ์‚ฌ์ดํŠธ ์ด๋ฏธ์ง€

 

โ–  ๋ณ€ํ™˜ ์ˆœ์„œ

 

  • ์ด๋ฏธ์ง€ ํŒŒ์ผ์„ ์—…๋กœ๋“œํ•˜์—ฌ ๋“ฑ๋กํ•œ๋‹ค. 
  • ๋“ฑ๋ก๋œ ์ด๋ฏธ์ง€๋ฅผ ์›ํ•˜๋Š”๋Œ€๋กœ ์ž๋ฅด๋ฉฐ ๊ฐ„๋‹จํ•œ ํŽธ์ง‘์„ ํ•œ๋‹ค.
  • ico์Šคํƒ€์ผ์„ ์„ ํƒํ•˜๊ณ  ์‚ฌ์ด์ฆˆ๋ฅผ ์„ ํƒํ•œ๋‹ค. 
  • Convert ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ์ž๋™ ๋‹ค์šด๋กœ๋“œ ๋œ๋‹ค. 

 

โ˜žํŒŒ์ผ์€ ๊ฐ€๊ธ‰์  PNG๋กœ ํ•˜๋Š” ๊ฒƒ์ด ์ข‹๊ณ , 64px๋„ ๊ฐ€๋Šฅํ•˜๋‹ค.

32 bits (16.7M colors & alpha transparency) ๋กœ ์ง„ํ–‰ ํ•˜๋Š” ๊ฒƒ์„ ์ถ”์ฒœํ•œ๋‹ค.

 

 


 

 

 

 

 

 

 

728x90
728x90