2
1 Comment

Tips and tools for preparing web app screenshots

by Drew

We take screenshots of our web apps to use in marketing materials and documentation all the time, but it's always a chore and the results could be better.

Anyone have tips or favorite tools to suggest (ideally tools for macOS)?

Our use-cases for screenshots are:

  1. taking screenshots in the right aspect ratios for Twitter and LinkedIn
  2. recording videos or GIFs, either for documentation or social media (with the right aspect ratios and resolutions)
  3. placing screenshots of web apps into smartphone or laptop "frames" for use in presentations

Thanks in advance for any advice!

posted to
Recommendations
 on March 5, 2021
Say something nice to drewda…
Post Comment
  1. 1

    For placing screenshots into device frames you may google for mockup generator, which is how such tools are usually called.

    PaoloAmoroso
    ·
    3 years ago
    ·
    Reply
Trending on Indie Hackers
Reaching $100k MRR Organically in 12 months 29 comments Passed $7k 💵 in a month with my boring directory of job boards 15 comments 87.7% of entrepreneurs struggle with at least one mental health issue 14 comments How to Secure #1 on Product Hunt: DO’s and DON'Ts / Experience from PitchBob – AI Pitch Deck Generator & Founders Co-Pilot 11 comments Competing with a substitute? 📌 Here are 4 ad examples you can use [from TOP to BOTTOM of funnel] 10 comments Are you wondering how to gain subscribers to a founder's X account from scratch? 8 comments