List

로고 파일 준비 가이드: AI, SVG, PNG의 쓰임

#웹가이드

Web Guide로고 파일SVG 로고로고 형식
로고 파일 준비 가이드: AI, SVG, PNG의 쓰임
워드 문서에 붙여 넣은 로고를 보내면 제작사는 다시 요청할 수밖에 없습니다.
형식마다 쓰임이 다릅니다. 무엇을 준비해야 하는지 알면 요청과 재요청이 사라집니다.
로고 파일 준비 가이드: AI, SVG, PNG의 쓰임 관련 사진
01형식별 쓰임
로고 파일은 크게 벡터와 비트맵으로 나뉩니다. 벡터는 아무리 확대해도 깨지지 않고, 비트맵은 정해진 크기를 넘으면 흐려집니다.
웹에는 SVG가 가장 좋고, 인쇄에는 AI나 EPS가 필요합니다. PNG는 보조적으로 씁니다.
AI / EPS
원본 벡터 파일. 인쇄와 모든 변환의 기준. 디자인 업체에서 받습니다.
SVG
웹용 벡터. 크기와 무관하게 선명하고 용량이 작습니다. 색 변경도 가능합니다.
PNG
배경이 투명한 비트맵. SVG가 어려운 곳에 씁니다. 크기별로 여러 개 필요.
JPG
배경이 흰색으로 고정됩니다. 로고 용도로는 권하지 않습니다.
워드·PPT 삽입본
화질이 떨어진 상태입니다. 원본을 찾아야 합니다.
02몇 가지를 준비해야 하나
하나만 있으면 부족합니다. 배경색과 배치 상황에 따라 다른 버전이 필요합니다. 미리 만들어 두면 이후 모든 작업에서 씁니다.
디자인 업체에 요청할 때 아래 목록을 그대로 보내면 한 번에 받을 수 있습니다.
01
가로형
기본. 홈페이지 상단에 주로 쓰입니다.
02
세로형
정방형에 가까운 공간용. SNS 프로필 등.
03
심볼 단독
아이콘과 파비콘용. 글자 없이 마크만.
04
흰색 반전
어두운 배경용. 없으면 어두운 디자인에서 안 보입니다.
05
단색 버전
흑백 인쇄나 팩스용. 한 가지 색으로만 된 버전.
06
영문 버전
있다면. 국제 행사나 영문 사이트에 씁니다.
03원본이 없을 때 어떻게 하나
오래된 회사일수록 로고 원본이 없는 경우가 많습니다. 만든 디자인 업체가 폐업했거나 담당자가 퇴사하면서 사라집니다.
이 경우 이미지를 보고 벡터로 다시 그리는 작업이 필요합니다. 비용이 크지 않으니 이번 기회에 만들어 두세요.
원본 없이 진행
저해상도 이미지를 확대해 씁니다 · 흐릿하게 보임 · 인쇄물에 쓸 수 없음 · 반전 버전 제작 불가 · 매번 같은 문제 반복
벡터로 재제작
한 번의 비용으로 영구 해결 · 모든 크기에서 선명 · 색 변경 자유 · 인쇄물에도 사용 · 이번 기회에 정리
04파비콘도 함께 준비한다
브라우저 탭에 뜨는 작은 아이콘입니다. 준비하지 않으면 기본 아이콘이 나와서 사이트가 어설퍼 보입니다.
로고를 그대로 축소하면 대개 안 보입니다. 심볼만 쓰거나 이니셜을 쓰는 등 작은 크기에 맞는 버전을 따로 만들어야 합니다.
심볼 또는 이니셜  가로로 긴 로고를 그대로 줄이면 안 보입니다.
단순하게  16픽셀에서도 형태가 구분되어야 합니다. 디테일을 뺍니다.
여러 크기  브라우저 탭, 북마크, 모바일 홈 화면 아이콘 각각 필요합니다.
배경 처리  투명 배경과 단색 배경 두 버전을 준비하면 좋습니다.
CHECK POINT
□  AI 또는 EPS 원본 파일을 확보했는가
□  웹용 SVG 파일이 있는가
□  가로형·세로형·심볼 단독 버전이 있는가
□  흰색 반전 버전이 있는가
□  원본이 없다면 벡터 재제작을 검토했는가
□  파비콘용 단순화 버전을 준비했는가
□  로고 사용 규정(최소 크기·여백)을 정했는가
워드에 붙여 넣은 로고는 원본이 아닙니다.
원본이 없다면 이번 기회에 벡터로 다시 만들어 두세요.
#로고 파일#SVG 로고#로고 형식#파비콘#벡터 재제작#브랜드 자산#반전 로고#제작 준비#웹비스타#홈페이지 제작
목록보기