Webストレージは画像保存には向かない
HTML5の新機能である「Webストレージ」は画像系アプリなどで使用するUNDOなどの一時的な画像の保存には向いていません。
そもそも、Webストレージの名称からすると数100MB~数GBぐらいのストレージ(容量)を扱えるように思うかもしれませんが、FireFoxは2-3MB、Chrome/IE11/Edgeは5MBぐらいしか扱えません。
しかも、この最大容量は1つのファイル毎ではなく、合計での容量です。
さらに、バイナリファイルは扱えなく、テキスト形式のみに対応しています。バイナリをテキスト形式のBASE64でエンコードするとファイルサイズが約33%増加します。
その他に、FireFoxを調査していましたら、FireFoxのcanvas.toDataURL()でPNGファイルを作成するとChromeやIEなどで作成するより、1.5倍から2倍近くファイルサイズが大きくなります。
結局、言いたい事は、画像をサーバーを介さずに、一時期にブラウザ(ローカル)に保存するにはWebストレージではなく、「IndexedDB」(HTML5の新機能)というWebデータベースを使用するのが良いです。
という事で、次回はIndexedDBで画像を保存する方法をご紹介します。
スポンサーリンク
関連記事
公開日:2016年11月22日
記事NO:02213
この記事を書いた人
![]() | 💻 ITスキル・経験 サーバー構築からWebアプリケーション開発。IoTをはじめとする電子工作、ロボット、人工知能やスマホ/OSアプリまで分野問わず経験。 画像処理/音声処理/アニメーション、3Dゲーム、会計ソフト、PDF作成/編集、逆アセンブラ、EXE/DLLファイルの書き換えなどのアプリを公開。詳しくは自己紹介へ |
プチモンテ代表、アーティスト名:プチモンテ | |
🎵 音楽制作 BGMは楽器(音源)さえあれば、何でも制作可能。歌モノは主にロック、バラード、ポップスを制作。歌詞は叙情詩、叙情的な楽曲が多い。楽曲制作は2023年12月中旬 ~ |
オリジナル曲を始めました✨
YouTubeで各楽曲を公開しています🌈
https://www.youtube.com/@petitmonte