image4io

<p>Image4io is a full-stack image manager that stores, optimizes and serves images for the web.</p>
<h3>DESCRIPTIONS</h3>
<p><strong>Image4io speeds up the images’ load time: optimization, delivery, storage: all-in-one platform</strong></p>
<p>Today, website performance is the key when it comes to increasing traffic in most websites. Image4io helps you optimize your images to boost website performance.</p>
<p>Image4io serves as end-to-end image management for your website. It stores images in the cloud. When your images are requested, they are processed through image processors to optimize images and served via multi-CDN.</p>
<p>Image4io also detects users’ device, browser and geographical location to serve the optimized image to deliver the best end-user web experience.</p>
<p>Benefits of image4io:<br />
* Increases web performance with optimized images.<br />
* Delivers images at highest speed.<br />
* Increases user experience.<br />
* Improves SEO.</p>
<h4>REQUIREMENTS</h4>
<ul>
<li>To use image4io, you will need to register for a (free) <a href="https://console.image4.io" rel="nofollow ugc">Image4io account</a> to use the plugin and start speed up your wordpress website.</li>
</ul>
<h4>OVERVIEW</h4>
<ul>
<li>Increases web performance with optimized images.</li>
<li>Manages all images in one platform.</li>
<li>Optimizes and manipulates images for your needs.</li>
<li>Uses next-generation image formats to boost performance</li>
<li>Delivers images at highest speed.</li>
<li>Increases user experience.</li>
<li>Improves SEO.</li>
</ul>
<h4>IMAGE UPLOAD</h4>
<ul>
<li>Jpeg, png, bmp and webp formats are supported formats.</li>
<li>Upload directly from your desktop via image4io storage console</li>
<li>Remote fetching from public URLs</li>
</ul>
<h4>IMAGE MANUPLATION</h4>
<p>You can use image4io dynamic URL structure and manuplate images. See <a href="https://image4.io/en/how-it-works" rel="nofollow ugc">How it works</a></p>
<ul>
<li><strong>Image quality</strong> – change encoding quality of an image.</li>
<li><strong>Image format</strong> – change format of an image. Also you can use auto image format so that it automatically changes for user browser.</li>
<li><strong>Image transformation</strong> – scale, fit, crop can be used.</li>
<li><strong>Image effects</strong> – sharpen and blur can be used for creating visual design.</li>
</ul>
<h4>IMAGE STORAGE</h4>
<ul>
<li>All your images are stored in a highly-available image4io storages.</li>
<li>You can manage your images in image4io storage console</li>
</ul>
<h4>IMAGE OPTIMIZATION</h4>
<ul>
<li>Your images are optimized via image process servers to improve image performance.</li>
<li>You can chance format,quality and transform images for your needs.</li>
<li>You can serve in next-generation image format to boost performance</li>
</ul>
<h4>IMAGE DELIVERY</h4>
<ul>
<li>All your images are delivered via highly available and lightning fast multiple Content Delivery Network(CDN)</li>
</ul>
<h4>Management and Reports</h4>
<ul>
<li>Image4io offers online management console to manage your images.</li>
<li>Browse all your images and organize your images.</li>
<li>View your transformation, CDN and storage usages in dashboard.</li>
<li>You can utilize API to manage your images.</li>
</ul>
<h4>ABOUT IMAGE4IO</h4>
<p>Read more about the Cloudinary service:</p>
<ul>
<li><a href="https://image4.io/" rel="nofollow ugc">Our website</a></li>
<li><a href="https://image4.io/en/blog/" rel="nofollow ugc">Blog</a></li>
<li><a href="https://image4.io/en/how-it-works" rel="nofollow ugc">How it works</a></li>
<li><a href="webspeedtest.image4.io" rel="nofollow ugc">Test your website</a></li>
<li><a href="https://image4.io/en/documentation" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://support.image4.io/hc/tr" rel="nofollow ugc">Support</a></li>
<li><a href="https://image4.io/en/contact" rel="nofollow ugc">Contact</a></li>
</ul>
<p><strong>Keywords</strong>: image, images, photo, photos, picture, pictures, thumbnail, thumbnails, upload, cdn, content delivery network, transform, manipulate, effects, scale, high availability, fast, format, sharpen,<br />
jpg, jpeg, png, crop, resize, scale, fit, quality.</p>


Image4io – Speed Up Your Website with Full Stack Image Manager

Image4io is a full-stack image manager that stores, optimizes and serves images for the web.

Simon Blackbourn

pandammonium

<p>Blipper Widget displays your latest entry (latest blip) on Blipfoto in a classic widget on your WordPress website.</p>
<p>NB Blipper Widget is a classic widget with a shortcode. Although there is no Blipper Widget block, Blipper Widget can still be used in block-enabled themes.</p>
<p>There are two ways to get Blipper Widget to work with block-enabled themes. The first is a workaround; the second uses existing Blipper Widget functionality:</p>
<ol>
<li>Install <a href="https://en-gb.wordpress.org/plugins/search/classic+widgets/" rel="nofollow ugc">a plugin that enables classic widgets</a>. This will allow you to add Blipper Widget to any widget-enabled location on your site.</li>
<li>Use the Blipper Widget shortcode in a WP <a href="https://wordpress.org/support/article/shortcode-block/" rel="ugc">Shortcode block</a>. Example: <code>[blipper_widget title='Blipper Widget' add-link-to-blip=show display-journal-title=show display-powered-by=show display-desc-text=show]</code>.</li>
</ol>
<p>Blipper Widget:</p>
<ul>
<li>displays the latest blip (image, title and username) in your Blipfoto account:
<ul>
<li>in a widget in a widget-enabled area</li>
<li>on a page via a shortcode</li>
<li>in a post via a shortcode</li>
</ul>
</li>
<li>displays the date of the blip (optional; on by default)</li>
<li>includes a link from the image to the corresponding blip on the Blipfoto website (optional; off by default)</li>
<li>displays your journal name with a link to your Blipfoto account (optional; off by default)</li>
<li>displays a (powered by) link to the Blipfoto website (optional; off by default).</li>
</ul>
<p>The image in the blip is not stored on your server: the widget links to the best quality image made available by Blipfoto.</p>
<h4>About Blipfoto</h4>
<p><a href="https://www.blipfoto.com/" rel="nofollow ugc">Blipfoto</a> is a photo journal service. It allows the user to post one photo a day along with descriptive text and tags; this constitutes a blip. The users may comment on other users’ blips, depending in the user’s settings, and award a star or heart to other users’ blips.</p>
<p>Blipper Widget is independent of and unendorsed by Blipfoto.</p>
<p>It does not allow you to:</p>
<ul>
<li>publish blips</li>
<li>comment on blips</li>
<li>award stars or hearts to blips</li>
<li>follow other users.</li>
</ul>
<p>This plugin is subject to <a href="https://www.blipfoto.com/developer/rules" rel="nofollow ugc">Blipfoto’s developer rules</a>; hence by installing, activating and/or using Blipper Widget, you consent to it performing actions involving your Blipfoto account, including, but not limited to, obtaining your account details (but never your password) and publishing your blips on your WordPress website. You also consent to your username being displayed together with your image. Following <a href="https://wordpress.org/plugins/developers/" rel="ugc">WordPress’ restrictions in their developer information</a>, no links to Blipfoto (or other external links) are included without your explicit consent.</p>
<p>You, the Blipfoto account holder, are responsible for the images shown on any website using the Blipper Widget with your Blipfoto and Blipfoto OAuth credentials.</p>
<p>Use of Blipper Widget does not affect the copyright of the photo.</p>
<p>The Blipfoto PHP SDK is used under <a href="https://opensource.org/licenses/MIT" rel="nofollow ugc">the MIT Licence</a>.</p>
<h4>GDPR compliance</h4>
<p>Only your Blipfoto username, which is public information, and your Blipfoto access token are required, collected and stored by Blipper Widget. Your Blipfoto username and access token will be retained by this plugin until you delete or uninstall the plugin. If you do not wish Blipper Widget to store your Blipfoto username, please do not use this plugin.</p>
<p>Your use of the plugin is not monitored by the plugin.</p>
<h3>Usage</h3>
<p>In classic themes and in block themes with a classic-widgets plugin installed, Blipper Widget is added to widget areas in the same way as any other classic widget. Your latest blip will be styled either according to your CSS or to the widget’s settings.</p>
<p>In block-enabled themes, Blipper Widget is added with the shortcode. It can be added in a Shortcode block or anywhere else a shortcode can be added in WP.</p>
<p>The shortcode is also used to place Blipper Widget outside widget areas, such as posts and pages in both classic and block-enabled themes.</p>
<p>Using the shortcode will style your latest blip according to your CSS.</p>
<h4>How to use the shortcode</h4>
<p>NB If you don’t know how to use WordPress shortcodes, please refer to <a href="https://codex.wordpress.org/Shortcode" rel="nofollow ugc">the WordPress codex article on shortcodes</a>. If you don’t know how to use the Shortcode block, please refer to <a href="https://wordpress.org/support/article/shortcode-block/" rel="ugc">the WordPress support article on Shortcode blocks</a>.</p>
<p>The Blipper Widget shortcode <code>[blipper_widget]</code> can be used singly or as a pair of start and end shortcodes:</p>
<ul>
<li>single use: <code>[blipper_widget]</code></li>
<li>paired use: <code>[blipper_widget] … [/blipper_widget]</code></li>
</ul>
<p>The most straightforward use of the shortcode is single use. In the page or post editor, place the shortcode where you would like it to occur. Alternatively, place the shortcode in a Shortcode block.</p>
<p>There are settings you can change; these, with their default values [and alternative values where appropriate], are:</p>
<ul>
<li><code>title                 = 'My latest blip' [<text string>]</code></li>
<li><code>title-level           = 'h2' ['h1', 'h3', 'h4', 'h5', 'h6', 'p']</code></li>
<li><code>display-date          = 'show' ['hide']</code></li>
<li><code>display-journal-title = 'hide' ['show']</code></li>
<li><code>add-link-to-blip      = 'hide' ['show']</code></li>
<li><code>display-powered-by    = 'hide' ['show']</code></li>
<li><code>display-desc-text     = 'hide' ['show']</code></li>
</ul>
<p><strong>Examples</strong></p>
<p><em>Change the text and heading level of the title:</em></p>
<pre><code>[blipper_widget title='The Daily Photo' title-level=h1]
</code></pre>
<p><em>Change the colour of the figure-caption text:</em></p>
<pre><code>[blipper_widget color=red]
</code></pre>
<p><em>Display your journal title in the figure caption:</em></p>
<pre><code>[blipper_widget display-journal-title=show]
</code></pre>
<p><em>Display your journal title and change the link colour in the figure caption:</em></p>
<pre><code>[blipper_widget display-journal-title=show link-color=blue]
</code></pre>
<p>You can use the paired shortcodes to add text to your blip’s caption like this:</p>
<pre><code>[blipper_widget]Blipfoto allows you to save your life – with a daily photo.[/blipper_widget]

[blipper_widget add-link-to-blip=show]Click on the photo to view this image on Blipfoto[/blipper_widget]
</code></pre>
<h4>How to use CSS classes to style Blipper Widget</h4>
<p>The shortcode version of Blipper Widget always uses CSS to style the blip. The classic widget can be styled using either CSS or the Blipper Widget settings form. Blipper Widget provides various CSS selectors to style its HTML output.</p>
<p>A blip comprises a photo, an optional title, optional text and optional tags. Blipper Widget adds metadata including your username, but does not display the blip’s tags. There is <a href="https://pandammonium.org/wordpress/wordpress-dev/blipper-widget/blipper-widget-example/#css-code" rel="nofollow ugc">an example of how to use CSS to style a blip</a> on <a href="https://pandammonium.org/wordpress/wordpress-dev/blipper-widget/blipper-widget-example/" rel="nofollow ugc">my Blipper Widget Example page</a>. Blipfoto provides the HTML for the blip’s text.</p>
<p>You can ignore the provided CSS selectors to allow your theme to style your blip. Alternatively, you can use them to give your blips a unique look. Many blippers like to see their photos on a dark background, reflecting how Blipfoto’s site originally looked.</p>
<h3>Acknowledgements</h3>
<p>This plugin is based on aspects of <a href="https://wordpress.org/plugins/blippress/" rel="ugc">BlipPress</a> by <a href="https://twitter.com/lumpysimon" rel="nofollow ugc">Simon Blackbourne</a>. I very much appreciate having his work to guide me with the use of <a href="https://www.blipfoto.com/developer/api" rel="nofollow ugc">the Blipfoto API</a>.</p>
<p>I used <a href="https://wordpress.org/plugins/rotatingtweets/" rel="ugc">Rotating Tweets</a> as a guide to implementing not only the settings page and the widget back-end, but also the shortcode.</p>
<p>In addition, I used <a href="https://wordpress.org/plugins/wp-spamshield/" rel="ugc">WP-Spamshield</a> as a model of how to implement uninstallation code.</p>
<p>I had help from an anonymous person with some of the <a href="https://jquery.com/" rel="nofollow ugc">jQuery</a> code.</p>
<p>The <a href="https://wpreadme.com" rel="nofollow ugc">WP Readme</a> tool has been invaluable for checking the formatting of this readme file.</p>


Blipper Widget

Displays your latest blip in a widget. Requires a Blipfoto account.

Image4io – Speed Up Your Website with Full Stack Image Manager vs Blipper Widget