New Nine Adaptive Images
NGINX rules for Adaptive Images? (7 posts)

  1. callmeforsox
    Posted 1 year ago #

    Does anyone know the rule to use for NGINX servers for adaptive images?

    Searched Google, found this:

    if ($request_filename !~* ai-cache) { rewrite \.(?:jpe?g|gif|png)$ /adaptive-images.php last; }

    Don't think it's working though.


  2. Dave Naylor
    Posted 1 year ago #

    This is working for me:

    location / {
        try_files $uri $uri/ /index.php?$args;
        if ($request_uri ~ "wp-content/uploads"){
            rewrite \.(?:jpe?g|gif|png)$ /wp-content/plugins/new-nine-adaptive-images/adaptive-images.php last;

    You may have to manually create wp-content/uploads/ai-cache/ and give it appropriate write permissions.

  3. callmeforsox
    Posted 1 year ago #

    Been testing this rule but doesn't seem to be working. Checking the site from a phone, the only directory that's ever created is for the 1200 breakpoint. And even then, I've only gotten two images to be created.

  4. Dave Naylor
    Posted 1 year ago #

    If you're seeing adaptive images, the rule is working. It's the plugin that deals with different breakpoints. I added several and it resulted in the appropriate creation of the relevant directories.

  5. callmeforsox
    Posted 1 year ago #

    Definitely not working. Not sure how those two images were even created but no other images have been created since.

  6. Dave Naylor
    Posted 1 year ago #

    That's a pity it doesn't work for you. I just tested my install again with this image:

    identify Aerial04.jpg
    Aerial04.jpg JPEG 3200x2000 3200x2000+0+0 8-bit sRGB 4.189MB 0.000u 0:00.000

    Once uploaded to my WordPress site and viewed on my 1920 width monitor:

    identify ai-cache/1900/wp-content/uploads/2014/01/Aerial04.jpg
    ai-cache/1900/wp-content/uploads/2014/01/Aerial04.jpg JPEG 1900x1188 1900x1188+0+0 8-bit DirectClass 446KB 0.020u 0:00.030

    Then on my Nexus 4:

    identify ai-cache/768/wp-content/uploads/2014/01/Aerial04.jpg
    ai-cache/768/wp-content/uploads/2014/01/Aerial04.jpg JPEG 768x480 768x480+0+0 8-bit DirectClass 82.9KB 0.000u 0:00.009

    So as you can see. Definitely working.

  7. Dave Naylor
    Posted 1 year ago #

    As a follow up, I was tweaking my nginx vhost conf today and added this:

    # Aggressive caching for static files
    location ~* \.(asf|asx|wax|... big list of extensions)$ {
            expires 31536000s;
            access_log off;
            log_not_found off;
            add_header Pragma public;
            add_header Cache-Control "max-age=31536000, public";

    It stopped adaptive images working. I've taken it back out for now and adaptive images work again.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic