Title: Squidge
Author: Ainsley Clark
Published: <strong>2021-يىلى 8-دېكابىر</strong>
Last modified: 2021-يىلى 21-دېكابىر

---

قىستۇرما ئىزدە

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/squidge/assets/icon.svg?rev=2641409)

# Squidge

 يازغۇچى [Ainsley Clark](https://profiles.wordpress.org/ainsleyclark/)

[چۈشۈر](https://downloads.wordpress.org/plugin/squidge.zip)

 * [تەپسىلاتلار](https://ug.wordpress.org/plugins/squidge/#description)
 * [باھالاشلار](https://ug.wordpress.org/plugins/squidge/#reviews)
 *  [ئورنىتىش](https://ug.wordpress.org/plugins/squidge/#installation)
 * [ئىجادىيەت](https://ug.wordpress.org/plugins/squidge/#developers)

 [قوللاش](https://wordpress.org/support/plugin/squidge/)

## چۈشەندۈرۈش

Squidge is a FREE WordpPress Plugin built for developers in mind compressing and
convert images using jpegoptim,
 optipng, cwebp, and libavif. It’s extremley simple
to use and is designed to increase PSI and boost rankings.

### Why?

Image compression in WordPress can be costly, confusing and sometimes just simply
don’t work. We have aimed to simplify
 the process by requiring the developer to
install the required package on the operating system and Squidge does the hard work
for you.

 * **IT’S FREE**
 * Unlimited file size, no limits.
 * Optimised for your site to rank.
 * CLI to regenerate all of your media files.
 * Helper functions to output images in templates.
 * Uses the native `cwebp` and `libavif` libraries.

### What does Squidge do?

Squidge compresses and converts image files when the user has uploaded a file to
WordPress.

 * Compresses JPG images using `jpegoptim`.
 * Compresses PNG images using `optipng`.
 * Converts JPG and PNG images to `.webp` files using `cwebp` with the appended 
   extension e.g. `image.jpg.webp`.
 * Converts JPG and PNG images to `.avif` files using `libavif` with the appended
   extension e.g. `image.jpg.avif`.

### Render Images

To render images in templates, you can either set up nginx or apache rules to serve
images dynamically or used the
 squidge_image helper function. This dynamically 
checks if an `.avif` or `.webp` file is available on the file system and returns
the output.

### Function

    ```
    /**
     * Returns a <picture> element with source media for the standard file passed
     * (such as a JPG), the .avif file, the .webp file (if to exist on the file system).
     *
     * Appropriate <source> elements for image sizes with max widths.
     * Finally, the main be outputted with alt and title text.
     *
     * - If lazy is true, the data-src or data-srcset will be appended.
     * - If a class is set, the class will be outputted on the <picture> element.
     *
     * @param $image_id
     * @param string $class
     * @param false $lazy
     * @return string
     */
    function squidge_image($image_id, $class = '', $lazy = false)
    ```

### Output

    ```
    <picture class="picture">
        <!-- Loads if AVIF is supported and the window is smaller than 400px wide -->
        <source media="(max-width: 400px)" srcset="/sample-image.jpg.avif" type="image/avif">
        <source media="(max-width: 400px)" srcset="/sample-image.jpg.webp" type="image/webp">
        <source media="(max-width: 400px)" srcset="/sample-image.jpg">
        <!-- AVIF & Wep Initial Sizes -->
        <source srcset="/sample-image.jpg.avif" type="image/avif">
        <source srcset="/sample-image.jpg.webp" type="image/webp">
        <!-- Default -->
        <img src="/sample-image.jpg" alt="Alt text" title="Sample JPG">
    </picture>
    ```

### Credits

Written by [Ainsley Clark](https://github.com/ainsleyclark)

## ئېكران كەسمىسى

 * [[
 * Plugin settings page
 * [[
 * Example compression tab

## ئورنىتىش

 1. Go to the [releases](https://github.com/ainsleyclark/squidge/releases) section 
    and download the plugin.
 2. Upload the `squidge` plugin to your `/wp-content/plugins/` directory.
 3. Activate the plugin through the «Plugins» menu in WordPress.
 4. Check the Settings tab under `Settings | Squidge Options` to ensure the libraries
    are installed, if they aren’t,
     run the commands listed dependent on your operating
    system.
 5. Check the individual optimisation tabs and adjust settings accordingly.
 6. Done!

## FAQ

### Does the plugin replace existing images?

Yes

### What are the supported operating systems?

Windows, Linux, & Mac OSX.

## باھالاشلار

![](https://secure.gravatar.com/avatar/295394aed1bab38e59adfe9ab0b49af466ef111e036c506e780437880dc8cf0d?
s=60&d=retro&r=g)

### 󠀁[Settings page empty](https://wordpress.org/support/topic/settings-page-empty-8/)󠁿

 [Hans Konings](https://profiles.wordpress.org/kamawp/) 2023-يىلى 13-فېۋرال

Doesn’t work at all. Tried it on two different websites. On both websites the settings
pages is empty. No setting adjustments possible.

![](https://secure.gravatar.com/avatar/8f4f5bd7847efbf7dd93c2bf9939447c7d2e8601b380520c51efa99a65afb8f9?
s=60&d=retro&r=g)

### 󠀁[Cool Idea](https://wordpress.org/support/topic/cool-idea-6/)󠁿

 [pressport](https://profiles.wordpress.org/pressport/) 2021-يىلى 30-دېكابىر

This looks promising! It seems to be the only such solution for avif that can run
on the user’s own hosting.

![](https://secure.gravatar.com/avatar/c2d8590b3bd25e67a6ed4ef8bee9c915d7b22c816f65c94909fd2c55535cbaa1?
s=60&d=retro&r=g)

### 󠀁[Awesome plugin!](https://wordpress.org/support/topic/awesome-plugin-6277/)󠁿

 [OhColar](https://profiles.wordpress.org/ohcolar/) 2021-يىلى 21-دېكابىر

I’ll be using this plugin for all my projects for sure! It’s really useful as compression
can be a nightmare with WordPress. Can’t believe it’s free too.

 [ 3 باھالاشنىڭ ھەممىنى ئوقۇش ](https://wordpress.org/support/plugin/squidge/reviews/)

## تۆھپىكار ۋە ئىجادكار

«Squidge» كودى ئوچۇق يۇمشاق دېتال. تۆۋەندىكى كىشىلەر بۇ قىستۇرمىغا تۆھپە قوشقان.

تۆھپىكار

 *   [ Ainsley Clark ](https://profiles.wordpress.org/ainsleyclark/)

«Squidge» 2 تىلغا تەرجىمە قىلىنغان. [تەرجىمانلار](https://translate.wordpress.org/projects/wp-plugins/squidge/contributors)
نىڭ تۆھپىسى ئۈچۈن رەھمەت.

[«Squidge» نى تىلىڭىزغا تەرجىمە قىلىڭ](https://translate.wordpress.org/projects/wp-plugins/squidge)

### ئىجادىيەتكە قىزىقامسىز؟

[كودقا كۆز يۈگۈرتۈپ](https://plugins.trac.wordpress.org/browser/squidge/)، [SVN خەزىنە](https://plugins.svn.wordpress.org/squidge/)
تەكشۈرۈپ ياكى [RSS](https://plugins.trac.wordpress.org/log/squidge/?limit=100&mode=stop_on_copy&format=rss)
ئارقىلىق [ئىجادىيەت خاتىرىسى](https://plugins.trac.wordpress.org/log/squidge/)گە
مۇشتەرى بولغىلى بولىدۇ.

## ئۆزگىرىش خاتىرىسى

#### 0.1.0

 * Initial Release

## Meta

 *  Version **0.1.4**
 *  ئاخىرقى يېڭىلانغان ۋاقىت **4 يىل بۇرۇن**
 *  ئاكتىپ ئورنىتىش سانى **30+**
 *  WordPress نەشرى ** 5.5 ياكى يۇقىرى **
 *  **5.8.13** دا سىنالغان
 *  PHP نەشرى ** 5.6 ياكى يۇقىرى **
 *  تىل
 * [English (US)](https://wordpress.org/plugins/squidge/)، [German](https://de.wordpress.org/plugins/squidge/)
   ۋە [Russian](https://ru.wordpress.org/plugins/squidge/).
 *  [تىلىڭىزغا تەرجىمە قىلىڭ](https://translate.wordpress.org/projects/wp-plugins/squidge)
 * بەلگە
 * [compression](https://ug.wordpress.org/plugins/tags/compression/)[image](https://ug.wordpress.org/plugins/tags/image/)
   [image compression](https://ug.wordpress.org/plugins/tags/image-compression/)
   [lazy load](https://ug.wordpress.org/plugins/tags/lazy-load/)[webp](https://ug.wordpress.org/plugins/tags/webp/)
 *  [ئالىي كۆرۈنۈش](https://ug.wordpress.org/plugins/squidge/advanced/)

## دەرىجە

 3.7/5 يۇلتۇز

 *  [  2 5-يۇلتۇز باھالاش     ](https://wordpress.org/support/plugin/squidge/reviews/?filter=5)
 *  [  0 4-يۇلتۇز باھالاش     ](https://wordpress.org/support/plugin/squidge/reviews/?filter=4)
 *  [  0 3-يۇلتۇز باھالاش     ](https://wordpress.org/support/plugin/squidge/reviews/?filter=3)
 *  [  0 2-يۇلتۇز باھالاش     ](https://wordpress.org/support/plugin/squidge/reviews/?filter=2)
 *  [  1 1-يۇلتۇز باھالاش     ](https://wordpress.org/support/plugin/squidge/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/squidge/reviews/#new-post)

[بارلىق ئىنكاسنى كۆرسەت](https://wordpress.org/support/plugin/squidge/reviews/)

## تۆھپىكار

 *   [ Ainsley Clark ](https://profiles.wordpress.org/ainsleyclark/)

## قوللاش

چۈشەندۈرۈشىڭىز بارمۇ؟ ياردەم لازىممۇ؟

 [قوللاش مۇنبىرىنى كۆرسەت](https://wordpress.org/support/plugin/squidge/)

## ئىئانە

بۇ قىستۇرمىنىڭ ياخشىلىنىشىنى قوللامسىز؟

 [ بۇ قىستۇرمىغا ئىئانە قىلىش ](https://www.paypal.com/donate?hosted_button_id=PQG5A34KWUXRJ)