본문 바로가기
일상경험/생활

[파비콘만들기] AR이모지로 파비콘 쉽게 만들기 (ICO변환까지)

by S.W 와이 2025. 1. 13.
반응형

 

파비콘만들기
파비콘 쉽게 만들 수 있어요!

 

 

   파비콘, 왜 설정해야 할까?

안녕하세요. 솔로워커,와이🧑‍💻입니다. 파비콘은 웹사이트 앞에 있는 작은 아이콘을 말하는데요. 다시 말해, 웹 브라우저의 주소 창 옆에 표시되는 작은 그림을 말해요. 이 콩알만한 게 무슨 의미인가 싶으실 수도 있겠지만, 파비콘은 사용자가 웹사이트를 쉽게 구분할 수 있도록 도와줘요.

 

 

 

또한, 스마트폰에서도 표시되므로 반복되어 노출되기 때문에 특정한 인상을 남기기도 하는 거죠. 게다가 파비콘은 블로그 지수를 높이는데도 긍정적인 영향을 끼치는데요, 그러니 작다고 무시하고 말고 꼭 적용을 하는 걸 추천합니다. 오늘은 갤럭시 AR이모지 어플을 활용하여 30분 만에 파비콘을 만들고 ICO파일 형식으로 변환하는 방법까지 공유해볼게요.

 

 

 

 

 

 

 


   갤럭시AR이모지로 프로필 만들기

우선, 프로필 이미지부터 만들어야합니다. 티스토리 블로그에서 보여지는 아이콘들은 나의 정체성을 압축적으로 보여주는 이미지라고 할 수 있으니 프로필, 아이콘, 파비콘 모두 동일한 이미지로 반복 노출하는 게 좋겠죠? 그러니 우선 프로필 이미지부터 만들어볼게요.

 

 

 

AR이모지 스티커는 갤럭시S9 시리즈부터 기본적으로 제공되고 있는데요. 스마트폰에서 AR이라고 검색하면 쉽게 찾으실 수 있습니다. AR이모지 스티커를 실행시켜주세요.

AR어플찾는모습AR이모지홈화면
AR이모지

 

 

 

 

아마 첫 화면에선 다양한 캐릭터가 있는 화면이 보일텐데요. 바로 하단에 있는 화살표를 누르세요. (이 중 아무거나 선택해도 무방합니다. 어차피 접속한 후, 머리부터 발끝까지 편집이 가능하거든요.)

이모지캐릭터
화살표를 바로 눌러도 됩니다

 

 

 

 

편집 화면에 들어와서 원하는 스타일에 따라 캐릭터를 꾸밀 수 있습니다. 머리 모양부터 옷 입는 스타일까지 모두 선택 가능 하다 보니 여기서 고르느라 시간이 많이 지체될 수 있는데요. 일단 저는 시간 절약을 위해 선택한 그대로 진행을 해볼게요.

이모지꾸미기창
이모지를 자유롭게 꾸밀 수 있어요

 

 

 

 

상단에 저장을 누르면, [마이이미지]에 캐릭터 하나가 만들어진 걸 확인할 수 있습니다.

다시 홈 화면으로 가면 기본적으로 제공되는 표정과 동작이 보이는데요. 이중 원하는 것을 선택해 우측 상단에서 카톡 내게 보내기를 해줍니다. 그리고 PC 카톡을 열어 이미지를 PC에 저장해두세요.

이모지를공유이모지완성
만든 이모지를 원하는 위치에 저장할 수 있어요

 

 

 

 

 

 


   AR이모지로 티스토리 프로필 설정  

티스토리 로그인 후, [관리] 창으로 들어가 하단에 관리 > 블로그를 선택합니다.

티스토리관리페이지티스토리프로필설정
관리페이지

 

 

 

 

비어있는 프로필(+플러스 모양)을 선택하면 팝업 창이 뜨고 거기서 카카오톡 받은 파일에 넣어둔 이미지를 선택합니다. 크기를 조절할 수 있는 창이 뜨지만 따로 선택 없이 완료 버튼을 누르면 됩니다.

이모지크기변경없음
이모지크기변경없이 완료 눌러주세요

 

 

 

 

프로필이 지정된 게 보이죠? AR이모지로 프로필 적용은 완성입니다 😊

프로필적용모습
프로필 적용된게 보입니다!

 

 

 

 

 

 

 

 


   파비콘은 ICO파일로 변환하면 끝! 

이제는 파비콘 차례입니다. 같은 이미지로 파비콘을 적용해볼게요. 보시다시피, 파비콘은 ICO파일 형식만 지원하기 때문에 변환이 필요해요. 아래 사이트로 들어가주세요.

파비콘미설정모습
파일형식은 ICO만 적용가능해요

https://convertico.com/

 

ConvertICO.com - Convert PNG to ICO and ICO to PNG files

This free online icons converter allows you to convert PNG to ICO files with ease.

convertico.com

 

 

 

 

아래 순서대로 진행해주세요. 이때 최종 다운로드할 파일은 100KB가 넘으면 안돼요. 최종 파일크기를 꼭 확인해주세요.

파비콘ICO변환창
파일크기 꼭 확인해주세요.

 

 

 

 

 

다운로드 받으면 폴더에서 ICO형식의 100KB 파일이 확인될 거예요

 

 

 

 

 

불러오기를 눌러서 적용하면 끝!

 

 

 

 



 


   추가로 아이콘도 해볼게요

처음에 만든 프로필 이미지로 아이콘도 만들 수 있습니다. 아래 사이트로 들어가볼게요.

https://watermarkly.com/ko/resize-png/

 

온라인 및 무료로 PNG 이미지 크기 조정 | Watermarkly

 

watermarkly.com

 

 

 

 

 

첫 화면에서 이미지 선택하기 버튼을 눌러주시고요,

 

 

 

 

 

내 컴퓨터에 저장된 AR이모지 파일을 불러옵니다. 옵션 사항을 다음과 같이 순서대로 선택한 뒤, 하단에 이미지 크기 조정하기를 눌러주세요.

  • 이미지 크기 조정하기 : 정확한 너비 및 높이
  • 너비, 높이 : 64픽셀 x 64픽셀 / 이미지 주위에 픽셀을 생성하여 필요한 크기를 얻습니다
  • 파일 형식 : 원본형식

아이콘파일변환창
위의 창대로 바꿔주세요

 

 

 

팝업창에서 모두 다운로드 하기를 누르면 다운로드가 시작됩니다.

다운로드창
모두다운로드를 눌러주세요

 

 

 

 

 

받은 파일을 블로그 설정에서 적용하면 끝입니다!

아이콘적용모습
파비콘와 아키노 동일하게 적용했어요!

 

 

 

 

 

모두 완료하고 나면 저의 블로그처럼 웹 브라우저 앞에 파비콘이 생긴 걸 확인할 수 있어요. 댓글을 다는 영역에선 아이콘이 생성되었고요. 

웹페이지적용모습
웹페이지에서도 확인되고

 

댓글창에서도 보입니다.

 

 

 

 

 

 

 

 

어떤가요? AR로 만든 내 이미지가 사이트 곳곳에 있다 보니 이제 정말 블로그의 주인이 된 것 같지 않나요?

 

 

 

 

 

 


 

 

 

오늘의 기록은 여기까지 입니다

다음엔 더 쓸모있는 경험을 가져올게요

 

[갤럭시 벨소리 만들기] 황가람 음악 벨소리로 설정하는 방법

 

[갤럭시 벨소리 만들기] 황가람 음악 벨소리로 설정하는 방법

황가람 음악 벨소리 있니?갤럭시 노트10를 쓰고 있는 저희 엄마께서 대뜸 이런 말씀을 하시더군요. "황가람 노래 너무 좋다~ 벨소리 어디 없니~?" 생각해보니 진동모드가 디폴트였던 저에겐 '벨소

cream-bread.tistory.com

728x90
반응형
LIST

댓글