아이콘 쉽게 생성하기/변환하기
이미지를 생성하는 작업은 디자이너가 아니라면 만드는 일이 쉽지 않습니다. 저작권을 준수한다면 이미지를 다운로드하여 사용하는 것도 개인적으로 나쁘지 않을 것입니다. 이번 포스트에서는 원하는 이미지를 찾고 아이콘 파일로 변경하는 내용을 설명합니다.
1. 구글 온라인 이미지 검색
먼저 구글에서 이미지를 검색합니다. 이미지 탭을 클릭하여 이미지의 검색결과를 출력하도록 합니다.
원하는 이미지를 선택하면 오른쪽에 큰 이미지로 볼 수 있습니다. 오른쪽 이미지에서 링크를 누르면 이미지가 있는 해당 사이트로 방문이 가능합니다. 여기에서 바로 오른쪽 마우스를 눌러 저장이 가능합니다. 여기에서 주의하실 점은 저작권이 있는 이미지일 경우 추후 저작권 문제가 발생할 수 있습니다. 사이트에 방문하여 다운로드하기를 권장합니다.
2. 이미지 다운로드
방문된 사이트에서 이미지를 다운로드합니다. 방문하는 사이트에 따라서 다운로드하는 경로가 다를 수 있으니 아래 이미지는 참고만 하십시오. 그리고 사이트에서 반드시 저작권을 확인하셔야 합니다. 아래 사이트는 저작자 표시가 있으면 개인/상업적 사용이 무료입니다.
사이트마다 다운로드 할 수 있는 파일의 형식이 다릅니다. 저는 SVG로 다운로드하였습니다. 벡터 이미지로 크기를 늘려도 깨지지 않습니다.
스케일러블 벡터 그래픽스(Scalable Vector Graphics, SVG)는 2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식으로, 1999년 W3C(World Wide Web Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형식이다.
3. 이미지 수정
다운로드한 파일이 원하는 크기가 아닐 경우에는 간단하게 이미지를 편집합니다.
PC에서는 Paint.net을 주로 사용하는데 폰 포스트에서는 온라인에서 무료로 이미지를 편집하겠습니다.
Online Photo Editor 에 방문합니다.
Open Image From Computer를 선택합니다.
불러온 이미지를 원하는 형태로 가공합니다. 저는 정사각형과 배경을 투명하게 처리하였습니다. 투명 이미지 저장(메뉴 > File > Save) 시에는 PNG 포맷을 선택하시기 바랍니다. JPEG의 경우에는 투명 이미지를 지원하지 않습니다. 본 글에서는 편집 도구를 설명하는 게 목적이 아니니 생략하겠습니다. (대부분의 이미지 편집기와 기능 및 사용방법이 거의 비슷합니다.)
4. 이미지 변환
Google 에서 "online image converter" 또는 "svg to icon"으로 검색합니다. 변환하려는 파일의 형식에 따라 적절하게 검색어를 변경합니다. 저는 많이 쓰는 검색어가 "png to ico", "svg to icon"입니다. 여러 사이트들이 검색되는데 적당한 사이트에 방문하시면 됩니다. 대부분 비슷한 UI와 기능으로 구성되어 있습니다.
저는 OnlineConvertFree 사이트에 방문하였습니다. "CHOOSE FILE"버튼을 클릭하여 이미지를 선택한 후 변경된 화면에서 "CONVERT" 버튼을 클릭하면 변환 후 다운로드 가능한 링크가 출력됩니다.
글을 마치며
지금은 제가 개발을 시작할 당시보다 무료 도구들이 많아서 개발하기 편하다는 생각이 듭니다. 초창기에는 이미지 편집을 위해서는 포토샵이나 페인트샵을 사용했던 생각이 납니다. 디자이너가 아니라면 간단한 온라인 도구나 무료 도구를 다운로드 받을 수 있으니 많이 변했습니다.
그리고, 온라인에서 다운로드 받은 이미지는 반드시 저작권을 준수해야 합니다. 추후 법적인 제재가 있을 수 있습니다.
관련 사이트
- Google 검색
https://www.google.com/ - Online Photo Editor
https://pixlr.com/editor/ - Online Convert Free
https://onlineconvertfree.com/