45
26

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Firebase Resize Imagesを使ってみた

Posted at

Firebase Resize Imagesとは

先日Firebase Extensionsのベータ版使えるようになりました。
Screen Shot 2019-10-03 at 14.06.13.png

Resizes images uploaded to Cloud Storage to a specified size, and stores both the original and resized images.

どうやら元画像とリサイズされた画像の両方を保存する拡張機能のようです。

インストール

インストールボタンをクリックすると、いくつか確認や入力を求めらる画面に遷移します。

このステップまできたら、

  • Deployment location
  • Cloud Storage bucket for images
  • Size of resized images
  • Cloud Storage path for resized images

を入力します。
Cloud Storage bucket for imagesにバケット名を入力するために、あらかじめ作成しておく必要があります。
Screen Shot 2019-10-03 at 14.13.16.png

インストールが完了すると、このような表示に変わります。
Screen Shot 2019-10-03 at 14.16.26.png

使ってみる

使ってみるボタンをタップし、数分待ちます。
完了すると下記の画面が表示され、簡単な使い方が表示されます。

Screen Shot 2019-10-03 at 14.18.05.png

どうやら指定したバケットに画像をアップロードするだけでいいみたいですね。

画像をアップロード

この画像をアップロードしてみます。
golang.png
アップロードが完了すると...
Screen Shot 2019-10-03 at 14.31.17.png
元画像とは別に、最初に指定したresized_imagesというディレクトリが自動で作成されました。
中を見てみると...
Screen Shot 2019-10-03 at 14.31.29.png
3つの画像がアップロードされています。
これは、最初に指定したSize of resized imagesの数だけ、元画像とは別にアップロードされるようです。

まとめ

とても簡単にResize Imagesを試すことができました。
今後は他のExtensionsも触れてみようと思います。

元画像からそこまで縮小している訳ではないのに、リサイズ後のファイルサイズがかなり削減されているのが非常に気になります。。。

45
26
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
45
26

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?