/    Sign up×
Community /Pin to ProfileBookmark

Found the Cheapest and fastest Serverless Image Handler, but now what?

Copy linkTweet thisAlerts:
Nov 27.2020

So here is the deal:

  • 1.

    setting up aws s3 bucket to store your images is super easy


  • 2.

    using template from amazon in lambda to to run the sharpJS to handle images from the S3 is also super easy


  • 3.

    cloudfront set up is super easy as well


  • 4.

    inserting thumbor filters in the URL and thus creating on demand image resize, creationg, reformatig etc feels amazing!

    BUT QUESTIONS:

  • 1.

    Now what? I can have any URL of any image quality or format or resolution I would like but now what? How to properly implement it in a wordpress multisite installation? Is there a plugin or something?! Or I have to place URLs in posts. If I do post URLs in posts, how do I get them to change to smaller image url once smaller display device enters the same website?

  • 2.

    Is this a job for a plugin (plugin would have to allow me to put in url paramenters supported by aws serverless image handler) or should this be modified in the Genesis theme?

    Thank you all in advance 🙂

    • to post a comment
    PHP

    5 Comments(s) ↴

    Copy linkTweet thisAlerts:
    @noobforwebauthorNov 27.2020 — Okay so supposably those other paid ones such as ImageKit provide you with a wordpress plugin.

    I think a noob like me can just give up on the idea of creating a plugin for serverless image handler.

    But here is the question: if I buy a service like ImageKit, well.... they will force me to use their form of URLs to get images resized and stuff.

    These links are permanent and files if used will be cashed in cloudfront.

    Well, here is a problem:

    I want to migrate away from them asap to serverless image handler once I learn how to make a plugin, because 1. it is cheaper.

    Well is it even possible to migrate at that point once you already have 1000 images running on it?
    Copy linkTweet thisAlerts:
    @noobforwebauthorNov 27.2020 — screw it... these guys are literally charging like hell!! when the only thing they have is a freaking wordpress plugin.

    Is there no way to serve dynamic images somehow with some simple plugin and to insert urls manually?
    Copy linkTweet thisAlerts:
    @noobforwebauthorNov 28.2020 — spent the entire night setting this up..

    so i had an idea.

    create a bucket, start stack on lambda on AWS and let it create distribution through the template file offered by AWs.

    In the end I got:

    Serverless Image Handler not stored on s3 nor server but files created with thumbor filter url parameters are only cached in CDN.


    once cache expires and comone calls the URL, lambda jumps in and creates the file right away and CDN can serve it.

    Then I put this same s3 bucket name into w3 total cache and it's belonging cloudfront distribution (some troubles with assingning things and bla bla bla always some security group some certificate manager no permission bla bla always little troubles pop up).

    then as soon as wordpress loads something into the server> it goes to S3<<< where Lambda can access it and create images out of url parameters on demand on the fly.

    Amazingly :) all work okay.

    Now I can use cloudfront over s3 for regular stuff but when I am uploading heavy imagery, I can just add thumbor parameters that I need.

    manual work indeed since no plugin but hey at least it works, can add files through my wordpress once no need to copy anything, just paste in the parameter and that's it. on demand image is served.

    Another trouble: how to make this responsive now?!?! :S Because wordpress normally for every image creates smaller images and serves so. I guess something in the wordpress or theme code would have to be manipulated or some plugin created to gain responsivness.

    Does anyone have an idea>?!
    Copy linkTweet thisAlerts:
    @noobforwebauthorNov 28.2020 — this thing saves me thousands of dollars when compared to that cloudinary rip off.

    server>S3>lambda>cloudfront is wayy waaaay cheaper.
    Copy linkTweet thisAlerts:
    @noobforwebauthorNov 28.2020 — So this morning I consulted a professional web developer from a company in Berlin and he told me this solution is actually much better than Cloudinary but ease of use is problematic since all I got are links but wordpress is not utilizing them in a responsive way.

    HE said either a plugin or modifying theme is a solution.

    What do you guys think?
    ×

    Success!

    Help @noobforweb spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 — BETA 6.2,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @meenaratha,
    tipped: article
    amount: 1000 SATS,

    tipper: @meenaratha,
    tipped: article
    amount: 1000 SATS,

    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,
    )...