lab.js Builderでは作成できるプログラムのサイズ制限が50MBになっているため,画像を多く使った実験などではサイズ制限に引っかかてしまう場合があります。解決策としては2パターンあります。

  1. lab.js Builderを自分で立ち上げて(ローカルサーバーでもOK),サイズ制限設定を変更する
  2. 画像のサイズを小さくする

1の方法はハードルが高めなので,2の画像のサイズを小さくする方法を考えてみたいと思います。最近は,jpgなどの画像ファイルに対して,見た目の劣化を低減しつつも高い圧縮ができる技術は増えてきました。そういった技術を利用することで,ファイルサイズの低減を目指します。具体的には,Image Optimのような画像サイズ削減ソフト・サービスを利用するとよいでしょう。これを利用すれば,だいたい1/10くらいのファイルサイズになります。実際に使っていますが,30MBくらいあったlab.jsプログラムが6MBになったので,オンライン実験をする際にはオススメです。ただし,多少の劣化はあるので,設定で調整して最適なものを利用しましょう。他にもJPEGminiなども利用できると思います。

ImageOptim - better Save for Web

©2020 Masanori Kobayashi