Roel Magdaleno

<p>You can select one of the three GIF player methods in the plugin options page.</p>
<h3>GIF</h3>
<p>This is the default method.</p>
<p>When a GIF is uploaded in your Media Library it will create an image thumbnail to use it as the GIF player preview and when the user clicks on the GIF player the original GIF will be loaded once.</p>
<h3>Canvas</h3>
<p>With this method every GIF will be loaded in your post and then converted into a <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API" rel="nofollow ugc">playable canvas</a>. A thumbnail image is created as well when uploading the GIF in your Media Library.</p>
<p>For this process we’re using the <a href="https://github.com/buzzfeed/libgif-js" rel="nofollow ugc">libgif.js</a> JavaScript library by BuzzFeed.</p>
<h3>Video (Recommended)</h3>
<p>Every GIF file will be converted to these video formats:</p>
<ul>
<li>WebM</li>
<li>MP4</li>
</ul>
<p>Why videos?</p>
<p>It is known that GIF files sizes are bigger than a video so using a video instead of a GIF file <a href="https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/replace-animated-gifs-with-video" rel="nofollow ugc">will help your website performance</a>.</p>
<p>Want more details about converting GIF to video? <a href="https://github.com/roelmagdaleno/wp-gif-player-play-and-pause/wiki/GIF-as-Video" rel="nofollow ugc">Check the GIF as Video wiki</a>.</p>
<h3>Thumbnail Preview</h3>
<p>The plugin will grab the GIF file and extract the first frame as JPEG image and use it as thumbnail preview. This file will be saved in the same folder of the original GIF.</p>
<p>The thumbnail image always generate once and doesn’t matter the selected GIF method.</p>
<h3>Shortcode</h3>
<p>If you’re still using the WordPress Classic Editor you must use the next shortcode:</p>
<pre><code>[gif-player id="gif_id"]
</code></pre>
<p>If you don’t know the GIF ID you can add a GIF player using the “<strong>Add GIF Player</strong>” button next to the “<strong>Add Media</strong>” button.</p>
<p>When you click the “<strong>Add GIF Player</strong>” button the Media Library window will open and you will be able to select or upload your GIF.</p>
<p>When you save and view the post, the plugin will render the GIF Player according to the selected GIF Method in the plugin options page.</p>
<h3>Gutenberg Block</h3>
<p>You can use the GIF Player as a Gutenberg block. <a href="https://github.com/roelmagdaleno/wp-gif-player-play-and-pause/wiki/Gutenberg-Block" rel="nofollow ugc">Check the wiki for more details</a>.</p>
<h3>Is compatible with Lazy Load?</h3>
<p>Some Lazy Load plugins are compatible with the three GIF player methods in the plugin but there are other plugins that won’t allow you to reproduce the GIF player.</p>
<p>In case the GIF player cannot reproduce you can use your Lazy Load plugin filters to skip Lazy Load by using the GIF CSS classes.</p>
<p>The CSS classes for every GIF player are:</p>
<ul>
<li>GIF: <code>wp-gp-pp-gif</code></li>
<li>Canvas: <code>wp-gp-pp-gif-canvas-player</code></li>
<li>Video: <code>wp-gp-pp-video-player</code></li>
</ul>
<p>If your Lazy Load plugin ask you to add a custom CSS class into the GIF asset to avoid Lazy Load you will have to use the GIF player custom filters in your <code>functions.php</code> file. <a href="https://github.com/roelmagdaleno/wp-gif-player-play-and-pause/wiki/Hooks" rel="nofollow ugc">Check the custom filters to avoid Lazy Load for the GIF players</a>.</p>
<h3>GIF as Video – Fallback</h3>
<p>If for any reason your current GIF Player as Video doesn’t have any video source the plugin will render the default GIF Player (GIF) as fallback.</p>


WP GIF Player – Play & Pause

Insert GIFs that can be played and paused into your WordPress posts and pages using shortcodes and Gutenberg blocks.

docjojo

<p>atec-WebP works automatically, no configuration required.<br />
Just install, activate and switch on the “WebP active” option. That’s all.</p>
<p>Most other image optimization plugins (such as Smush or LiteSpeed) use batch conversion.<br />
These plugins convert ALL images in the upload folder, including thumbnails.<br />
This is not necessary, as some of these images might never be requested.<br />
atec-WebP works “on demand”, it converts images only when requested. This saves disk space.</p>
<p>In case you are using a CDN the rewrite rules to serve .webp files will not be effective – unless you exclude image files from caching.<br />
Please check the response header to see whether .webp files are actually handled by your server – or delivered by a CDN.</p>
<h3>Specifications</h3>
<ul>
<li>Supports IMG_WEBP_LOSSLESS quality.</li>
<li>Supports BMP, GIF, PNG & JPEG image format.</li>
<li>Supports transparent GIF & PNG files (plus BMP with ImageMagick).</li>
<li>Unsupported files (like animated GIFs and transparent BMP with GD-extension) will be skipped automatically.</li>
</ul>
<h3>Requirements</h3>
<p>atec-WebP requires write permission for the /.htaccess file and a webserver that supports rewrite rules (mod_rewrite).<br />
Rewrite rules will be added to the .htaccess file only if you check the “WebP active” option.<br />
The rules will be deleted if you uncheck the option or deactivate the plugin.</p>
<p>Image requests will be redirected to their WebP counterpart, if the WebP version exists, otherwise the request will be redirected to a script in the ./uploads/atec-webp folder. The script converts image files to *.Xwebp.webp files in their respective folder. There will be no extra folders for the converted images, so everythings stays in place. However you can still delete the convert files at any time, as they are easily identified by their .Xwebp.webp extension.</p>
<p>atec-WebP dashboard also provides a feature to delete these files, with no impact on the original files.</p>
<h3>Attention</h3>
<p>DO NOT disallow script execution in wp-content/uplods folder by a “deny from all” rule, because the conversion script resides in the wp-content/uplods/atec-webp.</p>
<h3>3rd party scripts</h3>
<p>The plugin uses “basicLightbox” to preview images.<br />
Source code @ https://github.com/electerious/basicLightbox</p>
<h3>Third-Party Services</h3>
<h3>Integrity check</h3>
<p>Once, when activating the plugin, an integrity check is requested from our server – if you give your permission.<br />
Source: https://atecplugins.com/<br />
Privacy policy: https://atecplugins.com/privacy-policy/</p>
<h3>atec-WebP and Cloudflare compatibility</h3>
<p>The plugin does not replace image files in the media library nor does it alter the image attachments in pages or posts.<br />
It works by serving .webp images instead of other images formats by converting those images in the uploads folder and rewriting requests to the original image by the use of .htaccess rewrite rules.<br />
For the plugin to be in effect, the browser must send an ‘accept’ header that includes the ‘image/webp’ mime type.<br />
However, if you use cloudflare, the cloudflare crawler will not send this header, thus the redirect script will not run the rewrite rule.<br />
As a result, the crawler will get the original image and atec-WebP is not interfere.</p>
<h3>atec-WebP and LiteSpeed web-server compatibility</h3>
<p>LiteSpeed support for .htaccess files depends on the web-server configuration. LiteSpeed must reload the .htaccess after it has been altered by atec-WebP. It can take several minutes for the changes to have effect.</p>


atec WebP


The webP format offers a high compression rate, resulting in smaller image sizes while maintaining high quality.The plugin hooks into image requests and automatically converts JPEG, PNG, BMP, and GIF into the webP format, thereby saving bandwidth. Once converted, subsequent requests are sent to the webP pendant.This process is running in the background - without any configuration.Activate the plugin and turn on the conversion - that's it.As a plus, the plugin can scan the entire uploads folder for images and display file statistics.


Great install and forget plugin

Auto convert all BMP, GIF, PNG & JPEG images into the much better WebP format. Supports the GD & ImageMagick libraries.

WP GIF Player – Play & Pause vs atec WebP