3
6 Comments

How to create gifs for landing page?

Hey guys, what do you use to create lightweight and good quality animated gifs for your website/landing page? Also, I've seen some cool gifs inside a static image of a laptop. Anyone know how that's done?

on July 13, 2019
    1. 1

      Awesome, thanks for the link. I'd never seen this one before.

      1. 2

        Quality is acceptable, see my landing page for an example. https://contexted.io

        1. 1

          Looks great. And the file size is a lot smaller than I thought it would be.

  1. 2

    Videos can be converted to gifs. Not positive which free options are high quality though.

    Usually for those laptop/browser images it’s just some css tricks to build a minimal looking device around it or you can use a background image and use css to position the gif/video over it.

    1. 1

      That's what I was planning re: converting video to gif. I've been making some videos with Screenflow and learning some editing but never made a gif from one and got curious to see if there's a quicker way.

      Thanks for the idea for placing the vid/gif over a background image.

Trending on Indie Hackers
Your SaaS Isn’t Failing — Your Copy Is. User Avatar 57 comments Solo SaaS Founders Don’t Need More Hours....They Need This User Avatar 41 comments Veo 3.1 vs Sora 2: AI Video Generation in 2025 🎬🤖 User Avatar 34 comments Planning to raise User Avatar 14 comments The Future of Automation: Why Agents + Frontend Matter More Than Workflow Automation User Avatar 12 comments From side script → early users → real feedback (update on my SaaS journey) User Avatar 11 comments