Educational Reference 2월 26, 2024

크립토 로고 다운로드 가이드: 파일 형식 설명

SVG는 확장성, PNG는 호환성, WebP는 성능, ICO는 파비콘을 위한 것이다. 사용 사례에 맞는 올바른 형식을 선택하는 실용 가이드.

목차

암호화폐 로고를 다운로드하는 건 간단해 보이지만, 막상 다운로드 옵션을 열면 SVG, PNG, WebP, JPEG, ICO 등 다양한 파일 포맷이 나열되어 있다. 각 포맷에는 존재 이유가 있고, 잘못된 포맷을 선택하면 웹사이트에서 로고가 흐릿해지거나, 앱의 파일 크기가 불필요하게 커지거나, 브라우저 탭의 파비콘이 깨질 수 있다. 이 가이드에서는 각 포맷이 무엇을 하는지, 언제 사용해야 하는지, 그리고 사용 목적에 맞게 최적의 결과를 얻는 방법을 설명한다.

SVG: 웹의 표준

SVG는 Scalable Vector Graphics의 약자다. 이미지를 색상 픽셀의 격자로 저장하는 래스터 포맷과 달리, SVG 파일은 좌표와 수학적 수식으로 정의된 곡선, 선, 채우기 등의 수학적 도형으로 이미지를 기술한다. 이 차이는 실질적으로 상당한 결과를 가져온다.

SVG 파일은 품질 손실 없이 어떤 크기로든 확대·축소할 수 있다. 16픽셀에서 선명하게 보이는 Bitcoin 로고 SVG는 16,000픽셀에서도 똑같이 선명하게 보인다. SVG 파일은 또한 놀라울 정도로 작은데, 일반적으로 1~15KB 수준으로, 동등한 고해상도 PNG의 50~200KB에 비해 훨씬 가볍다.

크기와 확장성을 넘어, SVG는 CSS와 JavaScript로 조작할 수 있다. SVG 요소는 XML로 정의되어 있기 때문에, 다크 모드 토글 시 별도의 이미지 파일 없이 단 하나의 CSS 규칙으로 로고의 채우기 색상을 변경할 수 있다.

SVG를 사용해야 할 때: 웹사이트 로고, 앱 아이콘, 문서화, 로고가 다양한 크기로 표시되는 모든 상황. 웹에서는 SVG가 최우선 선택이다.

한계: 일부 구형 이메일 클라이언트는 SVG를 렌더링하지 못한다. 소수의 CMS 플랫폼은 보안 문제(SVG에 JavaScript가 포함될 수 있음)로 SVG 업로드를 거부한다.

PNG: 보편적 호환성

PNG(Portable Network Graphics)는 웹에서 가장 널리 지원되는 래스터 포맷이다. 무손실 압축을 사용하며 투명도를 지원하여, 어떤 배경색 위에도 깔끔하게 로고를 배치할 수 있다. SVG가 지원되지 않는 환경—이메일 뉴스레터, 소셜 미디어, 프레젠테이션, 많은 모바일 앱 프레임워크—에서는 PNG가 적합하다.

트레이드오프는 파일 크기다. 1024×1024 픽셀 로고는 80~150KB가 될 수 있고, 인쇄용 2000×2000 픽셀에서는 300KB 이상이 될 수도 있다.

주요 용도별 권장 크기:

  • 소셜 미디어 프로필 사진: 512×512 또는 1024×1024 픽셀
  • 거래소 목록 및 토큰 표시: 64×64~256×256 픽셀
  • 마케팅 자료: 1024×1024~2000×2000 픽셀
  • 썸네일 표시: 32×32~96×96 픽셀

PNG를 사용해야 할 때: 이메일 콘텐츠, 소셜 미디어 업로드, 프레젠테이션 등 SVG가 지원되지 않으면서 투명도가 필요한 상황.

WebP: 현대적 절충안

WebP는 Google이 개발한 비교적 최신 이미지 포맷으로, 2010년 처음 출시되었지만 2020년대 초에야 브라우저 전반에서 폭넓게 지원되기 시작했다. 손실 및 무손실 압축 모드, 투명도 지원, 애니메이션 기능을 모두 갖추고 있어 PNG, JPEG, GIF의 장점을 하나의 포맷에 결합한다.

WebP의 핵심 이점은 파일 크기다. WebP 이미지는 일반적으로 동등한 PNG보다 시각적 품질 차이 없이 25~34% 더 작다. 512×512 픽셀의 암호화폐 로고를 예로 들면, PNG는 약 60KB인 반면 같은 이미지의 WebP 무손실 파일은 40~45KB 정도다. 수백 개의 토큰 로고를 표시하는 페이지에서 이 차이는 상당하다.

2026년 현재, WebP는 Chrome, Firefox, Safari, Edge 및 그 모바일 버전을 포함한 모든 주요 브라우저에서 지원된다. 이 포맷은 실험적 단계를 넘어 주류가 되었으며, 웹 사용에서 피할 이유가 거의 없다.

WebP를 사용해야 할 때: 파일 크기가 중요하고 최신 브라우저 지원에 의존할 수 있는 웹 애플리케이션. 토큰 목록 페이지, 포트폴리오 대시보드, 여러 로고를 동시에 표시하는 인터페이스에 적합하다.

한계: 일부 이미지 편집 도구와 CMS 플랫폼은 WebP 지원이 일관되지 않다. 인쇄 워크플로는 일반적으로 WebP를 받지 않는다. 최대 호환성을 위해서는 WebP와 PNG 폴백을 함께 사용하는 것이 좋다.

JPEG: 대체로 잘못된 선택

JPEG는 파일 크기를 줄이기 위해 데이터를 영구적으로 버리는 손실 압축을 사용한다. 암호화폐 로고에 있어서는 거의 항상 잘못된 선택이다. 손실 압축은 선명한 모서리와 고대비 경계 주변에 눈에 보이는 아티팩트를 만든다. JPEG로 된 Bitcoin 로고는 B 주변에 번진 후광과 원의 흐릿한 가장자리를 보여준다. 결정적으로, JPEG는 투명도를 지원하지 않아 불투명한 배경이 생기며 배치 옵션을 제한한다.

JPEG를 사용해야 할 때: 로고가 JPEG여야 하는 더 큰 사진이나 합성 그래픽 안에 포함되는 경우에만. SVG나 PNG로 시작하여 최종 단계에서 JPEG로 내보내라.

ICO: 파비콘과 Windows 아이콘

ICO는 Windows 아이콘과 웹 파비콘용으로 설계된 컨테이너 포맷이다. 하나의 ICO 파일에 여러 크기의 이미지(일반적으로 16×16, 32×32, 48×48 픽셀)를 담을 수 있어, 운영 체제나 브라우저가 각 상황에 맞는 적절한 크기를 선택할 수 있다.

수년간 ICO는 브라우저 파비콘(브라우저 탭, 북마크, 방문 기록에 나타나는 작은 아이콘)의 필수 포맷이었다. 최신 브라우저는 이제 PNG와 SVG 파비콘도 지원하지만, 구버전 Internet Explorer를 포함한 모든 브라우저에서 보편적으로 지원되는 포맷은 ICO뿐이다.

파비콘용 일반적인 ICO 크기:

  • 16×16: 브라우저 탭 아이콘(표준)
  • 32×32: 브라우저 탭 아이콘(고DPI 디스플레이)
  • 48×48: Windows 작업 표시줄 및 바로가기 아이콘

ICO를 사용해야 할 때: 구형 브라우저를 지원해야 하는 브라우저 파비콘. 최신 브라우저만 지원하는 프로젝트라면 모든 디스플레이에서 완벽하게 확장되는 SVG 파비콘이 바람직하다. 신구 브라우저 모두 지원한다면, SVG를 기본으로 하고 ICO를 폴백으로 제공하라.

용도별 빠른 참조

암호화폐 로고가 필요할 수 있는 모든 상황은 특정 포맷 권장 사항에 대응된다:

웹사이트 또는 웹 앱 UI: SVG를 기본 포맷으로 사용하라. 완벽하게 확장되고, 용량이 거의 없으며, CSS로 스타일링할 수 있다. SVG가 렌더링되지 않는 예외 상황을 위해 PNG 폴백을 제공하라.

소셜 미디어 게시물 및 프로필 사진: 512×512 또는 1024×1024 픽셀의 PNG를 사용하라. 소셜 미디어 플랫폼은 업로드된 이미지를 재압축하므로, 무손실 포맷으로 시작해야 플랫폼 처리 후에도 최상의 품질을 보장할 수 있다.

브라우저 파비콘: 최신 브라우저에는 SVG를, 구형 지원을 위해서는 32×32 ICO를 사용하라. 대부분의 파비콘 생성 도구는 하나의 원본 이미지로 두 포맷을 모두 생성할 수 있다.

인쇄물: SVG 또는 2000픽셀 이상의 고해상도 PNG를 사용하라. SVG는 어떤 인쇄 크기에서도 완벽하게 렌더링되므로 선호된다. 인쇄 업체가 래스터 파일을 요구하는 경우, SVG에서 필요한 DPI(일반적으로 300)로 PNG를 내보내라.

이메일 뉴스레터: PNG를 사용하라. 대부분의 이메일 클라이언트는 SVG를 렌더링하지 못하며, SVG에 포함된 JavaScript와 CSS를 제거하는 경우가 많다. 스팸 필터에 걸리지 않도록 이미지당 파일 크기를 100KB 미만으로 유지하라.

모바일 앱 개발: 프레임워크가 지원하는 경우 SVG를 사용하라(react-native-svg를 쓰는 React Native, flutter_svg를 쓰는 Flutter). 그렇지 않으면 여러 해상도(@1x, @2x, @3x)의 PNG를 사용하라.

개발자 문서: 자동 색상 스킴 적응을 위해 HTML이나 마크다운에 인라인으로 삽입된 SVG를 사용하라.

온디맨드 포맷 변환

많은 프로젝트가 SVG와 PNG로만 로고를 제공한다. 다른 포맷이 필요하면 변환은 간단하다: SVG→PNG는 ImageMagick이나 librsvg로, PNG→WebP는 cwebp로 가능하다.

편의를 위해, crypto-logo.com의 API는 동적 포맷 변환을 지원한다. URL의 파일 확장자를 변경하면 어떤 로고든 원하는 포맷으로 요청할 수 있다. 크기 매개변수를 지정하면 정확한 치수를 제공하므로, 클라이언트 측 리사이징이 불필요해진다.

관련 스토리

Educational Reference

암호화폐 브랜드 색상 완벽 가이드

Educational Reference

Bitcoin이 어떻게 Unicode에 들어가게 되었나

Educational Reference

2026년 암호화폐 로고 디자인 트렌드

Educational Reference

Bitcoin의 두 줄 있는 B는 무엇을 의미하나?