EDITORCLASSBLOGLOGIN표현한다는 것의무한한 가능성,새로운 형태로
담아내다.새로운 형태의 콘텐츠Opkle은 코드 없이 웹을 마음껏 만들고, 누구나 자기 화면을 그릴 수 있도록 에디터를 만들고, 그 결과물을 어디서나 즐길 수 있게 돕는 팀입니다.텍스트와 화면과의 조화를 통해, 웹을 짓는다는 것이 그저 단순한 코딩이 아닌, 상상을 펼치고 감각을 깨우는 과정이 될 수 있도록 좋은 도구를 만들어 냅니다.사진 보정은 어떤 순서로 해야 할까design6AI 사진 편집 — 배경 제거·인페인팅·아웃페인팅·업스케일링 언제 쓸까design7코드 없이 움직이는 디자인 — 애니메이션·영상·3D 목업design8웹용과 인쇄용 이미지는 어떻게 다르게 내보낼까design9AI가 디자인 툴을 직접 다룬다는 것 — Opkle AI, MCP, 플러그인design1012345...9 웹용과 인쇄용 이미지는 어떻게 다르게 내보낼까디자인을 다 만들고 나서 가장 허무하게 망가지는 순간은 내보내기입니다. 화면에서는 선명했던 로고가 웹사이트에 올리자 흐릿해지고, 모니터에서 예뻤던 포스터가 인쇄소에서 받아 온 결과물에서는 색이 탁하거나 가장자리가 잘려 있습니다. 반대로 웹에 올릴 이미지를 너무 크게 내보내 페이지가 느려지는 일도 흔합니다.내보내기가 어려운 이유는 같은 디자인이라도 쓰이는 곳마다 요구하는 것이 다르기 때문입니다. 웹은 가볍고 선명해야 하고, 인쇄는 충분한 해상도와 정확한 크기가 필요하며, 개발자에게 넘길 아이콘은 다시 고칠 수 있는 형식이어야 합니다. 그래서 내보내기는 마지막 버튼 하나가 아니라, 결과물이 도착할 곳을 생각하는 마지막 디자인 단계라고 보는 편이 맞습니다.이 글에서는 쓰임새에 따라 형식과 크기, 해상도를 어떻게 고르면 좋은지 정리합니다.1.이미지 형식 — PNG, JPG, WebP, SVG가 각각 어디에 맞는지 봅니다.2.웹용 내보내기 — 선명함과 용량 사이의 균형을 잡는 법을 봅니다.3.인쇄용 내보내기 — 해상도와 PDF, 판형을 챙기는 법을 봅니다.4.반복되는 내보내기 — 레이어마다 설정을 저장해 한 번에 내보내는 법을 봅니다.5.내보내기 전에 확인하면 좋은 점검표를 정리합니다.형식부터 고릅니다 — PNG, JPG, WebP, SVG이미지 형식은 크게 두 갈래입니다. 픽셀로 저장하는 PNG·JPG·WebP와, 모양을 설명으로 저장하는 SVG입니다.형식별 쓰임새 PNG는 화질을 잃지 않고 투명한 배경을 지원합니다. 로고, 아이콘, 글자가 많은 이미지, 배경을 뺀 상품 사진에 알맞지만 사진은 용량이 커질 수 있습니다. JPG는 사진처럼 색이 많은 이미지를 가볍게 저장합니다. 투명한 배경은 지원하지 않으므로, 배경이 있어야 하는 사진에 씁니다. WebP는 웹을 위해 만든 형식으로, 비슷한 화질에서 JPG나 PNG보다 가볍고 투명한 배경도 지원합니다. 웹사이트에 올릴 이미지라면 먼저 고려해 볼 만합니다. SVG는 벡터 형식이라 어떤 크기에서도 선명하고 용량도 작습니다. 웹사이트의 로고와 아이콘, 개발자에게 넘길 그래픽에 알맞습니다.투명한 배경이 필요하다면 PNG나 WebP를 고르십시오. JPG는 투명을 지원하지 않기 때문에, 배경을 뺀 이미지를 JPG로 내보내면 빈 곳이 다른 색으로 채워집니다.형식을 고를 때 헷갈린다면 «무엇이 담겨 있는가»를 먼저 보면 됩니다. 사진이 주인공이면 JPG나 WebP, 선과 글자가 또렷해야 하면 PNG, 다시 고칠 수 있어야 하거나 크기가 계속 바뀌는 곳에 쓰인다면 SVG입니다. 글자가 많은 카드 뉴스를 JPG로 내보내면 글자 둘레가 뭉개져 보이기 쉬운데, 이럴 때 PNG로 바꾸기만 해도 훨씬 또렷해집니다.웹용은 선명함과 가벼움의 균형입니다웹에 올리는 이미지는 두 가지를 동시에 만족해야 합니다. 화면에서 선명해야 하고, 페이지가 느려지지 않을 만큼 가벼워야 합니다. 요즘 휴대폰과 노트북 화면은 픽셀이 촘촘해서, 보이는 크기의 2배 정도로 내보내야 선명하게 보입니다. 화면에 400px로 보일 이미지라면 800px로 내보내는 식입니다.옵클 에디터에서는 오른쪽 아래 추출하기를 누르면 내보내기 방식을 고를 수 있습니다. 웹에 바로 올릴 이미지가 필요하다면 형식만 고르면 긴 변 1980px로 만들어 주는 최적화 이미지가 가장 간편합니다. 형식과 품질, 크기, 배경을 직접 정하고 싶다면 이미지를 고르면 됩니다. 크기는 0.5배부터 4배까지의 배율이나 긴 변 길이로 정하고, 정하는 즉시 결과 크기와 예상 용량이 표시됩니다.용량을 줄이는 가장 쉬운 방법은 품질을 조금 낮추는 것입니다. 사진은 품질을 조금 낮춰도 눈으로는 차이를 거의 느끼기 어렵지만, 용량은 크게 줄어드는 경우가 많습니다. 예상 용량을 보면서 품질을 한두 단계 낮춰 보고, 화면에서 차이가 보이지 않는 지점에서 멈추면 됩니다. 이미지가 가벼울수록 페이지가 빨리 열리고, 방문자가 기다리다 떠나는 일도 줄어듭니다.인쇄용은 해상도와 크기, 그리고 PDF입니다인쇄는 화면과 다른 규칙을 따릅니다. 화면은 픽셀 수로 크기를 말하지만, 인쇄는 실제 길이와 해상도로 말합니다. 인쇄물에서 흔히 쓰는 기준은 300~350 DPI로, 1인치 안에 300~350개의 점이 들어가야 가까이서 봐도 선명하다는 뜻입니다. 그래서 같은 이미지라도 인쇄할 크기가 커질수록 더 많은 픽셀이 필요합니다.이미지로 인쇄소에 넘긴다면, 이미지 추출 창에서 해상도 표식(DPI)을 300이나 350으로 정해 두십시오. 문서 형태의 인쇄물이라면 PDF로 내보내는 편이 안전합니다. 대지 하나가 한 쪽이 되고, 뷰어용과 인쇄용 중에서 고를 수 있습니다. 판형을 처음부터 정확하게 잡는 것도 중요합니다. 대지 크기 프리셋에는 신국판·국판·46판 같은 단행본 판형과 A·B 용지 크기가 들어 있어서, 만들려는 인쇄물에 맞는 크기를 계산하지 않고 바로 고를 수 있습니다.인쇄할 때 가장 흔한 사고는 가장자리입니다. 대지 밖으로 나간 부분은 결과에 들어가지 않으므로, 잘리면 안 되는 글자나 로고가 대지 안쪽에 충분히 여유를 두고 있는지 내보내기 전에 꼭 확인하십시오. 화면의 색과 인쇄된 색은 조금 다르게 보일 수 있으니, 중요한 인쇄물이라면 본 인쇄 전에 시안을 한 번 받아 보는 것이 좋습니다. 작은 사진을 크게 인쇄해야 한다면 AI 업스케일링으로 미리 키워 두는 것도 방법입니다.반복되는 내보내기는 규칙으로 만듭니다디자인은 한 번에 끝나지 않습니다. 고칠 때마다 아이콘은 SVG로, 배너는 PNG 2배로, 썸네일은 JPG로 다시 하나씩 내보내다 보면, 그 자체가 큰 일이 됩니다. 이럴 때는 레이어마다 내보내기 설정을 저장해 두십시오.레이어를 고르고 인스펙터 맨 아래 내보내기 +를 누르거나 우클릭 설정 › 내보내기를 고른 뒤, 형식(PNG·JPG·WebP·SVG)과 배율을 정해 두면 됩니다. 한 레이어에 여러 설정을 더할 수도 있어서, 같은 로고를 SVG와 PNG 2배로 동시에 받을 수 있습니다. 이렇게 저장해 두면 ⇧⌘E 한 번으로 정해 둔 것 전부가 한꺼번에 내보내집니다. 레이어 이름이 파일 이름이 되기도 하므로, 알아보기 쉽게 지어 두면 받는 사람도 편합니다.대지가 여러 장이라면 지금 대지만 내보낼지, 모든 대지나 고른 대지를 내보낼지 고를 수 있고, 여러 장은 zip 파일 하나로 묶어 줍니다. 레이어를 따로따로 받고 싶다면 PNG 레이어를, 움직이는 디자인이라면 MP4 영상을 고르면 됩니다.내보내기 전에 확인할 것마지막으로, 내보내기 버튼을 누르기 전에 짧게 훑어보면 좋은 점검표를 정리해 둡니다. 몇 초면 끝나지만, 다시 내보내고 다시 보내는 수고를 크게 줄여 줍니다.내보내기 점검표 이 이미지는 어디에 쓰이는가 — 웹, 인쇄, 개발 전달 중 어디인지 먼저 정합니다. 그곳에서 어떤 크기로 보이는가 — 웹은 보이는 크기의 2배, 인쇄는 실제 크기와 300~350 DPI를 기준으로 삼습니다. 배경이 투명해야 하는가 — 그렇다면 PNG나 WebP입니다. 잘리면 안 되는 요소가 대지 안쪽에 있는가 — 대지 밖은 결과에 들어가지 않습니다. 글꼴은 제대로 보이는가 — 다른 환경에서 열릴 SVG나 PDF라면 결과물을 한 번 열어 확인합니다. 파일 이름은 알아보기 쉬운가 — 받는 사람이 무엇인지 바로 알 수 있게 레이어 이름을 정리해 둡니다.내보내기는 받는 사람을 위한 디자인입니다좋은 내보내기는 받는 사람을 생각하는 데서 시작합니다. 웹사이트를 찾은 방문자는 빠르게 열리는 이미지를, 인쇄소는 정확한 크기와 해상도를, 개발자는 다시 고칠 수 있는 형식과 알아보기 쉬운 이름을 원합니다. 같은 디자인을 각자에게 맞는 모습으로 건네는 일, 그것이 내보내기의 본질입니다.내보내기 전에 세 가지만 떠올려 보십시오. 이 이미지는 어디에 쓰이는가, 그곳에서 어떤 크기로 보이는가, 받는 사람이 무엇을 할 것인가. 이 질문에 답하면 형식과 크기, 해상도는 자연스럽게 정해집니다.이 글의 핵심 내보내기는 마지막 버튼이 아니라, 결과물이 도착할 곳을 생각하는 마지막 디자인 단계입니다. 투명이 필요하면 PNG·WebP, 가벼운 사진은 JPG·WebP, 로고와 아이콘은 SVG가 알맞고, 글자가 많은 이미지는 PNG가 또렷합니다. 웹용은 보이는 크기의 2배 정도로 내보내고, 예상 용량을 보며 품질을 조절해 가볍게 만듭니다. 인쇄용은 300~350 DPI와 정확한 판형, PDF를 챙기고, 잘리면 안 되는 요소가 대지 안쪽에 있는지 확인합니다. 레이어마다 내보내기 설정을 저장해 두면 ⇧⌘E 한 번으로 반복되는 내보내기를 끝낼 수 있습니다.이전글목록으로다음글저작권 고시Copyright Notice본 웹사이트의 모든 디자인 결과물 및 영상에 대한 저작권은 Abstract Cloud에 있으며, 저작권법 및 관련 법령에 의해 보호받습니다. 웹, 영상, 본문, 표지, 내지 디자인을 포함한 모든 콘텐츠는 저작권자의 자산으로, 사전 동의 없이 무단 복제, 배포, 2차 저작물 제작, 온라인 공유 등을 금지합니다. 이를 위반할 시, 저작권법에 따라 민형사상 책임을 질 수 있습니다. 정당한 구매와 저작권 보호는 창작자의 권리를 지키며, 더 나은 작품으로 보답할 힘이 됩니다.저작권자: Abstract Cloud | 대표자: 배창규(uragen)
© Abstract Cloud. All Rights Reserved.HOMEFAQ이용 약관개인정보 이용방침help@opkle.app
010-2747-3403상호 :추상적 형상 디자인(Abstract cloud)  |  대표자 :배창규사업자등록번호 :249-74-00533통신판매업 신고번호 :2025-의정부송산-0634주소 :경기도 의정부시 부용로 49, 108동 402호웹의 모든 콘텐츠, 디자인, 소스 코드에 대한
저작권은 Opkle에게 있습니다.