픽셀 아트는 PNG와 SVG 중 무엇으로 내보낼까?

PNG와 SVG는 같은 픽셀 아트를 보여줄 수 있지만 저장 방식이 다릅니다. PNG는 색이 있는 픽셀을, SVG는 도형을 그리는 명령을 저장합니다.

빠른 공유에는 PNG, 여러 크기에 사용할 원본에는 SVG가 편리합니다.

PNG가 알맞은 경우

PNG는 소셜 플랫폼, 메신저, 게임 엔진, 이미지 편집기에서 널리 지원됩니다.

• 아바타나 게시물 이미지
• 게임 텍스처와 스프라이트
• 투명 픽셀 필요
• 래스터 편집기로 후속 작업
• 최종 크기가 정해진 경우

PNG는 무손실이라 JPEG 같은 테두리 노이즈를 만들지 않습니다. 하지만 128×128 파일을 350×350으로 표시하면 보간 때문에 흐려질 수 있습니다. 정수 배율과 최근접 보간을 사용하세요.

SVG가 알맞은 경우

픽셀 아트 SVG는 각 색 블록을 선명한 사각형으로 저장할 수 있습니다.

• 같은 그림을 여러 크기로 사용
• 반응형 웹사이트에 배치
• 단순한 작품을 크게 출력
• 벡터 편집기에서 형태 수정

다만 모든 소셜 플랫폼과 게임 파이프라인이 SVG를 받는 것은 아닙니다.

SVG가 항상 더 작지는 않다

세밀한 변환은 수많은 사각형을 만들어 PNG보다 큰 SVG가 될 수 있습니다. 넓은 단색 면이 있는 단순 아이콘은 SVG에 유리합니다.

• 단순하고 평면적이면 SVG가 유리한 경우가 많음
• 세밀하고 해상도가 높으면 PNG가 유리한 경우가 많음
• 사진에 가까우면 SVG 코드가 복잡해짐

투명도와 가장자리

두 형식 모두 투명 배경을 지원합니다. 고전적인 픽셀 아트는 완전 불투명 블록과 완전 투명 공간을 쓰는 편이 안전합니다. 반투명 가장자리는 배경을 바꿀 때 빛 테두리를 만들 수 있습니다.

PixelTool에서는 같은 그리드에서 두 형식을 내보낼 수 있습니다. 바로 사용할 파일은 PNG, 나중에 확대할 가능성이 있으면 SVG도 함께 보관합니다.

용도	우선 선택
소셜 아바타와 게시물	PNG
게임 에셋	PNG
반응형 웹 장식	SVG
단순한 그림의 대형 인쇄	SVG
최대 호환성	PNG
벡터 후속 편집	SVG

하나만 고집할 필요는 없습니다. 현재 전달 채널에 맞는 형식을 쓰고, 필요하면 다른 하나도 보존하세요.