Batch export screenshots
Keep layouts, filenames, and export checks consistent across a set.
Read guide →
Lilacpane / BLOG & GUIDES
Screenshot design and creative guides
Learn to add device frames, design photo compositions and improve exports. Find practical tutorials, App Store screenshot dimensions and app preview video specifications.
START HEREGive your screenshot
Give your screenshot
an iPhone frame
Choose a screenshot, frame, and background for your first mockup.
Read the guideAll guides
From the first frame to your final export. Find the topic you need.
Showing 17 of 17 guides
Workflow
Workflow
Make an iPhone screenshot mockup
Start with a source screenshot, add a frame and background, then check the export.
Read guide →
Workflow
Frame a screen recording
Frame a screen recording while preserving its proportions.
Read guide →
Sizes & specs
iPad and Mac screenshot sizes
Check iPad and Mac dimensions, orientation, and aspect ratios.
Read guide →
Sizes & specs
App preview video specs
Check preview dimensions, duration, and export requirements before recording.
Read guide →
Sizes & specs
App Store screenshot sizes
Choose a size for each device and check your final export.
Read guide →
Publishing checks
Screenshot privacy checklist
Check demo data, notifications, QR codes, and exported files before sharing.
Read guide →
Workflow
Why screenshot mockups look blurry
Find blur at the source, inside the frame, in the export, or on the website.
Read guide →
Workflow
Localize App Store screenshots
Coordinate interface language, headlines, demo data, and localized exports.
Read guide →
Design
Image SEO for product screenshots
Publish screenshots with useful descriptions and relevant landing pages.
Read guide →
Publishing checks
Screenshot review rules
Review app content, promotional copy, and demo data before submission.
Read guide →
Design
Screenshot backgrounds and color
Choose backgrounds, colors, and type that keep your screenshot readable.
Read guide →
Publishing checks
Indie launch visual checklist
Review icons, screenshots, previews, and localized assets before launch.
Read guide →
Workflow
Phone screenshot mockups
Turn a group of app screens into a consistent set of phone mockups.
Read guide →
Design
Device visuals for product websites
Plan useful visuals for your website’s hero, features, and workflow.
Read guide →
Design
iPhone and iPad portfolio mockups
Use key screens and multiple devices to explain a design case study.
Read guide →
Design
Social media product visuals
Give each post one clear message that stays readable at thumbnail size.
Read guide →
No matching guides
Try a shorter search, or clear the filters to see every guide.
Practical image guides
Prepare images for a website or sharing, then continue creating in Lilacpane.
Convert a transparent PNG to JPEG, or WebP to PNG
Convert PNG, JPEG and WebP in batches without resizing. Preserve transparency in PNG or WebP, or choose a JPEG background. Process locally and download a ZIP.
Reduce image file size, then check the result
Adjust JPEG or WebP quality and image dimensions. Compare previews and file sizes, then download images or a ZIP locally. PNG is supported; smaller files are not guaranteed.