이메일 서명 이미지는 Gmail, Outlook, Apple Mail, 모바일 등 모든 이메일 클라이언트에서 빠르게 로드될 만큼 작아야 하면서도 레티나 디스플레이에서 선명하게 보여야 합니다. 가장 흔한 실수는 큰 이미지를 업로드하고 이메일 클라이언트가 축소하도록 하는 것입니다. 이는 흐릿한 이미지나 스팸으로 표시될 수 있는 느린 로딩 이메일을 초래합니다. 이 가이드는 모든 유형의 이메일 서명 이미지에 대한 올바른 치수를 다룹니다.
이메일 서명 이미지 크기 — 빠른 참조
- 회사 로고: 2배 크기로 300×100 px (표시 크기 150×50 px)
- 배너 / 홍보 이미지: 최대 600×150 px
- 헤드샷 / 프로필 사진: 100×100 px (표시 크기)
- 소셜 미디어 아이콘: 각 20×20 px
- 파일 형식: 로고는 PNG, 사진은 JPG
- 최대 파일 크기: 이미지당 50 KB 이하, 총 100 KB 이하
이메일 서명 회사 로고 크기
이메일 서명의 회사 로고는 일반적으로 150×50 px 또는 200×66 px로 표시됩니다. 레티나(고해상도) 화면에서 선명하게 보이려면 2배 해상도로 이미지를 업로드하세요:
- 업로드: 300×100 px 또는 400×133 px (표시 크기의 2배)
- HTML 너비 속성: 픽셀 너비의 절반으로 설정 (예: 300 px 너비 이미지에
width="150") - 파일 형식: 투명도나 텍스트가 있는 로고는 PNG; 사진 형태의 로고는 JPG
- 파일 크기: 20 KB 이하
이메일 서명에는 SVG를 사용하지 마세요 — 대부분의 이메일 클라이언트가 지원하지 않습니다. PNG나 JPG를 사용하세요.
이메일 서명 배너 크기
이메일 서명의 홍보 배너 (예: "웨비나 참여" 또는 계절 프로모션)는 이메일의 너비와 일치해야 합니다:
- 권장 너비: 600 px (표준 이메일 본문 너비와 일치)
- 높이: 100~200 px. 짧게 유지하세요 — 긴 배너는 서명을 이메일에서 너무 아래로 밀어냅니다.
- 파일 크기: 50 KB 이하
- 파일 형식: 사진은 JPG, 텍스트가 있는 그래픽은 PNG
Outlook은 800 px보다 넓은 이미지를 자릅니다. 모바일의 Gmail은 화면에 맞게 서명을 조정합니다. 600 px 배너는 모든 클라이언트에서 안전합니다.
이메일 서명 헤드샷 / 프로필 사진
이메일 서명의 전문적인 헤드샷은 이메일을 더 개인적으로 만들어줍니다:
- 표시 크기: 80×80 px에서 100×100 px
- 업로드: 200×200 px (2배 레티나) — 먼저 정사각형으로 크롭
- 형태: 정사각형 또는 원형 (원형은 서명 HTML에서 CSS
border-radius: 50%로 적용) - 파일 형식: JPG
- 파일 크기: 20 KB 이하
이메일 서명 이미지가 작아야 하는 이유
이메일 서명의 큰 이미지는 여러 문제를 야기합니다:
- 스팸 필터: 큰 이미지와 텍스트가 적은 이메일은 스팸 필터를 트리거합니다. 이미지 대 텍스트 비율을 균형 있게 유지하세요.
- 느린 로딩: 모바일이나 느린 연결의 수신자는 이미지가 로드되는 동안 빈 공간을 봅니다. 100 KB 이상의 이미지는 받은 편지함 렌더링을 눈에 띄게 느리게 합니다.
- 기본적으로 차단: Outlook과 많은 기업 이메일 클라이언트는 기본적으로 외부 이미지를 차단합니다. 수신자가 수동으로 이미지를 허용할 때까지 서명이 깨져 보일 수 있습니다.
- 저장 공간: 발송된 각 이메일은 임베드된 이미지의 복사본을 저장합니다. 500 KB 이미지가 있는 이메일 1000개를 보내면 서버 저장 공간 500 MB가 낭비됩니다.
이메일 서명 이미지 리사이즈 방법
- Picovert의 이미지 리사이저를 엽니다 — 무료, 계정 불필요.
- 목표 치수를 설정하세요: 로고는 300×100 px (2배 레티나), 헤드샷은 200×200 px (2배 레티나), 배너는 600×150 px.
- 비율이 맞지 않으면, 먼저 크롭 도구로 올바른 비율로 크롭하세요.
- 리사이즈 후, 50 KB 이하가 되도록 Picovert 압축기를 사용하여 이미지를 압축하세요.
- 로고는 PNG, 사진은 JPG로 저장하세요.
이메일 서명 이미지에서 PNG vs JPG
- PNG 사용: 로고, 아이콘, 텍스트가 있는 이미지에. PNG는 선명한 가장자리를 유지하고 투명도를 지원하므로 투명 배경의 로고가 모든 이메일 배경색에서 올바르게 표시됩니다.
- JPG 사용: 사진과 헤드샷에. JPG는 사진에 대해 훨씬 작은 파일을 생성합니다 — 200×200 헤드샷이 JPG로는 8~15 KB인 반면 PNG로는 30~60 KB입니다.
- GIF 피하기: 간단한 애니메이션이 필요한 경우가 아니면. 서명의 애니메이션 GIF는 산만할 수 있으며 종종 차단됩니다.
- WebP 피하기: Outlook 2019와 구버전 macOS의 Apple Mail은 WebP 이미지를 표시하지 않습니다.
이메일 서명 이미지 모범 사례
- 이미지를 외부에서 호스팅하세요. 임베드하는 것보다. 외부 이미지는 URL에서 로드되어 이메일 파일 크기에 추가되지 않습니다. 회사 웹사이트나 CDN을 사용하세요.
- 항상 HTML에 너비와 높이 속성을 설정하세요. 이미지가 로드되는 동안 공간을 예약하고 레이아웃 이동을 방지합니다.
- 모든 이미지에 대체 텍스트 추가. 이미지가 차단되면 깨진 이미지 아이콘 대신 이름과 회사가 표시됩니다.
- 여러 클라이언트에서 테스트: Gmail, Outlook, Apple Mail, 모바일. 서명 렌더링은 클라이언트마다 크게 다릅니다.