ドット絵をプロフ用のHTMLコードに変換します。
とりあえず試したい人は読み飛ばしてください。サンプルを見れば多分わかります。
ドット絵からニコニコ動画のコミュニティのプロフィールに使えるHTMLコードを作成します。
プロフ画面に指定されている「line-height:1.4」の回避法は探した限りなさそうなので、隙間が空いて縦長になるのは仕様です。
使用する文字数は1ドットあたり白と黒は1文字、色は30文字、改行は5文字(改行コードを付けない場合4文字)です。
ただし同じ色が連続する場合には2ドット分で31文字、3ドット分で32文字となります。逆に色が交互に並んでいるなど極端な例だと、10×10の画像であっても3千文字以上になってしまいます。
プロフ用にドット絵を作る場合は注意してください。
プレビューは実際のパソコン表示時の幅になっています。
スマホから見た場合、iPhone5で20ドット程度、iPhone6で24ドット程度までは大丈夫なようです。
プロフィールに入力できる文字数が最大で8192文字なので、他に入れたい説明などの兼ね合いで加減してください。
縮小した場合大抵は残念な結果になるので、基本的には使える原寸の画像を用意してください。
縮小率はn倍に拡大されたドット絵画像を使用する時用です。
圧縮で文字数が減るとは限りません。
画像によって半分以下にも倍以上にもなります。
同じ色が多く使われていて、黒で縁取りされていないものには比較的有効です。原理としては、白と黒以外で一番よくつかわれている色で全体を囲っているだけです。デフォルトの設定で妙に文字数が多いときに試してみてください。
↓これで横幅35ピクセル、709文字です。
█ █
█ █
█ █ █ █ ██ ██
█ █ █ █ ███████
█ █ █ █ ███████
█ █ █ █ █████
█ █ ███
█ ██ █ █ █ ██ █ █
█ ██ ██ █
█ █
↓これで横幅21ピクセル、3485文字です。(お借りしたドット絵→http://dic.nicovideo.jp/id/4793316)
████ ███
███████ █████
██████████ ███████
████████████ ███████
█████████████████████
█████ ██████████████
███████████ ███████
██████████ ██████
██████████ █████
██████████ ████
█████████████
███████████
███████████
███████████
██ ██████
█████
███
↓20×15ピクセル、縦に伸びるのでこれくらいのバランスで正方形に見えます)
████████████████████
█ █
█ █
█ █
█ █
█ █
█ █
█ █
█ █
█ █
█ █
█ █
█ █
█ █
████████████████████
↓ちなみに20×20ピクセルだとこうなります。結構な縦長。
████████████████████
█ █
█ █
█ █
█ █
█ █
█ █
█ █
█ █
█ █
█ █
█ █
█ █
█ █
█ █
█ █
█ █
█ █
█ █
████████████████████