https://labs.cybozu.co.jp/blog/akky/tags/%E3%82%BB%E3%83%AB%E8%8A%B8/ Recent content in セル芸 on akky@サイボウズラボ・ブログ Hugo ja Wed, 10 Aug 2016 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/ Wed, 10 Aug 2016 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/ <p>よくGoogle Spreadsheetsマクロによる凝ったツールを公開しているブログ Digital Inspiration のAmit Agarwal さんが、また<a href="http://www.labnol.org/software/turn-images-into-pixel-art/12978/">面白いツールを公開してくれました</a>。</p> <p>写真などの画像ファイルを表計算ファイルへと変換するツール <a href="https://bit.ly/GoogleSpreadsheetArt">Google Spreadsheet Art</a> です。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/view-from-cybozu-tokyo.jpg"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/view-from-cybozu-tokyo_hu_ff0a2884e4da424d.webp 300w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/view-from-cybozu-tokyo.jpg" width="300" height="169" alt="view-from-cybozu-tokyo" loading="lazy" decoding="async"> </picture></a></p> <p>これが元ファイル。300x300のサイズにあらかじめ縮小してあります。</p> <p><a href="https://bit.ly/GoogleSpreadsheetArt">Google Spreadsheet のツールファイル</a>をブラウザで開いて、自分のGoogle Drive にコピーします。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-1.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-1_hu_dddf3a7c1da9a1ea.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-1_hu_99a8213207113947.webp 768w, https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-1_hu_d654d89ed10bb7cd.webp 807w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-1.png" width="807" height="275" alt="google-spreadsheet-art-1" loading="lazy" decoding="async"> </picture></a></p> <p>[Spreadsheet Art]メニューから、1. アップロードを選択、</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-2.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-2_hu_80c452e735dedf9c.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-2_hu_7df1257fa42b86ae.webp 529w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-2.png" width="529" height="295" alt="google-spreadsheet-art-2" loading="lazy" decoding="async"> </picture></a></p> <p>このツールで取り扱える画像ファイルの種類とサイズが注意として出てきます。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-3.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-3_hu_5b50ed59f15a9394.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-3_hu_3f305f7ad53ba388.webp 768w, https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-3_hu_11c0e95097192791.webp 804w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-3.png" width="804" height="544" alt="google-spreadsheet-art-3" loading="lazy" decoding="async"> </picture></a></p> <p>画像ファイルのアップロードが終わると、多数のセルの中に色を表す数字が入っています。これが、元の画像ファイルのピクセルから取ってきた色の情報ですね。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-4.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-4_hu_ccbd071512b20a31.webp 400w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-4.png" width="400" height="255" alt="google-spreadsheet-art-4" loading="lazy" decoding="async"> </picture></a></p> <p>続いて、メニュー2番の「色を適用する」を実行。ちょっと時間が掛かります。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-5.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-5_hu_1be6d076bd1ccaee.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-5_hu_5b9bd305c0ca1f4e.webp 768w, https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-5_hu_d894510ce96f6a4e.webp 889w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2016/08/how-to-convert-image-to-excel-cells/google-spreadsheet-art-5.png" width="889" height="562" alt="google-spreadsheet-art-5" loading="lazy" decoding="async"> </picture></a></p>