launchshots
무료 도구

프레스킷 생성기

앱 정보를 한 번 입력하면 — 스타일된 HTML 미디어 페이지, 팩트 시트, 보일러플레이트 카피, 아이콘, 로고, 스크린샷이 든 ZIP 다운로드. 60초 만에 기자에게 전송.

앱
비주얼 자산
P
업로드된 로고 없음.
개발자 / 회사
링크
선택
실시간 미리보기

피칭 팁

죽이는 스크린샷도 필요하신가요?

LaunchShots 에디터에서 세련된 App Store & Play Store 스크린샷을 구축하세요 — 무료, 브라우저에서, 가입 불필요.

에디터 열기 →
☕
LaunchShots가 마음에 드시나요?
평생 무료 — 시간을 아껴드렸다면 커피 한 잔 사주실 수 있어요.
후원하기 →
'; } // Compute the list of files that will be in the zip (for preview "ZIP contents") function buildFileList(){ var files = []; files.push({path:'README.md', kind:'text', size:buildReadme().length}); files.push({path:'press-kit.html', kind:'html', size:buildStandaloneHTML('assets/icon.png', state.logo?'assets/logo.png':null, state.screens.map(function(_,i){return 'assets/screenshots/screenshot-'+String(i+1).padStart(2,'0')+'.png';})).length}); files.push({path:'boilerplate.txt', kind:'text', size:buildBoilerplate().length}); files.push({path:'fact-sheet.txt', kind:'text', size:buildFactSheet().length}); if(state.icon){ var b = dataURLtoBytes(state.icon); files.push({path:'assets/icon.'+extFromDataURL(state.icon), kind:'img', size:b.length}); } if(state.logo){ var b2 = dataURLtoBytes(state.logo); files.push({path:'assets/logo.'+extFromDataURL(state.logo), kind:'img', size:b2.length}); } state.screens.forEach(function(s, i){ var bx = dataURLtoBytes(s.dataURL); files.push({path:'assets/screenshots/screenshot-'+String(i+1).padStart(2,'0')+'.'+extFromDataURL(s.dataURL), kind:'img', size:bx.length}); }); return files; } function renderFilesView(){ var v = $('view-files'); var files = buildFileList(); var total = files.reduce(function(a,f){return a+f.size;},0); var grouped = {}; files.forEach(function(f){ var dir = f.path.indexOf('/') === -1 ? '/' : f.path.substring(0, f.path.lastIndexOf('/')); (grouped[dir] = grouped[dir] || []).push(f); }); var html = '

'+files.length+' '+window.LS_PK_I18N.filesCount+' · '+bytes(total)+' '+window.LS_PK_I18N.uncompressed+'

'; Object.keys(grouped).sort().forEach(function(dir){ html += '
'+(dir==='/'?window.LS_PK_I18N.rootLabel:dir+'/')+'
'; }); v.innerHTML = html; $('zipSizeHint').textContent = files.length+' '+window.LS_PK_I18N.filesCount+' · ~'+bytes(total)+' ('+window.LS_PK_I18N.uncompressed+')'; } // Render all 3 preview views function render(){ $('view-page').innerHTML = buildPagePreviewHTML(); $('view-md').textContent = buildReadme(); renderFilesView(); // Sync brand color input pair $('iconPreview').innerHTML = ''; if(state.icon){ var im = document.createElement('img'); im.src = state.icon; $('iconPreview').appendChild(im); } else { var sp = document.createElement('span'); sp.className='ph'; sp.textContent = (state.name||'A').charAt(0).toUpperCase(); $('iconPreview').appendChild(sp); } $('logoStatus').textContent = state.logo ? window.LS_PK_I18N.logoUploaded : window.LS_PK_I18N.logoNone; renderScreensList(); } function renderScreensList(){ var box = $('screensList'); box.innerHTML = ''; state.screens.forEach(function(s, idx){ var t = document.createElement('div'); t.className='screen-thumb'; var im = document.createElement('img'); im.src = s.dataURL; var rm = document.createElement('button'); rm.className='rm'; rm.textContent='×'; rm.title = window.LS_PK_I18N.remove; rm.type='button'; rm.addEventListener('click', function(){ state.screens.splice(idx, 1); render(); }); t.appendChild(im); t.appendChild(rm); box.appendChild(t); }); } // Preview tabs document.querySelectorAll('.preview-tabs button').forEach(function(b){ b.addEventListener('click', function(){ document.querySelectorAll('.preview-tabs button').forEach(function(x){ x.classList.remove('active'); }); b.classList.add('active'); var v = b.dataset.view; $('view-page').style.display = v==='page' ? '' : 'none'; $('view-md').style.display = v==='md' ? '' : 'none'; $('view-files').style.display= v==='files'? '' : 'none'; }); }); // Bind inputs function bind(id, key, after){ var el = $(id); el.addEventListener('input', function(){ state[key] = el.value; if(after) after(); render(); }); } bind('f-name','name'); bind('f-tag','tag'); bind('f-cat','cat'); bind('f-plat','plat'); bind('f-price','price'); bind('f-release','release'); bind('f-short','short'); bind('f-long','long'); bind('f-dev','dev'); bind('f-founded','founded'); bind('f-loc','loc'); bind('f-web','web'); bind('f-email','email'); bind('f-appstore','appstore'); bind('f-play','play'); bind('f-tw','tw'); bind('f-ig','ig'); bind('f-awards','awards'); bind('f-quotes','quotes'); // Color sync $('f-accent').addEventListener('input', function(){ state.accent = this.value; $('f-accentHex').value = this.value; render(); }); $('f-accentHex').addEventListener('input', function(){ var v = this.value.trim(); if(/^#[0-9a-fA-F]{6}$/.test(v)){ state.accent = v; $('f-accent').value = v; render(); } }); // Icon upload $('iconUploadBtn').addEventListener('click', function(){ $('iconUpload').click(); }); $('iconUpload').addEventListener('change', function(e){ var f = e.target.files[0]; if(!f) return; var r = new FileReader(); r.onload = function(ev){ state.icon = ev.target.result; render(); }; r.readAsDataURL(f); }); // Logo upload $('logoUploadBtn').addEventListener('click', function(){ $('logoUpload').click(); }); $('logoUpload').addEventListener('change', function(e){ var f = e.target.files[0]; if(!f) return; var r = new FileReader(); r.onload = function(ev){ state.logo = ev.target.result; render(); }; r.readAsDataURL(f); }); // Screens upload $('screensUploadBtn').addEventListener('click', function(){ $('screensUpload').click(); }); $('screensUpload').addEventListener('change', function(e){ var files = Array.prototype.slice.call(e.target.files); if(state.screens.length + files.length > 8){ toast(window.LS_PK_I18N.maxScreens); files = files.slice(0, Math.max(0, 8 - state.screens.length)); if(files.length === 0){ e.target.value=''; return; } } var loaded = 0, total = files.length; files.forEach(function(f){ var r = new FileReader(); r.onload = function(ev){ state.screens.push({ dataURL: ev.target.result, name: f.name }); loaded++; if(loaded === total){ render(); } }; r.readAsDataURL(f); }); e.target.value = ''; }); // Reset $('resetBtn').addEventListener('click', function(){ if(!confirm(window.LS_PK_I18N.resetConfirm)) return; location.reload(); }); // Build ZIP $('exportBtn').addEventListener('click', function(){ var btn = this; btn.disabled = true; var orig = btn.innerHTML; btn.innerHTML = window.LS_PK_I18N.buildingZip; try{ var zip = new JSZip(); var slug = slugify(state.name); var root = zip.folder(slug + '-press-kit'); // Asset paths (relative inside zip) var iconExt = state.icon ? extFromDataURL(state.icon) : null; var iconRel = state.icon ? 'assets/icon.'+iconExt : null; var logoExt = state.logo ? extFromDataURL(state.logo) : null; var logoRel = state.logo ? 'assets/logo.'+logoExt : null; var screenRels = state.screens.map(function(s, i){ return 'assets/screenshots/screenshot-'+String(i+1).padStart(2,'0')+'.'+extFromDataURL(s.dataURL); }); root.file('README.md', buildReadme()); root.file('press-kit.html', buildStandaloneHTML(iconRel, logoRel, screenRels)); root.file('boilerplate.txt', buildBoilerplate()); root.file('fact-sheet.txt', buildFactSheet()); if(state.icon) root.file(iconRel, dataURLtoBytes(state.icon)); if(state.logo) root.file(logoRel, dataURLtoBytes(state.logo)); state.screens.forEach(function(s, i){ root.file(screenRels[i], dataURLtoBytes(s.dataURL)); }); zip.generateAsync({type:'blob', compression:'DEFLATE', compressionOptions:{level:6}}) .then(function(blob){ var url = URL.createObjectURL(blob); var a = document.createElement('a'); a.href = url; a.download = slug + '-press-kit.zip'; document.body.appendChild(a); a.click(); setTimeout(function(){ URL.revokeObjectURL(url); a.remove(); }, 500); btn.disabled = false; btn.innerHTML = orig; toast(window.LS_PK_I18N.downloaded + ' ' + slug + '-press-kit.zip'); }) .catch(function(err){ console.error(err); btn.disabled = false; btn.innerHTML = orig; toast(window.LS_PK_I18N.exportFailedRetry); }); } catch(err){ console.error(err); btn.disabled = false; btn.innerHTML = orig; toast(window.LS_PK_I18N.exportFailed); } }); // Init hydrate(); render(); })();