반응형

아이콘 2

배경이 투명한 파비콘 만들기

파비콘이 사진이 아니라 단순 심볼이라면? 배경이 투명한게 브라우저에 어울려요^^; 이렇듯, 내가 원하는 부분은 브라우저 색을 따라가게 배경을 투명하게 해주는거죠. 샘플은 흰 배경에 단순한 심볼이 사용되었어요. 상측이 크롬 브라우저고, 아래가 엣지 브라우저입니다. 지금은 활성화(선택)된 상태이기에 밝은색이라서 괞찬아 보여요. 그래도, 엣지는 자세히 보면 윤곽이 조금 보이죠? 지금처럼 다른 탭을 선택하게되면, 비활성화되어 배경이 회색으로 변해요. 하지만, 파비콘은 흰색 배경이기에 그대로예요. 그래서! 파비콘의 배경이나 일부분을 투명화해서 브라우저의 색을 따라게 만드는거죠! 윈도우에 기본 설치되어있는 '그림판 3D'를 실행합니다. "새로 만들기" 혹은 "열기"로 진입합니다. 여기는 눈끔이 없어서 그림판에서 그..

컴퓨터 2021.09.13

티스토리 - 파비콘 만들기(Favicon) ico 파일 변환

2021.09.13 - [IT 인터넷] - 배경이 투명한 파비콘 만들기 시각적인 효과가 좋은 '파비콘' 만들기입니다. '파비콘'이란 브라우저 상단에 사이트별로 아이콘으로 표시되는 부분! 가만두기 심심하니 튜닝의 길로~ 중요포인트!! 요약!! 원하는 이미지나 아이콘을 만들기! 원하는 이미지를 파비콘 파일로 변환하기! 변환된 파비콘(~~.ico)을 티스토리에 적용 시키기! 원하는 이미지나 아이콘 만들기! 파비콘용으로는 사이즈가 32x32 혹은 16x16 픽셀입니다. 가로로 32칸 세로로 32칸으로 표현된 이미지인겁니다. 섬세하게 표현은 안된다는 얘기죠-_-" 여기서 포토샵, 일러스터를 다룰정도면 이글을 볼 필요없겠죠? 저흰 초~오~보를 위한 곳이니까요^^; 크게 2가지 방법을 알려 드리겠습니다. 첫번째는 그..

컴퓨터 2020.11.23
반응형