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 45 comments Planning to raise User Avatar 15 comments The Future of Automation: Why Agents + Frontend Matter More Than Workflow Automation User Avatar 13 comments From side script → early users → real feedback (update on my SaaS journey) User Avatar 11 comments AI Turned My $0 Idea into $10K/Month in 45 Days – No Code, Just This One Trick User Avatar 7 comments