今日はちょっと天鳳の画像の載せ方について
書いていきたいと思います。

まず画像を保存するにはどうするか。
色々方法はあると思いますが
私はCaptureXPというキャプチャーソフトを使っています。

Windows7のAeroテーマでは使えないので、
このソフトを使うためにベーシックテーマにしています。

$libraryの天鳳ブログ-cap

起動するとこんな画面が出てきます。
1番左のボタンを押すと範囲を選択して切り取り。
左から2番目のボタンを押すとウィンドウを選択して切り取り。

左から2番目のボタンを押して天鳳の画面をクリックします。
そうすると自動的にペイントが立ち上がります。
そして名前をつけてjpgで保存します。

普段天鳳をやる時はFlash版専ブラのエコノミーなのですが
画像を保存する時は牌譜をブラウザで開いてプレミアムにします。

ブラウザで開いた時の仕様が変わったので
今はFlash版専用ブラウザのプレミアムで開いています。

プレミアムの方がキレイなのと
ツモ切り牌が暗転表示できるのと
他家の手牌表示をON/OFFできるのと
巡目を指定できるからです。

$libraryの天鳳ブログ-ameblo120221a

アメブロで画像を使う時の画面です。
ブログを始めた頃は特に考えもなく
縮小して表示というのを使ってました。

横幅最大220px。
天鳳のFlash版の画面サイズは728×620です。
3割程度の大きさになってしまいます。
これでは何がなんだかわかりません。

$libraryの天鳳ブログ-26u2

もっとブログを良くしたいと考えていた私は
そんな現状を腹立たしく思っていました。
早くなんとかしないと・・・

そんなある日、気が付きました。
オリジナルで表示っての使えばいいんじゃね・・・?



$libraryの天鳳ブログ-26u2

極端なんだよ大小の差が。


リサイズして投稿する事も考えました。
しかしそれだとやはり画質が劣化する。

保存厨の私としてはオリジナルを残しておきたい。
元画像を見るという選択の余地を残したい。
と言うかいちいち編集するのがめんどくさい。

どうすればいいんだ・・・
そんなある時、閃きました。

1回オリジナル表示にしといて
タグで大きさを指定すればいいんじゃね・・・?
とりあえずimgタグにwidth="500"を入れてみた。

htmlタグについてわからない場合は
ググって初心者向けのサイトで調べてください。




$libraryの天鳳ブログ-26u2

いいじゃないか。

ほんとはheightも指定した方がいいのかもしれないけど
widthだけでも自動的に調整してくれます。

これでもちょっと見にくいかも、
と思って今は546にしてます。
なぜ546かと言うと728の75掛けです。


$libraryの天鳳ブログ-26u2

ちなみにChromeでは画像を右クリックして
「新しいタブで画像を開く」を選択すると元のサイズの画像が見れます。

Windows版では牌譜モードから
簡単に画像を保存する事ができます。
実寸100%、縮小75%、50%、25%から選べる。

Windows版のサイズは1024×768なので
Flash版と同じサイズにすると
縮小率が高くなって見にくくなると思います。
なのでちょっと大きめに設定した方がいいのかもしれません。

※追記
アメブロでは800pxを超える画像を投稿すると
自動的に縮小されるようです。


Windows版の事や他のブログの事はよくわからないけど
1つ言えるのは、どのように見せたいかというのが重要なんだと思います。
そのためにできる事は何でもやる。

ブログのデザインや構成で特に理由がない限りは
できるだけ大きい視認性の高い画像を載せる事を推奨します。
画像が小さいブログは見ないという人もいます。

ちなみに携帯で閲覧してる人もいるかもしれませんが
ブログを書く上で携帯での閲覧は全く考慮しておりません。
PCで見て下さい、としか言いようがない。

OSやブラウザや解像度や文字サイズや
マウスのスクロールスピードでも
見え方は変わるかもしれません。

でもそんな事まで気にしてたらブログなんて書けません。
ざっくりでいいんです。
基本は自分の楽しさ優先で書きたい事を書く。


こんなところでしょうか。
これからブログを始める人、既にやってる人の参考になると良いのですが・・・
私は天鳳系のブログがより活性化される事を心より願っております・・・

画像編の次は構成編でも書こうかと思っています。
当分ないと思う。一生ないかも。




人気ブログランキングへ
前回の補足です。
画RSSの設置についてざっと書いていきます。

あやぽんRSSにも一応登録してみたけど
使いにくそうだったんで設置テストすらしてません。

公式の初心者向けの説明を見てもらえれば大体の流れはわかると思います。

$libraryの天鳳ブログ-garss

追加したいブログのトップページのURLを入力すると
自動的にRSSのURLを探してくれると思います。
xmlとかrdfとかいくつか候補が出る場合がありますが
どれでもいいと思います。問題があったら変えて下さい。
サイト名とRSSのURLは後からでも変えられます。

追加作業をしているときに、たまたまかもしれないけど
FC2ブログで何回かRSS機能がないため~というエラーが出ました。

月刊ネットマージャンにも表示されてるし
そんなはずはないと思うんだが、そういう時は
ブログのソースを見ればRSSのURLがわかると思います。
FC2の場合はブログのトップページのURLに?xmlを足したものです。
fc2.com/?xml

$libraryの天鳳ブログ-garss2

特にこだわりがなければシンプルレイアウトでいいと思います。

$libraryの天鳳ブログ-garss3

最も重要なのが表示サイズの横幅。
ここさえきちんと設定できればすぐ使えます。

広い方が使いやすいのでブログのデザインに合わせてギリギリの大きさに調整します。
私は300pxにしています。
なぜ300かと言うとアメブロのサイドバーの公式の画像が300だったからです。

高さもやはり狭いと使いにくいので
ブログのデザインを崩したり圧迫したりしない程度に大きくする。
スクロールバーは自動。
高さを0にするとスクロールバーは消えて表示リスト行数の分だけ全て表示されます。

libraryの天鳳ブログ-garss4

表示リスト行数は特に理由がない限りは多めにする。
とりあえず150にしてます。少ないと新しいものしか表示されない。
後のデザインとかはお好みで。

libraryの天鳳ブログ-garss5

表示タグ発行からスクリプトのタグをコピーする。
アメブロでscriptタグを使うにはフリープラグインを使います。
サイドバーの設定→フリープラグイン編集ページでさっきのタグを貼り付けて保存する。

$libraryの天鳳ブログ-ameblo120218a


サイドバーの配置でフリープラグインをサイドバーの表示させたい位置に設定する。


$libraryの天鳳ブログ-ameblo120218b

これでブログに表示できると思います。
ね、簡単でしょ?w

アメブロでしかやっていないのでアメブロ編という事でしたが
他でも応用が効くかもしれません。
何かの参考になれば良いのですが・・・

私は天鳳系のブログがより活性化される事を心より願っております。

嘘です。そんなには願ってないです。




人気ブログランキングへ
東南車さんのブログを見て画RSSというサイトに登録してみました。

画RSSは、ニュースやお気に入りのブログの更新情報をRSSを用いて自動取得し、あなたのウェブサイトに更新情報の一覧を公開するための無料ブログパーツです。

とりあえずアメブロで読者登録してるブログと
月刊ネットマージャンで今表示されてる天鳳系のブログを
片っ端から登録してみた。

右上に表示されてると思いますが
これで各ブログの更新状況がチェックできるわけだ。

これは素晴らしい!
みんな相互RSSしようぜ!

詳しくは東南車さんのブログを見て下さい。
アメブロの場合サイドバーのフリープラグインでjavascriptを使えるようです。

リンクは徐々に増やしていきます。
天鳳やってる人や天鳳について書いてる人を中心に。
画RSSは150件までしか登録出来ないので150を超えるようなら
更新頻度の低いものから削除していきます。

追記
画RSSの設置方法




人気ブログランキングへ