SVG를 PNG로 변환해 발표 자료와 메신저에서 깨짐 없이 쓰기

개발

SVG는 웹에서는 선명하지만, 발표 자료나 일부 메신저에서는 미리보기나 첨부 이미지가 기대와 다르게 보일 수 있습니다.

이럴 때는 브라우저에서 바로 쓸 수 있는 Dante Tools를 열어 먼저 손으로 검증해보는 것이 좋습니다. 작은 확인 과정을 거치면 배포 후 되돌리는 시간을 줄일 수 있습니다.

SVG PNG 변환 사용 화면
SVG PNG 변환 사용 화면

언제 쓰면 좋은가

SVG 아이콘이나 로고를 PNG로 변환해 슬라이드, Notion, 메신저 공유에서 안정적으로 보이게 만드는 방법입니다.

변환이 필요한 SVG

<svg width="128" height="128" viewBox="0 0 128 128">...</svg>

실무 루틴

  1. SVG 파일을 업로드하거나 코드를 붙여 넣습니다.
  2. 발표 자료에 맞는 배율과 배경색을 선택합니다.
  3. 투명 배경이 필요한지 흰색 배경이 필요한지 결정합니다.
  4. PNG로 변환한 뒤 슬라이드와 메신저에서 미리보기를 확인합니다.

배포 전 체크

  • 아이콘 선 두께가 작은 크기에서도 보이는가
  • 흰색 로고를 투명 배경으로 내보내 보이지 않게 만들지 않았는가
  • 필요한 해상도보다 너무 작게 변환하지 않았는가

SVG 원본은 보관하되, 공유와 발표에는 PNG가 더 안정적일 때가 많습니다. 상황에 맞게 두 포맷을 나눠 쓰면 됩니다.

다른 글