リサイズ済みの画像を配信する
画像のURLにpxサイズを指定できるようにする
URLの末尾を「画像ID.長辺の長さ.png」のような形式にできたら嬉しい
CSS書かなくて良いので便利
SVG Screenshotでの実装
GCSに保存した画像をリサイズしてくれるGoogle App Engine APIがあるので作りやすかった
code:python
from google.appengine.api import images as gae_images
img_url = gae_images.get_serving_url(blob_key, size=px, secure_url=True)
実質的な作業はエンドポイントの定義をしただけ
オーバレイされる<svg>も下地のサムネイルpng画像のサイズに合わせて自然に拡縮される
画像サイズを指定する例
長辺を400px
https://svgscreenshot.appspot.com/c/x/0caff69423ff26cf91be5195d4fb5e47.400.png
https://svgscreenshot.appspot.com/c/x/0caff69423ff26cf91be5195d4fb5e47.400.png
長辺を100px
https://svgscreenshot.appspot.com/c/x/0caff69423ff26cf91be5195d4fb5e47.100.png
https://svgscreenshot.appspot.com/c/x/0caff69423ff26cf91be5195d4fb5e47.100.png
Gyazoでもできる
https://gyazo.com/ca0dc6e9a4e98a837cfaffe6c1daf00a/thumb/100
長辺を100pxにリサイズした画像が得られる
https://gyazo.com/ca0dc6e9a4e98a837cfaffe6c1daf00a/thumb/100#.jpg
#ideabot