Serving Remote Optimized Images w/ gatsby-image w/o GraphQL

Part 1 of this series chronicles the process of using remote images from Cloudinary in GatsbyJS projects through GraphQL queries. Here in part 2, you’ll learn how to —

  • Leverage remote images stored in Cloudinary and served through an optimized content delivery network (CDN).
  • Serve fluid or fixed images with gatsby-image.
  • Render images for responsiveness and optimize them with gatsby-image.
  • Transform those images with Cloudinary.

For instance, we can quickly change this penguin image:

Specifically, this part guides you through two processes:

  1. Fetch an image from Cloudinary with the getFluidImageObject


This content originally appeared on Scotch.io RSS Feed and was authored by William Imoh

Part 1 of this series chronicles the process of using remote images from Cloudinary in GatsbyJS projects through GraphQL queries. Here in part 2, you’ll learn how to —

  • Leverage remote images stored in Cloudinary and served through an optimized content delivery network (CDN).
  • Serve fluid or fixed images with gatsby-image.
  • Render images for responsiveness and optimize them with gatsby-image.
  • Transform those images with Cloudinary.

For instance, we can quickly change this penguin image:

Specifically, this part guides you through two processes:

  1. Fetch an image from Cloudinary with the getFluidImageObject<


    This content originally appeared on Scotch.io RSS Feed and was authored by William Imoh


    Print Share Comment Cite Upload Translate Updates
    APA

    William Imoh | Sciencx (2020-05-20T15:46:27+00:00) Serving Remote Optimized Images w/ gatsby-image w/o GraphQL. Retrieved from https://www.scien.cx/2020/05/20/serving-remote-optimized-images-w-gatsby-image-w-o-graphql/

    MLA
    " » Serving Remote Optimized Images w/ gatsby-image w/o GraphQL." William Imoh | Sciencx - Wednesday May 20, 2020, https://www.scien.cx/2020/05/20/serving-remote-optimized-images-w-gatsby-image-w-o-graphql/
    HARVARD
    William Imoh | Sciencx Wednesday May 20, 2020 » Serving Remote Optimized Images w/ gatsby-image w/o GraphQL., viewed ,<https://www.scien.cx/2020/05/20/serving-remote-optimized-images-w-gatsby-image-w-o-graphql/>
    VANCOUVER
    William Imoh | Sciencx - » Serving Remote Optimized Images w/ gatsby-image w/o GraphQL. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2020/05/20/serving-remote-optimized-images-w-gatsby-image-w-o-graphql/
    CHICAGO
    " » Serving Remote Optimized Images w/ gatsby-image w/o GraphQL." William Imoh | Sciencx - Accessed . https://www.scien.cx/2020/05/20/serving-remote-optimized-images-w-gatsby-image-w-o-graphql/
    IEEE
    " » Serving Remote Optimized Images w/ gatsby-image w/o GraphQL." William Imoh | Sciencx [Online]. Available: https://www.scien.cx/2020/05/20/serving-remote-optimized-images-w-gatsby-image-w-o-graphql/. [Accessed: ]
    rf:citation
    » Serving Remote Optimized Images w/ gatsby-image w/o GraphQL | William Imoh | Sciencx | https://www.scien.cx/2020/05/20/serving-remote-optimized-images-w-gatsby-image-w-o-graphql/ |

    Please log in to upload a file.



    There are no updates yet.
    Click the Upload button above to add an update.

    You must be logged in to translate posts. Please log in or register.

Related Posts