블로그 작업 하다 보면 꼭 파이콘이나 아이콘이 필요하다. 간단하게 만드는 법을 알아보자. 일단 JPG 파일로 원하는 그림의 아이콘을 하나 만드는 것이 좋다.
JPG 이미지 만들기
난 일단 https://www.canva.com/ 으로 접속해서 아이콘을 하나 만들어서 활용해 보지.
상단의 custom size를 클릭해서 64 x 64 짜리 아이콘을 만들어 보겠다.
일단 커피 이미지가 좋으니깐 일단 검색
Graphics 전체 보기를 클릭하면 다음과 같이 화면이 나타난다.
아래 그림에서 왕관 모양은 유료회원이 사용 가능하니 피해서 젤 맘에 드는 것을 골라본다.
스타벅스 컵 비슷한 걸 선택해서 사이즈 딱 맞춰 키워봤다.
짠 일단 저장해 보자. 다운로드 메뉴가 잘 안 보이는데
아래 그림처럼 Share 버튼을 누르면 나타난다.
짠 이제 그림 아이콘으로 활용하면 되고, 파비콘으로 활용하기 위해 ICO 파일로 변환해야 한다.
ICO 파일 변환
일단 검색을 통해 방법을 알아보면,
JPG 파일을 ICO 파일로 변환하여 아이콘 또는 파비콘(favicon)을 만들려면 몇 가지 단계를 따라야 합니다. ICO 파일은 일반적으로 이미지의 다양한 크기와 해상도를 지원하는 Windows 아이콘 포맷입니다. 아래는 간단한 방법을 안내합니다.
방법 1: 온라인 변환 도구 사용
- 온라인 JPG to ICO 변환 도구 선택:
- JPG 파일을 ICO로 변환하는 온라인 도구를 선택합니다. 예를 들면 "convertico.com", "icoconvert.com" 등이 있습니다.
- JPG 파일 업로드:
- 선택한 도구의 웹페이지로 이동하여 JPG 파일을 업로드합니다. 보통 "Choose File" 또는 유사한 버튼을 찾을 수 있습니다.
- 변환 설정:
- 필요한 경우, 변환에 대한 설정을 조절합니다. 대부분의 온라인 도구에서는 추가적인 설정이 필요하지 않을 수 있습니다.
- ICO로 변환:
- "Convert", "Generate ICO", "Create Icon" 등의 버튼을 클릭하여 변환을 시작합니다.
- 다운로드:
- 변환이 완료되면 생성된 ICO 파일을 다운로드합니다.
방법 2: 그래픽 편집 도구 사용
- 그래픽 편집 도구 열기:
- Adobe Photoshop, GIMP, 또는 그와 유사한 그래픽 편집 도구를 엽니다.
- 이미지 열기 및 편집:
- JPG 파일을 열고 필요에 따라 크기를 조절하거나 다른 편집을 수행합니다.
- 파일 저장:
- 이미지를 ICO로 저장하려면 "파일" -> "다른 이름으로 저장" 또는 "내보내기"를 선택하고, 저장 형식을 ICO로 선택합니다.
- ICO 설정 및 저장:
- ICO로 저장할 때 추가적인 설정을 조절하고 저장합니다. 이때 여러 크기의 아이콘을 포함하도록 설정할 수 있습니다.
- 아이콘 사용:
- 생성된 ICO 파일을 웹사이트의 루트 디렉터리에 업로드하고, HTML 문서의 <head> 섹션에 파비콘을 설정하는 코드를 추가합니다.
위의 방법 중 하나를 선택하여 JPG를 ICO로 변환하고, 생성된 ICO 파일을 사용하여 아이콘 또는 파비콘을 만들 수 있습니다.
실전으로 해보기
앞서 살펴본 온라인으로 변환하기 방식으로 해보자. 이때 머 어렵게 하지 말고 아래 사이트로 방문하면 된다.
https://convertio.co/kr/jpg-ico/
방문해서 원하는 파일을 선택하고 변환 버튼만 누르면 끝!!
조금 기다리면 변환이 완료되어, 다운로드 버튼이 활성화된다.
다운로드 한 ICO 파일을 보면
잘된 것을 볼 수 있다.
이제 티스토리 관리자 메뉴로 가서 관리 > 블로그 메뉴로 들어가서
만든 파일을 올리면 끝!!
완성!!
지금까지 JPG를 이용해서 ICO 파일 변환 혹은 만들기 방법을 정리해 봤다.
작은 등대 같은 글이 되길 :)
댓글