교육·공공이미지

가을 축제 포스터·행사 안내문 HWP: 웹에서 받은 SVG 벡터 아이콘을 배경 투명한 PNG로 바꾸기

세눌라 컴퍼니 · 2026-09-23 · 6분 읽기

투명 배경 아이콘 변환을 상징하는 스텐실 도안과 도장을 그린 그림

가을 행사 안내문 작성과 시각 자료의 중요성

매년 10월이 되면 학교의 가을 운동회, 지역 축제, 그리고 기업의 사내 체육대회나 워크숍 준비로 담당자들의 손길이 바빠집니다. 이 과정에서 가장 먼저 만들어야 하는 문서가 바로 사람들에게 일정을 알리고 참여를 독려하는 행사 안내문과 포스터입니다. 보통 이런 기획안이나 안내 문서는 조직 내부 표준 양식인 HWP 파일로 작성합니다.

단순히 글씨만 빼곡하게 적힌 밋밋한 문서는 사람들의 시선을 끌기 어렵습니다. 날짜 옆에는 달력 모양을, 장소 옆에는 지도 핀 모양을, 종목 소개에는 달리기나 트로피 모양의 아이콘을 적절히 배치하면 문서의 가독성이 몰라보게 높아집니다. 직관적인 그래픽 하나가 긴 줄글보다 훨씬 빠르게 행사 분위기를 전달하기 때문입니다.

보통 이런 그래픽 파일은 무료 아이콘을 공유하는 웹사이트에서 내려받아 사용합니다. 이때 제공되는 파일 형식의 십중팔구는 SVG(Scalable Vector Graphics)입니다. SVG는 점과 선, 면의 수학적 비율로 그림을 그리는 벡터 방식이라 화면을 아무리 확대해도 가장자리가 깨지지 않습니다. 해상도 제약이 없고 용량도 보통 10KB에서 50KB 사이로 무척 가벼워 웹 환경에서는 최고의 포맷으로 꼽힙니다.

문제는 우리가 문서를 작성할 때 주로 쓰는 HWP 편집 프로그램이 이 형식을 빠짐없이 소화하지 못한다는 데 있습니다. SVG 파일을 복사해서 문서에 그대로 붙여넣거나 그림으로 바로 집어넣으려고 하면 프로그램이 잠깐 멈추거나 그림 대신 엑스(X) 박스만 덩그러니 나타나는 오류가 종종 생깁니다. 운 좋게 편집 화면에서는 잘 보이더라도, 배포를 위해 PDF로 굽거나 출력용 종이에 인쇄할 때 이미지가 몽땅 누락되는 난감한 일도 심심치 않게 일어납니다.

인쇄물에서 아이콘이 누락되어 엑스 박스가 찍힌 모습
인쇄물에서 아이콘이 누락되어 엑스 박스가 찍힌 모습 · AI로 생성한 이미지

고해상도를 유지하며 투명 배경 이미지로 바꾸기

HWP 문서에 이런 아이콘을 문제없이 깔끔하게 넣으려면, 삽입하기 전에 SVG 파일을 배경이 투명한 PNG(Portable Network Graphics) 형식의 래스터 이미지로 바꿔주어야 합니다. 이미지 포맷 중에서도 굳이 PNG를 선택하는 분명한 이유가 있습니다.

PNG 형식은 원본 손실 없이 압축하는 방식을 사용하여 선명한 화질을 보장하면서 투명도(알파 채널)를 표현할 수 있습니다. 반면 우리가 흔히 아는 JPG 파일은 투명한 배경을 지원하지 않기 때문에 변환하면 아이콘 뒤에 하얀색 네모 반듯한 배경이 깔립니다. 안내문 본문의 화려한 바탕색이나 색상이 들어간 표 서식 위에 아이콘을 얹었을 때, PNG 파일은 사각형 테두리가 남지 않고 마치 원래 그 자리에 있던 것처럼 자연스럽게 문서에 녹아듭니다.

이런 이미지 변환 작업이 필요할 때는 브라우저에서 곧바로 작동하는 이미지 형식 변환 도구 화면에 준비한 아이콘 파일을 끌어다 놓습니다. 저장할 출력 포맷을 PNG로 지정하기만 하면 변환 준비가 끝납니다.

이 글의 도구이미지 형식 변환JPG·PNG·WebP·GIF·BMP·TIFF·ICO 로 바꾸기업로드 없음 · 무료 · 설치 없음바로 쓰기 →

이때 가장 유용하게 쓸 수 있는 기능이 바로 '출력 너비(Width)' 설정입니다. 원본인 SVG는 벡터 방식이므로 픽셀 단위의 이미지로 변환할 때 원하는 크기를 마음대로 지정할 수 있습니다. 예를 들어 A3 크기의 대형 종이에 크게 인쇄할 체육대회 포스터용 우승컵 아이콘(gold_trophy_icon.svg)이라면, 출력 너비를 2000px 정도로 넉넉하게 적어줍니다. 이렇게 고해상도로 렌더링하면 3MB 크기의 큼직하고 선명한 PNG 파일이 만들어집니다. 대형 플로터로 출력해도 선이 흐려지거나 계단 현상이 생기지 않습니다.

문서 본문 단락 옆에 포인트로 작게 들어갈 화살표 아이콘(arrow_red.svg)이라면 너비를 400px 정도로만 설정해도 깔끔하게 출력됩니다. 용량도 100KB 미만으로 문서 전체 크기를 키우지 않아 효율적입니다.

노란 바탕색 위에 PNG 아이콘이 투명하게 어우러진 문서 편집 화면
노란 바탕색 위에 PNG 아이콘이 투명하게 어우러진 문서 편집 화면 · AI로 생성한 이미지

수십 개의 아이콘 그래픽을 한 번에 다듬기

가을 체육대회 팜플렛 하나를 만들 때도 경기 종목별로 쓰일 축구공, 줄다리기, 점심 도시락, 호각 등 보통 10개가 넘는 다양한 아이콘이 필요합니다. 웹에서 받아 폴더에 모아둔 20개의 SVG 파일을 그래픽 전문 편집 프로그램에서 하나하나 열어서 PNG로 내보내는 작업은 여간 번거로운 일이 아닙니다. 귀중한 시간이 훌쩍 지나가 버립니다.

이럴 때는 도구 화면에 준비한 SVG 파일 20개를 한꺼번에 골라 넣습니다. 그리고 1500px 너비의 PNG로 일괄 설정을 맞춘 뒤 변환을 누르면 됩니다. 처리가 끝난 뒤 결과물을 ZIP 압축 파일 하나로 묶어서 내려받으면 클릭 몇 번으로 문서에 들어갈 모든 그래픽 소스 준비가 끝납니다. 전문 소프트웨어를 설치하거나 복잡한 메뉴를 뒤적일 필요가 없습니다.

파일 형식 비교SVG (Scalable Vector Graphics)PNG (Portable Network Graphics)JPG (Joint Photographic Experts Group)
작동 원리수학 연산으로 그리는 벡터 방식픽셀이 모여 형태를 이루는 래스터 방식픽셀이 모여 형태를 이루는 래스터 방식
배경 투명도투명 배경 충분 지원투명한 알파 채널 충분 지원지원하지 않음 (흰색으로 채워짐)
HWP 호환성삽입 시 오류 및 누락 빈번함빠짐없이 호환되며 문서 배치 용이함호환되나 흰 배경 탓에 서식 배치가 어려움
활용 상황웹 디자인, 로고 원본 데이터 보관문서 삽입, 투명 배경이 필요한 인쇄물풍경 사진, 인물 사진 등 복잡한 색상 이미지

무엇보다 눈여겨볼 점은 모든 변환 처리가 사용자 PC의 웹 브라우저 내부에서만 이루어진다는 사실입니다. 사내 행사용으로 기획 팀에서 직접 그린 대외비 조직도 아이콘이라도 안심하고 처리할 수 있습니다. 파일을 외부 서버로 전송하지 않으므로 사내 보안 규정을 위반할 일이 전혀 없습니다.

문서 서식이 깨지는 오류를 막으려면 HWP 문서에 그래픽을 삽입하기 전 이미지 형식 변환 로 넉넉한 해상도의 투명 배경 PNG로 먼저 다듬어 두는 편이 안전합니다. 가을 행사 준비로 눈코 뜰 새 없이 바쁜 시기에 이미지가 제대로 나오지 않아 아까운 시간을 뺏기면 억울합니다. 행사 기획안에 필요한 소스가 모두 준비되었다면 지금 바로 이미지 형식 변환 를 열어 깔끔한 그래픽 에셋으로 바꿔 보시기 바랍니다.

자주 묻는 질문

Q. 변환한 PNG 파일을 HWP 문서에 넣었는데 아이콘 주변에 까만 사각형 배경이 생깁니다.

A. 아주 오래전에 출시된 구버전 HWP 프로그램에서는 PNG 파일의 투명한 배경 데이터를 검은색으로 잘못 읽어 들이는 경우가 있습니다. 프로그램을 최신 버전으로 업데이트하거나, 그림 속성의 '투명한 색 설정' 메뉴로 들어가 검은색 배경을 스포이트로 직접 빼주면 하얀 바탕을 살릴 수 있습니다.

Q. 변환할 때 가로 너비만 입력하면 세로 길이는 찌그러지지 않나요?

A. 찌그러지지 않습니다. 출력 너비(px) 칸에 숫자 하나만 입력하면 원본 SVG 파일의 고유 가로세로 비율에 맞춰 높이는 프로그램이 알아서 정확하게 계산합니다.

Q. 파일 용량이 너무 커졌는데 줄일 방법이 있나요?

A. 출력 너비를 3000px 이상으로 너무 크게 잡으면 PNG 파일 용량이 10MB를 훌쩍 넘길 수도 있습니다. A4 용지 안에 작게 들어가는 삽화라면 너비를 800px에서 1000px 정도로 낮춰서 다시 렌더링해 보세요. 화질 손상 없이 용량만 뚝 떨어집니다.

지금 브라우저에서 바로 해보기이미지 형식 변환JPG·PNG·WebP·GIF·BMP·TIFF·ICO 로 바꾸기업로드 없음 · 무료 · 설치 없음바로 쓰기 →