SubZtep

<p>This plugin finds every GIF animation in your posts and replace it to a preview image. Doesn’t matter the GIF embedded from another website or use WordPress’s static thumbnail. It automatically generates the preview image from the first frame of the animation and save it to the post’s media directory with <code>-gap.jpg</code> suffix.</p>
<p>Posts show the pregenareted small size jpeg file first, your visitors don’t need to wait for download the huge animation. Play animation after they click on the image or after your whole page has downloaded. It depends on your setting:</p>
<ul>
<li>You are able to stop animations everywhere</li>
<li>Or start animation automatically only inside a post</li>
<li>Or start the moves everywhere by default, use this plugin for lazyload</li>
</ul>
<p>There are additional settings:</p>
<ul>
<li>Pretty smooth effect between your preview and animation</li>
<li>Start animations with your mouse</li>
<li>Work with metadata and preview</li>
<li>Disable on certain images with <code>nogap</code> class</li>
</ul>
<p>Don’t worry, delete this plugin will remove all settings from your database. Generated preview images gonna stay there, you can use them everywhere until you delete them manually.</p>
<p>On GitHub:<br />
https://github.com/SubZtep/gif-animation-preview</p>


GIF Animation Preview

Works as advertising, and the code is really tight, too. Nicely done.



Fantastic plugin

cool

Replace GIF animations to a static preview image

Johan Martin Aarstein

<p><strong>The most complete free Lottie Player yet.</strong></p>
<p>AM LottiePlayer is easy to use, lightweight, and gives you total control over how to implement crisp, vectorized animations to your website. Easily set up user interactions, choose between JSON or the optimized dotLottie format, choose whether to serve the files from a CDN or your own <em>Media Library</em>, choose how to scale the animation, add a nice description for screen readers and search eninge crawlers, and you’re off to the races!</p>
<p>Upload Lottie animations to WordPress and add them to Gutenberg, Divi, Elementor, Bricks, Flatsome UX Builder, or via the shortcode <code>[am-lottieplayer]</code>. This plugin also offer partial support for WPBakery (formerly Visual Studio).</p>
<h4>Features</h4>
<ul>
<li>Contains two Gutenberg blocks: a player and a cover block with text overlay – great for headers.</li>
<li>Contains a Divi Builder Module</li>
<li>Contains an Elementor Widget</li>
<li>Contains a Bricks Element</li>
<li>Contains the shortcode <code>[am-lottieplayer]</code></li>
<li>Has intergration for Flatsome UX Builder</li>
<li>Has partial support for WPBakery (formerly Visual Studio)</li>
<li>Scripts are only loaded for pages where the player is used</li>
<li>Upload Lottie JSON or dotLottie files to your <em>Media Library</em></li>
<li>Drag & drop a Lottie JSON or dotLottie file</li>
<li>Insert a Lottie JSON or dotLottie animation from URL</li>
<li>Choose scaling, speed, size, background color, interactions and more from the block settings in Gutenberg. The same settings are accessible in the Divi Module menu, the Elementor Widget menu, the Flatsome UX Builder menu, and WPBakery menu.</li>
</ul>
<h4>Links</h4>
<ul>
<li><a href="https://www.aarstein.media/en/am-lottieplayer" rel="nofollow ugc">Website</a></li>
<li><a href="https://www.aarstein.media/en/am-lottieplayer/pro" rel="nofollow ugc">AM LottiePlayer PRO</a></li>
</ul>
<h4>PRO</h4>
<p>AM LottiePlayer is also available in a professional version, which includes more functionality and flexibility. The AM LottiePlayer PRO features are:</p>
<ul>
<li>Combine animations in a single file via drag and drop</li>
<li>Control interactions and behaviour of each animation in multi-animation files</li>
<li>Convert JSON-lotties to dotLottie in an easy-to use GUI</li>
<li>Choose renderer: SVG, Canvas or HTML</li>
<li>More of the functionality from animations made with After Effects</li>
</ul>
<p><a href="https://www.aarstein.media/en/am-lottieplayer/pro" rel="nofollow ugc">Upgrade to AM LottiePlayer PRO</a></p>
<h3>Feedback</h3>
<p>We’d love to <a href="mailto:johan@aarstein.media" rel="nofollow ugc">hear from you</a>!</p>
<p>Thanks for using our plugin! Please take a moment to <a href="https://wordpress.org/support/view/plugin-reviews/am-lottieplayer?filter=#postform" rel="ugc">rate it</a>.</p>
<h3>Translations</h3>
<p>You can <a href="https://translate.wordpress.org/projects/wp-plugins/am-lottieplayer" rel="nofollow ugc">contribute your translation here</a>.</p>
<p>New to Translating WordPress? Read through the <a href="https://make.wordpress.org/polyglots/handbook/tools/glotpress-translate-wordpress-org/" rel="nofollow ugc">Translator Handbook</a> to get started.</p>


AM LottiePlayer

The most complete Lottie Player plugin! It is lightweight, versatile and easy to use, and it works with Gutenberg, Divi, Elementor and Flatsome.

GIF Animation Preview vs AM LottiePlayer