순서도·다이어그램 PPT에 넣는 법 — PNG·SVG로 파워포인트에 깔끔하게
다이어그램은 잘 그려도 발표자료에 넣는 순간 흐려지거나, 배경 색이 슬라이드와 따로 놀거나, 글자가 깨져 보이는 경우가 많습니다. 순서도 한 장을 파워포인트에 붙였더니 화면에서는 멀쩡하다가 빔프로젝터에 띄우면 글씨가 뭉개지는 경험, 한 번쯤 있으셨을 겁니다. 문제는 그림 솜씨가 아니라 "어떤 형식으로 내보내 어떻게 넣느냐"에 있습니다. 이 가이드는 도식화 메이커에서 만든 순서도·조직도·마인드맵을 PowerPoint와 구글 슬라이드에 흐릿하지 않게 넣는 방법을, 형식 선택부터 배경 처리, 고해상도 인쇄, 나중에 다시 고치는 요령까지 단계별로 정리했습니다. 도식화 메이커는 PNG·SVG·JSON 저장과 공유 링크를 모두 지원하므로, 상황에 맞는 방법만 고르면 됩니다.
1. 먼저 형식부터 고른다 — PNG vs SVG
발표자료에 넣는 방법은 크게 두 갈래입니다. 어느 쪽이 좋은지는 "확대해서 볼 일이 있는가"로 갈립니다.
| 형식 | 특징 | 이럴 때 추천 |
|---|---|---|
| PNG | 화면 픽셀을 그대로 담은 이미지. 어디서나 바로 붙여넣어지고 호환성이 가장 좋습니다. 단, 많이 확대하면 가장자리가 흐려집니다. | 슬라이드 한 장에 통째로 넣고 끝낼 때, 빠르게 캡처해 공유할 때 |
| SVG | 도형을 좌표로 저장한 벡터 그림. 아무리 키워도 선이 또렷하고, 파워포인트에서 도형으로 분해해 색·글자까지 다시 손볼 수 있습니다. | 크게 확대하거나 인쇄·포스터로 쓸 때, 슬라이드 안에서 일부만 수정하고 싶을 때 |
정리하면, 급하게 한 장 넣을 때는 PNG, 크게 띄우거나 나중에 손볼 가능성이 있으면 SVG입니다. 도식화 메이커는 두 형식을 모두 버튼 하나로 저장할 수 있으니, 헷갈리면 일단 둘 다 받아 두는 것도 방법입니다.
2. PNG로 저장해 넣기 — 가장 빠른 방법
도식화 메이커는 두 가지 PNG 저장 버튼을 제공합니다. 차이를 알면 잘리는 사고를 막을 수 있습니다.
- 전체 보기로 다이어그램을 화면에 맞춥니다. "전체 보기" 버튼을 누르면 그린 도형이 한 화면에 들어옵니다.
- 저장 버튼을 고릅니다. 현재 화면 그대로 담는 일반 PNG 저장과, 다이어그램 전체를 자동으로 한 장에 맞춰 담는 "전체 PNG 저장"이 있습니다. 도식이 화면 밖까지 클 때는 반드시 전체 PNG 저장을 쓰세요. 그래야 가장자리가 잘리지 않습니다.
- 저장된 PNG 파일을 슬라이드로 끌어다 놓습니다. 파워포인트·구글 슬라이드에 이미지 삽입(또는 파일을 드래그)하면 그대로 들어갑니다.
- 크기는 모서리를 잡고 조절합니다. 가로세로 비율이 깨지지 않게 모서리(꼭짓점) 핸들로만 늘리고, 원본보다 크게 키우지 않는 것이 흐림을 막는 핵심입니다. 도식화 메이커의 PNG는 화면의 2배 해상도로 저장되므로 어지간한 슬라이드에서는 또렷합니다.
PNG 저장 시 배경은 어두운 캔버스 색으로 채워집니다. 밝은 슬라이드 템플릿에 넣으면 다이어그램만 어두운 사각형으로 떠 보일 수 있는데, 이때의 처리법은 4번 항목에서 다룹니다.
3. SVG로 저장해 넣기 — 또렷하게, 다시 편집 가능하게
크게 띄우거나 인쇄할 자료라면 SVG가 정답입니다. "SVG 저장" 버튼을 누르면 벡터 파일이 내려받아집니다.
- 파워포인트(데스크톱): 삽입 → 그림에서 받은 SVG 파일을 고르면 됩니다. 삽입한 뒤 그림을 우클릭해 "그룹 해제"를 누르면 도형으로 분해되어, 슬라이드 안에서 글자·색·위치를 직접 고칠 수 있습니다. 발표 직전에 오타 하나를 고치거나 회사 색에 맞춰 칠을 바꿀 때 유용합니다.
- 구글 슬라이드: SVG를 직접 받지는 않으므로, SVG를 넣을 때는 PNG로 대신 넣거나, SVG를 PDF·이미지로 한 번 변환해 삽입합니다. 단순히 슬라이드에 한 장 얹는 용도라면 2번의 PNG 방법이 더 간단합니다.
- 인쇄·포스터: SVG는 해상도 개념이 없어 A4든 A0든 또렷합니다. 큰 출력물에 들어갈 조직도·공정도라면 SVG로 저장해 전달하세요.
도식화 메이커의 SVG는 글꼴을 일반 산세리프(sans-serif)로 지정해 내보내므로, 특정 폰트가 없는 PC에서 열어도 글자가 사라지지 않습니다. 다만 자유롭게 바꾼 글꼴 디자인이 그대로 보존되지는 않으니, 화면에 보이는 모양이 그대로 필요하면 PNG를 함께 쓰는 편이 안전합니다.
4. 배경 색이 슬라이드와 따로 놀 때
가장 흔한 고민이 "다이어그램 배경(어두운 색)이 밝은 슬라이드와 안 어울린다"는 것입니다. 도식화 메이커는 어두운 캔버스를 기본으로 하므로, 다음 중 하나로 자연스럽게 맞출 수 있습니다.
- 슬라이드 배경을 어둡게 맞추기. 가장 간단합니다. 발표 테마 자체를 어두운 톤으로 두면 다이어그램이 배경에 녹아들어 가장 깔끔합니다. 기술 발표나 제품 소개처럼 어두운 테마가 어울리는 자리라면 이 방법을 추천합니다.
- SVG로 넣고 그룹 해제 후 배경 도형만 삭제. 파워포인트에서 SVG를 그룹 해제하면 배경이 별도 도형이 아니라 도형들만 남는 구조라, 슬라이드 색이 그대로 비쳐 보입니다. 밝은 슬라이드에 다이어그램만 얹고 싶을 때 가장 깔끔한 방법입니다.
- 도형 색을 밝은 톤으로 미리 바꿔 두기. 저장 전에 도형의 채우기·테두리 색을 밝게 조정하면, 어떤 배경에 넣어도 잘 보입니다. 도식화 메이커에서 도형을 선택하고 채우기·테두리 색을 바꾼 뒤 저장하세요. 색을 바꾸는 기본 조작은 플로우차트 그리는 법의 도구 활용 팁과 동일합니다.
5. 흔한 실수 3가지
첫째, 작은 PNG를 슬라이드에서 억지로 키우는 것. 화면을 좁게 캡처한 작은 이미지를 슬라이드 가득 늘리면 당연히 흐려집니다. 저장 전에 "전체 보기"로 다이어그램을 키워 두고, 전체 PNG 저장으로 큰 이미지를 받은 다음 슬라이드에서는 줄이는 방향으로 맞추세요. 키우는 것보다 줄이는 것이 언제나 또렷합니다. 둘째, 비율을 무시하고 잡아 늘리는 것. 변(가장자리) 핸들로 늘리면 도형이 찌그러집니다. 반드시 모서리 핸들로, 가로세로 비율을 유지하며 조절하세요. 셋째, 원본을 안 남기는 것. 이미지로만 넣어 두면 나중에 한 글자 고치려 해도 처음부터 다시 그려야 합니다. 작업 내용은 브라우저에 자동 저장되지만, 확실히 하려면 JSON으로 저장해 두세요. 다음에 불러와 수정한 뒤 다시 내보내면 됩니다.
이미지 대신 링크로 공유하기
슬라이드에 박제하지 않고 "최신본을 함께 보고 싶다"면 공유 링크가 편리합니다. "공유" 버튼을 누르면 다이어그램 내용이 통째로 담긴 주소가 복사되며, 이 링크를 받은 사람은 브라우저에서 바로 열어 확인하거나 이어서 편집할 수 있습니다. 회의록·메신저·이메일에 링크만 붙여 넣으면 되니, 자료를 계속 다듬는 단계에서는 이미지보다 링크 공유가 낫습니다. 발표 당일처럼 모양을 고정해야 하는 자리에서는 PNG·SVG로, 아직 논의 중인 자료는 링크로 — 이렇게 상황에 따라 나눠 쓰면 됩니다.
형식별 빠른 선택표
| 상황 | 추천 방법 |
|---|---|
| 슬라이드 한 장에 빠르게 넣고 끝낼 때 | 전체 PNG 저장 |
| 크게 확대하거나 인쇄·포스터로 쓸 때 | SVG 저장 |
| 파워포인트에서 색·글자를 다시 손볼 때 | SVG 저장 후 그룹 해제 |
| 아직 다듬는 중이라 최신본을 공유할 때 | 공유 링크 |
| 나중에 다시 편집할 원본을 남길 때 | JSON 저장 |
도식이 무엇이든 — 순서도든 조직도든 마인드맵이든 — 내보내는 방법은 동일합니다. 어떤 도식을 그릴지부터 정하고 싶다면 업무 다이어그램 5종이나 조직도 만들기 가이드를 함께 보세요.
지금 그린 다이어그램을 PNG·SVG로 저장해 슬라이드에 넣어 보세요. 회원가입 없이 즉시 시작됩니다.
무료로 다이어그램 그리기 →