Cloudinaryでは新画像を最適化

画像のフォーマットを指定

画像の配信URLに /f_auto/ を追加する (自動指定の場合)

ブラウザが対応していると WebPで配信される

/upload/f_auto/

オーバーレイテキスト

文字列部分にテキストを入力する

/upload/l_text:Sawarabi%20Gothic_24_normal:文字列,co_rgb:fff,g_south_east,x_20,y_20/XXXXX/

条件式

if_w_gte_800,

Gatsbyで画像の取り込みはできない

Gatsby-Source-Cloudinary

https://github.com/Chuloo/gatsby-source-cloudinary