호빵넷
발표 자료나 블로그, 안내문을 만들다 보면 사진보다 일러스트나 아이콘이 더 잘 어울리는 순간이 있습니다. 무료로 받을 수 있는 그림은 많지만, 파일 형식을 잘못 고르면 확대했을 때 깨지고, 색을 바꾸려다 시간을 허비하고, 출처 표기를 빠뜨려 곤란해지기도 합니다. 무료 일러스트와 아이콘을 내려받아 실제 작업에 쓰기까지의 과정을 순서대로 정리했습니다.
1단계, 받기 전에 라이선스부터 확인하기
무료라고 표시되어 있어도 조건은 제각각입니다. 출처 표기 없이 상업적으로 써도 되는 것, 작가 이름을 적어야 하는 것, 개인 용도로만 허락된 것이 한 사이트 안에 섞여 있는 경우가 많습니다. 다운로드 버튼 근처에 적힌 라이선스 문구를 먼저 읽고, 회사 홍보물이나 판매 상품에 쓸 계획이라면 상업적 이용이 가능한지 꼭 확인하세요. 일부 사이트는 무료 회원에게는 출처 표기를 요구하고 유료 회원에게는 면제하는 방식으로 운영하기도 합니다.
라이선스 이름도 간단히 알아 두면 판단이 빨라집니다. CC0나 퍼블릭 도메인으로 표시된 그림은 출처를 적지 않아도 자유롭게 쓸 수 있고, CC BY는 작가 이름과 출처를 밝히면 수정과 상업적 이용이 가능합니다. 이름에 NC가 붙어 있으면 비상업적 용도만, ND가 붙어 있으면 원본을 바꾸지 않고 써야 한다는 뜻입니다. 사이트 자체 라이선스를 쓰는 곳은 이용 약관 페이지에 금지 사항이 따로 적혀 있으니, 로고나 상표 등록에 쓰려는 경우처럼 애매할 때는 약관을 끝까지 확인하는 편이 안전합니다.
2단계, 쓰임새에 맞는 파일 형식 고르기
같은 그림이라도 여러 형식으로 제공되는 경우가 많습니다. 어디에 쓸지에 따라 고르면 나중에 다시 받는 수고를 덜 수 있습니다.
| 형식 | 특징 | 잘 맞는 용도 |
|---|---|---|
| SVG | 벡터 형식이라 크게 늘려도 선이 깨지지 않음, 색 수정이 쉬움 | 웹사이트 아이콘, 로고 옆 장식, 크기가 자주 바뀌는 디자인 |
| PNG | 배경을 투명하게 둘 수 있음, 크기가 정해진 그림 파일 | 문서나 슬라이드에 바로 붙이는 그림, 메신저 이미지 |
| JPG | 용량이 작지만 투명 배경이 없음 | 배경까지 채워진 일러스트, 썸네일 |
| AI, EPS | 디자인 프로그램 원본 파일 | 인쇄물, 세부 요소를 크게 고쳐야 하는 작업 |
디자인 프로그램이 없다면 SVG와 PNG 두 가지만 기억해도 충분합니다. 웹이나 슬라이드에서 크기를 조절할 일이 많으면 SVG, 정해진 자리에 바로 붙일 거라면 PNG를 고르면 됩니다.
3단계, 색과 크기를 내 자료에 맞추기
아이콘 사이트 상당수는 다운로드 전에 색을 직접 고르는 기능을 제공합니다. 내 자료의 대표 색 코드를 미리 알아 두었다가 입력하면 여러 아이콘의 색을 한 번에 통일할 수 있습니다. 이미 받은 SVG 파일은 무료 벡터 편집 프로그램이나 웹 기반 편집기로 열어 채우기 색만 바꾸면 됩니다. 한 화면에 여러 아이콘을 쓸 때는 선 두께와 모서리 모양이 비슷한 세트에서 고르는 것이 깔끔해 보이는 요령입니다. 서로 다른 작가의 그림을 섞으면 아무리 색을 맞춰도 어색해 보이기 쉽습니다.
4단계, 출처 표기는 정해진 형식대로
출처 표기가 필요한 그림이라면 사이트가 안내하는 문구를 그대로 복사해 쓰는 것이 가장 안전합니다. 보통 작가 이름, 사이트 이름, 라이선스 종류를 함께 적고, 웹 페이지라면 원본 주소로 연결해 둡니다. 블로그 글에서는 그림 바로 아래 캡션이나 글 맨 끝에, 발표 자료에서는 마지막 슬라이드에 한꺼번에 모아 적는 방식이 흔합니다. 여러 사이트에서 그림을 받았다면 작업하면서 출처를 메모해 두어야 나중에 찾느라 고생하지 않습니다.
5단계, 저장과 관리까지 마무리하기
작업이 끝났다면 파일 관리도 신경 쓰는 것이 좋습니다. 내려받은 파일 이름은 대부분 영문과 숫자가 뒤섞여 있어서 며칠만 지나도 무슨 그림인지 알아보기 어렵습니다. "아이콘_전화_파랑"처럼 용도와 색을 넣어 이름을 바꾸고, 프로젝트별 폴더에 원본과 수정본을 나눠 보관하면 다음 작업 때 다시 찾기 쉽습니다. 출처를 적어 둔 메모 파일을 같은 폴더에 함께 넣어 두면 라이선스 확인도 한 번에 끝납니다.
웹사이트에 올릴 그림이라면 용량도 확인해 주세요. PNG 일러스트는 생각보다 용량이 커서 페이지가 느리게 열리는 원인이 되기도 합니다. 무료 이미지 압축 도구로 한 번 줄이거나, 사진이 아닌 단순한 그림이라면 SVG로 바꿔 올리는 것만으로도 로딩 속도가 눈에 띄게 좋아집니다. 화면에 실제로 보이는 크기보다 지나치게 큰 파일을 올리지 않는 것도 기본적인 요령입니다.
자주 쓰는 일러스트 사이트는 링크모음으로 정리하기
마음에 드는 그림 사이트를 몇 곳 찾았다면 매번 검색하지 말고 한곳에 모아 두세요. 저희 사진·일러스트 분야에는 일러스트와 아이콘을 받을 수 있는 공식 사이트 주소를 정리해 두었습니다. 다른 분야까지 함께 관리하고 싶다면 분야별로 나눈 바로가기 목록을 곁들여 쓰는 것도 방법입니다. 이렇게 주소모음 형태로 정리해 두면 비슷한 이름의 광고성 사이트에 잘못 들어갈 일도 줄어듭니다.
일러스트 대신 실제 사진이 필요할 때는 무료 이미지 분야에서 사진 위주 사이트를 고르시면 됩니다. 사이트 주소가 바뀌거나 접속이 안 될 때는 최신 사이트 모음에서 현재 주소를 다시 확인해 보세요. 라이선스 확인, 형식 선택, 색 맞추기, 출처 표기 네 단계만 지켜도 무료 그림을 훨씬 안심하고 쓸 수 있습니다.