미디어 스토리지

미디어 스토리지는 프로젝트에 내장된 이미지 라이브러리입니다. 이미지를 업로드하거나, 무료 스톡 사진을 가져오거나, AI로 이미지를 생성하세요. 그런 다음 푸시 알림, 웹 푸시, 이메일, 인앱 메시지, 클라우드 페이지 및 기타 콘텐츠에서 에디터에서 직접 또는 안정적인 URL을 통해 재사용할 수 있습니다.

미디어 스토리지를 열려면 Pushwoosh Control Panel에서 콘텐츠 > 미디어 스토리지로 이동하세요. 이 페이지에는 세 개의 탭이 있습니다:

라이브러리: 프로젝트에 이미 저장된 이미지입니다.
스톡 사진: Pexels에서 무료 사진을 검색하여 라이브러리에 저장합니다.
AI로 생성: 이미지를 설명하고 결과를 라이브러리에 저장합니다.

라이브러리, 스톡 사진, AI로 생성 탭, 업로드 드롭존, Figma 배지가 있는 이미지 그리드가 있는 미디어 스토리지 페이지

이미지를 추가하고 삭제할 수 있는 사용자

이미지를 추가하거나(업로드, 스톡 가져오기, AI 생성), 크롭을 만들거나, 이미지를 삭제하려면 프로젝트에 대한 Modify applications 권한이 필요합니다. 보기 전용 액세스 권한으로는 라이브러리를 탐색하고 이미지를 선택할 수 있지만 라이브러리를 변경할 수는 없습니다. 사용자 접근 및 권한 관리를 참조하세요.

이미지 업로드

미디어 스토리지에 이미지를 업로드하려면:

하나 이상의 이미지 파일을 업로드 영역으로 드래그 앤 드롭합니다.
업로드 영역을 클릭하여 파일 선택기를 열고 장치에서 이미지를 선택합니다.

업로드 중 드롭존으로 이미지 파일이 드래그되는 미디어 스토리지 업로드 영역

업로드가 완료되면 이미지가 아래 그리드에 최신순으로 표시되며, 필요한 경우 이전 또는 다음을 클릭하여 이전 페이지를 탐색할 수 있습니다.

업로드 시 PNG 이미지 압축

PNG 압축은 라이브러리에 추가되는 PNG 이미지의 크기를 줄입니다. Pushwoosh는 이미지의 색상 수를 줄이고 투명도는 유지합니다. 손실 압축이지만 차이는 보통 눈에 띄지 않습니다. 이 설정은 기본적으로 꺼져 있으며 프로젝트마다 따로 설정합니다.

이 설정을 변경하려면 프로젝트에 대한 Modify applications 권한이 필요합니다.

PNG 압축을 켜려면:

미디어 스토리지 페이지에서 오른쪽 위 모서리, 페이지 제목 오른쪽에 있는 설정을 클릭합니다.
미디어 저장소 설정 창에서 업로드 시 PNG 이미지 압축을 켭니다.
저장을 클릭합니다.

설정이 켜져 있으면 Pushwoosh는 새 PNG가 크기 제한을 통과한 후 모두 압축합니다. 대상은 다음과 같습니다.

장치에서 업로드한 PNG 파일.
Figma에서 보낸 PNG 이미지와 Canva에서 가져온 PNG 이미지.
PNG 및 WebP 이미지의 크롭. 이러한 크롭은 PNG로 저장되기 때문입니다.

Pushwoosh는 JPG, WebP, GIF 파일을 그대로 저장합니다. 애니메이션 PNG나 이미 라이브러리에 있는 이미지는 압축하지 않습니다.

PNG를 압축할 수 없으면 Pushwoosh는 원본 파일을 저장하며 업로드는 그대로 성공합니다.

장치에서 PNG를 업로드하면 확인 메시지에 압축으로 절약된 비율과 용량이 표시됩니다(예: 이미지가 업로드되었습니다. PNG 압축: 63% 절감 (81.2 KB)). 여러 파일을 한 번에 업로드하면 크기가 줄어든 PNG만 수치에 포함됩니다. 편집기의 이미지 선택기에서 이미지를 업로드할 때도 같은 메시지가 표시됩니다.

Figma에서 이미지 보내기

Figma 파일의 프레임을 먼저 내보내지 않고 보내려면 Figma용 Pushwoosh 플러그인을 사용하세요. Figma 연동을 참조하세요.

Canva에서 디자인 가져오기

Canva 디자인의 페이지를 가져오려면 업로드 영역 옆의 Canva에서 가져오기를 클릭합니다. Canva를 연결한 후에는 Canva에서 편집으로 저장된 이미지를 Canva 편집기에서 열고, Canva에서 만들기로 새 디자인을 시작할 수도 있습니다. Canva 연동을 참조하세요.

파일 이름으로 이미지 찾기

그리드 위의 파일 이름으로 검색 필드에 파일 이름의 일부를 입력하고 Enter 키를 누릅니다. 검색은 대소문자를 구분하지 않으며 현재 페이지뿐만 아니라 라이브러리 전체를 대상으로 합니다. 모든 이미지를 다시 표시하려면 필드를 비우세요.

이미지의 출처

타일의 배지는 이미지가 라이브러리에 어떻게 추가되었는지 보여줍니다:

AI: AI로 생성 탭에서 생성되었습니다.
Pexels: 스톡 사진 탭에서 가져왔습니다.
Canva: Canva 연동으로 가져오거나 편집했습니다.
Figma: Figma용 Pushwoosh 플러그인으로 보냈습니다.

장치에서 업로드한 이미지에는 배지가 없습니다.

버전 2개 같은 배지는 이미지에 여러 버전이 있다는 뜻이며, 버전은 Figma 프레임을 다시 보내거나 Canva에서 이미지를 편집할 때 생깁니다. 타일에는 최신 버전이 표시됩니다. 각 버전에는 고유한 URL이 있으므로 이전 버전을 사용하는 콘텐츠는 계속 해당 버전을 표시합니다.

이미지의 이전 버전 사용

이미지의 모든 버전을 보고 그중 하나를 선택하려면:

타일의 버전 N개 배지를 클릭합니다. 버전 패널이 열리고, 미리보기에 현재로 표시된 최신 버전이 나타납니다.
모든 버전에서 원하는 버전을 클릭합니다. 목록은 최신 버전부터 시작합니다. 미리보기에 선택한 버전이 픽셀 단위 크기 및 파일 크기와 함께 표시됩니다.
이 버전 사용을 클릭합니다.

모든 버전에서 가을 세일 배너의 버전 1이 선택되고 크기 1080 × 1080, 452 KB와 이 버전 사용 버튼이 표시된 버전 패널

미디어 스토리지 페이지에서 이 버전 사용은 선택 버튼과 같은 방식으로 선택한 버전의 URL을 복사합니다. 편집기의 이미지 선택기에서는 선택한 버전을 필드에 삽입합니다.

Pexels에서 스톡 사진 추가

스톡 사진 탭은 Pexels의 무료 사진 라이브러리를 검색합니다. 스톡 사진은 AI 이미지 일일 한도에 포함되지 않습니다.

스톡 사진 탭을 엽니다.
찾고 있는 내용을 입력하고(예: summer sale) 검색을 클릭합니다.
사진을 클릭합니다.

Pushwoosh는 사진을 Pexels 배지와 함께 라이브러리에 복사합니다. 각 검색 결과 아래에는 사진작가 이름이 해당 작가의 Pexels 프로필로 연결되며, 탭에는 Pexels가 사진 제공자로 표시됩니다. 검색어와 일치하는 결과가 없으면 탭에 검색 결과가 없습니다 — 다른 검색어를 입력해 보세요가 표시됩니다.

요금제에 AI 이미지가 포함되어 있지 않으면 스톡 사진 검색도 비활성화됩니다. AI 이미지 일일 한도를 참조하세요.

AI로 이미지 생성

AI로 생성 탭은 텍스트 설명으로 이미지를 만들어 라이브러리에 저장합니다.

AI로 생성 탭을 엽니다.
이미지를 설명합니다(예: flat-lay of summer picnic essentials on a pastel background).
종횡비를 선택합니다. 에디터에서 이 탭을 열면 목록에 해당 필드에 맞는 비율만 표시되므로 목록이 더 짧거나 표시되지 않을 수 있습니다.
생성할 이미지 수를 선택합니다: 1 × 이미지, 2 × 이미지 또는 4 × 이미지.
생성을 클릭합니다.

생성된 모든 이미지는 사용 여부와 관계없이 AI 배지와 함께 라이브러리에 저장됩니다. 같은 설명으로 새 결과를 얻으려면 다시 생성을 클릭하세요.

프로젝트에 Brand book이 있으면 Pushwoosh는 해당 색상과 톤 오브 보이스를 설명에 추가하여 생성된 이미지가 브랜드 스타일을 따르도록 합니다.

푸시 알림용 이미지 생성

푸시 메시지에 어울리는 이미지를 생성하려면:

이미 제목이나 텍스트가 있는 푸시 프리셋에서 Banner URL, 아이콘 또는 인박스 이미지의 이미지 선택기를 엽니다.
AI로 생성 탭을 엽니다. 푸시 메시지에 맞추기 체크박스가 기본적으로 선택되어 있습니다.
이미지를 설명하고 생성을 클릭합니다.

체크박스가 선택되어 있으면 Pushwoosh는 메시지 내용을 표현하는 이미지를 생성합니다. 설명에서 요청하지 않는 한 Pushwoosh는 메시지 텍스트를 그림에 넣지 않습니다. 다국어 프리셋에서는 제목과 텍스트를 기본 언어 또는 해당 내용이 입력된 첫 번째 언어에서 가져옵니다.

이미지를 스타일 레퍼런스로 사용

스타일 레퍼런스는 원하는 룩을 AI에 알려주는 라이브러리 이미지입니다. 생성된 이미지는 레퍼런스의 색상, 조명, 렌더링 기법, 분위기를 반영하면서 설명한 피사체를 보여줍니다. 레퍼런스에 있는 인물, 얼굴, 로고, 문자, 장면은 복사되지 않습니다.

라이브러리 탭을 엽니다.
레퍼런스로 사용할 각 이미지의 체크박스를 선택합니다. 레퍼런스는 최대 10개까지 사용할 수 있습니다.
스타일로 사용을 클릭합니다. AI로 생성 탭이 열리고 선택한 이미지가 스타일 레퍼런스 아래에 표시됩니다.
이미지를 설명하고 생성을 클릭합니다.

설명이 입력되어 있고 스타일 레퍼런스: 3 / 10 아래에 가을 사진 세 장이 추가된 AI로 생성 탭

레퍼런스 하나를 제거하려면 썸네일의 X를 클릭합니다. 모두 제거하려면 지우기를 클릭합니다. 합계가 10개가 될 때까지 다른 라이브러리 페이지에서 이미지를 더 추가할 수 있습니다. 선택이 10개를 넘게 되면 초과된 이미지는 추가되지 않습니다.

레퍼런스는 이 프로젝트 라이브러리의 이미지만 사용할 수 있습니다. 크롭은 레퍼런스로 사용할 수 없습니다.

AI 이미지 일일 한도

AI 이미지 수는 계정당 하루 단위로 제한됩니다. 기본 한도는 다음과 같습니다:

유료 요금제: 하루 10개 이미지
무료 요금제: 하루 2개 이미지

생성된 각 이미지가 한도에 포함되므로 4 × 이미지는 4개를 사용합니다. 남은 이미지 수가 요청한 수보다 적으면 Pushwoosh는 한도가 허용하는 만큼 생성합니다. 한도에 도달하면 daily limit of N AI images reached, try again tomorrow 메시지와 함께 생성이 실패합니다.

스타일 레퍼런스를 사용한 생성에는 별도의 일일 요청 한도가 있으며, 이미지 한도의 5배입니다. 기본 이미지 한도 기준으로는 다음과 같습니다:

유료 요금제: 하루 50회 요청
무료 요금제: 하루 10회 요청

요청은 포함된 레퍼런스와 이미지 수에 관계없이 한 번으로 계산됩니다. 생성된 각 이미지는 여전히 이미지 한도에 포함됩니다. 요청 한도에 도달하면 too many generations with style references today, try again tomorrow 메시지와 함께 레퍼런스를 사용한 생성이 실패합니다. 레퍼런스 없는 생성은 계속 작동합니다.

요금제에 AI 이미지가 포함되어 있지 않으면 AI images and stock photos are not available on your plan 메시지와 함께 생성과 스톡 사진 검색이 실패합니다. 한도를 변경하려면 Pushwoosh 계정 관리자에게 문의하세요.

이미지 크롭 만들기

크롭은 특정 종횡비로 원본 이미지의 크기를 조정하고 자른 복사본입니다. 크롭은 동일한 이미지가 다른 채널이나 배치에 따라 다른 비율이 필요할 때 유용합니다.

크롭을 만들려면:

이미지 위로 마우스를 가져가 크롭 만들기 버튼을 클릭합니다. 크롭 만들기 패널이 열립니다.
이미지를 사용할 배치에 맞는 종횡비를 선택합니다. 예를 들어 Android 빅 픽처 배너에는 2:1을, Apple Wallet 스트립 또는 로고 이미지에는 3:1을 사용합니다. 이미지가 허용하는 한 가장 큰 해당 종횡비의 프레임이 이미지 가운데에 나타납니다.
남기려는 이미지 부분으로 프레임을 옮깁니다. 마우스나 터치스크린으로 드래그하거나, 이미지의 한 지점을 클릭해 프레임을 그 지점 가운데에 맞춥니다. 키보드로 옮기려면 프레임에 포커스가 갈 때까지 Tab을 누른 다음 화살표 키를 누릅니다. 프레임은 이미지 가장자리에서 멈춥니다.
크기를 설정합니다. 값이 너비를 정의할지 높이를 정의할지 선택한 다음 픽셀 수를 입력합니다. Pushwoosh는 선택한 종횡비에서 다른 치수를 계산합니다.
JPEG 이미지의 경우 JPEG 품질 값을 1에서 100 사이로 설정합니다. 값이 높을수록 더 많은 디테일을 유지하지만 파일 크기가 커집니다.
크롭 만들기를 클릭합니다.

1:1이 선택되고 너비 1080이 설정되었으며, 정사각형 프레임이 사진 오른쪽 가장자리로 옮겨져 흰색 운동화와 선물 가방의 일부만 덮고 있는 크롭 만들기 패널

Pushwoosh는 프레임 안쪽을 정확히 잘라 크롭을 만들고 원본과 함께 저장하며, 미리보기는 새 크롭으로 전환됩니다. 다른 종횡비를 선택하면 프레임이 가운데로 돌아갑니다.

크롭은 원본보다 커지지 않습니다. 설정한 크기가 해당 종횡비에서 원본이 가진 것보다 많은 픽셀을 필요로 하면, Pushwoosh는 원본이 허용하는 가장 큰 크기로 크롭을 저장합니다. 예를 들어 1184×864 이미지에서 너비 1080의 1:1 크롭을 만들면 864×864로 저장됩니다.

크기나 프레임 위치가 다르면 같은 종횡비로 여러 크롭을 만들 수 있습니다. 종횡비, 최종 크기(원본에 맞게 줄인 후), 프레임 위치가 같은 크롭이 이미 있으면 Pushwoosh는 새 크롭을 만드는 대신 해당 크롭을 엽니다.

기존 크롭 보기

크롭 만들기 패널 아래쪽의 기존 크롭 목록에는 이미지의 모든 크롭이 표시됩니다. 크롭을 보려면:

이미지 위로 마우스를 가져가 크롭 만들기 버튼을 클릭합니다.
기존 크롭에서 크롭을 클릭합니다. 미리보기에 저장된 크롭이 종횡비 및 크기와 함께 표시됩니다(예: 2:1 · 1024×512).

기존 크롭에서 1:1 크롭 옆에 선택된 흰색 운동화의 저장된 2:1 크롭(1024×512)을 미리 보여 주는 크롭 만들기 패널

원본으로 돌아가려면 가로세로 비율 아래의 원본을 클릭합니다.

이미지 삭제

더 이상 필요하지 않은 이미지를 삭제할 수 있습니다. 원본과 모든 크롭을 함께 삭제하거나 단일 크롭만 따로 삭제할 수 있습니다.

원본 이미지 삭제

그리드에서 이미지 위로 마우스를 가져가 삭제 아이콘을 클릭합니다.
확인 창에서 삭제를 클릭합니다.

이미지에 여러 버전이 있는 경우 최신 버전과 해당 버전의 크롭만 삭제되며, 타일에는 이전 버전이 표시됩니다. 이전 버전을 삭제하려면 최신 버전부터 먼저 삭제하세요.

Wallet Pass 캠페인에서 사용 중인 이미지는 삭제할 수 없습니다. 먼저 캠페인에서 이미지를 제거하세요.

원본을 제거하지 않고 단일 크롭 삭제

이미지 위로 마우스를 가져가 크롭 만들기 버튼을 클릭하여 크롭 만들기 패널을 엽니다.
기존 크롭에서 제거하려는 크롭을 찾아 크롭 삭제 버튼을 클릭합니다.
확인 창에서 삭제를 클릭합니다.

한 번에 여러 이미지 삭제

한 번의 작업으로 여러 원본 이미지를 제거하려면:

삭제하려는 각 이미지의 체크박스를 선택하거나, 페이지의 모든 항목 선택을 클릭하여 현재 페이지의 모든 이미지를 선택합니다.
선택 항목 삭제를 클릭합니다.
확인 창에서 삭제를 클릭합니다.

콘텐츠에서 이미지 사용하기

미디어 스토리지 이미지를 추가하는 방법은 콘텐츠 유형에 따라 다릅니다.

에디터에서 이미지 선택

아래 나열된 에디터에서는 에디터를 나가지 않고도 이미지를 선택, 검색 또는 생성할 수 있습니다. 이미지 선택기에는 라이브러리, 스톡 사진, AI로 생성 탭이 있습니다:

푸시 알림 및 웹 푸시 콘텐츠: Banner URL, 아이콘, Stories 및 인박스 이미지. 푸시 프리셋의 미디어 콘텐츠 추가를 참조하세요.
SMS 프리셋: MMS 첨부 파일. MMS는 JPG와 GIF만 지원하므로 이 선택기에는 라이브러리와 스톡 사진만 있습니다.
푸시 발송 양식: 인박스 아이콘 및 WhatsApp 미디어.
Customer Journey: Viber 및 WhatsApp 요소의 이미지.
네이티브 인앱 메시지, Wallet Pass, 이메일 광고 크리에이티브.
AI Email Builder와 인앱 메시지 및 클라우드 페이지용 동일한 빌더: 이미지 갤러리.

필드가 PNG와 JPEG를 모두 지원하지 않으면 생성된 이미지가 두 형식 중 어느 쪽으로든 나올 수 있으므로 선택기에서 AI로 생성 탭이 숨겨집니다. 필드가 JPEG를 지원하지 않으면 스톡 사진 탭이 숨겨집니다.

Wallet Pass 캠페인에서 Apple Wallet Logo 또는 Strip 슬롯에 선택한 이미지는 3:1보다 넓으면 자동으로 3:1로 크롭됩니다. 캠페인 이미지 업로드를 참조하세요.

웹 팝업에서는 스톡 사진 및 AI로 생성 탭 없이 라이브러리에서만 이미지를 선택할 수 있습니다. 웹 팝업 콘텐츠의 이미지 및 동영상을 참조하세요.

이미지 URL 복사

미디어 스토리지에서 URL을 복사하여 콘텐츠 에디터에 붙여넣습니다.

URL을 복사하려면:

미디어 스토리지 그리드에서 원하는 이미지 위로 마우스를 가져갑니다.
이미지의 선택 버튼(체크 표시 아이콘)을 클릭합니다.

선택 체크 표시 버튼과 '이미지 URL이 클립보드에 복사되었습니다' 확인 메시지가 있는 미디어 스토리지 그리드 타일

URL이 클립보드에 복사되면 사용 중인 에디터에 붙여넣습니다.

붙여넣는 위치는 에디터에 따라 다릅니다:

이미지 URL 필드: 드래그 앤 드롭 에디터 및 클라우드 페이지 에디터 — 이미지 블록 또는 인앱 에디터
HTML src 속성: HTML 코드 에디터의 이미지 추가를 참조하세요.

원본 또는 크롭 선택

원본 또는 크롭의 URL을 복사하려면:

그리드에서 이미지 위로 마우스를 가져갑니다. 크롭이 있는 경우, 타일에 개수가 표시된 배지가 나타납니다(예: 2 cr.).
선택 버튼을 클릭하여 메뉴를 엽니다. 각 항목에는 원본 또는 크롭의 썸네일이 표시됩니다.
원본을 선택하여 전체 크기 이미지의 URL을 복사하거나, 종횡비와 크기별로 나열된 크롭을 선택하여 해당 크롭의 URL을 복사합니다.

원본, 2:1 · 1024×512, 1:1 · 1024×1024 옆에 썸네일이 있는 이미지 타일의 선택 메뉴