はてなフォトライフは450px以上の画像も表示できた

たった今、気付いたこと。
はてなfotolifeは450px以上の画像も表示できた」(ガーン...知らなかった)

  • これだけ日記を続けてきて今更なのだが、はてなフォトライフ(無料サービスの方)が450px以上の画像も表示できることに気付いた!
  • 大きい画像をアップロードしても450pxに自動リサイズされてしまうので、与えられた権限では450pxまでしか表示できないものと思い込んでいた。
  • だから、この日記で使っているほとんどの画像は、450px以下なのである。
  • 稀に450pxでは小さ過ぎて用件が足りない時は、はてなフォトライフ以外のサービスにアップロードしていた。

つくづく、自分が情けなくなってきた...。

設定

アップロード時に画像サイズを自由に指定できたのであった!

フォトライフ >> 設定

  • 画像サイズ: 450px→900pxに変更してみた。


ツールバーの写真ボタン
  • すると、写真アップロード時のデフォルト値として、オプションにその設定が反映される仕組みなのだ!
  • フォトライフ >> 設定を変更しなくても、都度オプションを指定すれば、好みのサイズでアップロードされる。

  • しかも「Flashを利用するアップロード」なら、最初から画像サイズのオプションも表示されている。

  • 自分の場合は常に「Flashを利用しないアップロード」ばかり使っていた...。
    • Flashを利用するアップロード」が順調に機能したことがほとんどなく*1
    • また、Click to Flashを使い始めたりしたので。

画質

気を取り直して、大きな画像が扱えることを実際に試してみる。

450px→450px等倍 Retina最適で確認した印象
ボケ過ぎ
900px→450pxへ縮小(Retina対応) Retina最適で確認した印象
くっきり
1564px→450pxへ縮小 Retina最適で確認した印象
くっきりしているが、若干ぼやけたり、ギザギザが目立つ。整数倍の縮小率でない影響か?
1564px→782px縮小(Retina対応) Retina最適で確認した印象
システム環境設定ウィンドウと大きさ、画質すべて同じ
900px→900px等倍 1920x1200環境で確認した印象
(幅1920px環境で表示しないと縮小されてしまうかも)

ボケる、ギザギザが目立つ、大きい
1564px→1564px等倍 1920x1200環境で確認した印象
(幅1920px環境で表示しないと縮小されてしまうかも)

ギザギザが目立つ、デカ過ぎ、システム環境設定ウィンドウが2倍に拡大

サイズ

  • せっかくRetinaモデルのMacBook使っているのに「いつまでもボケボケの画像が続いていてはいかん!」
  • そう思って「450pxではどうにもならん」他のサービスを使うことを考えていた矢先に気付いたのであった。
  • 1画像サイズに制限はない。但し、ひと月当たりのアップロードは30MBまでしか許されない...。
画像 ファイル
450px 102KB
900px 285KB
1564px 494KB

Retina対応

  • Retina対応するには、表示したいサイズの縦横2倍の画像をアップロードして、imgタグで半分のピクセルを指定するのがベスト。
  • 画像サイズの制限はないが、元画像と等倍ではファイルサイズが大きくなりすぎるので、
  • 900pxでアップロードして、従来どおり450pxの見た目になるようにしておくのが良さそう。
  • はてな記法なら、長辺に対して:w450あるいは:h450を追加すればいいのだ。
# 横が長い画像
[f:id:zariganitosh:20121031105406p:image:w450]

# 縦が長い画像
[f:id:zariganitosh:20121031105406p:image:h450]


以上の対応をすることで、MacBookRetinaモデルのみならず、iPhoneiPadRetinaモデルでもクッキリした気持ちよい画像になる。

*1:Flashを利用するアップロード」はすぐに動かなくなったり、一部アップロードされないファイルがあったりと、イライラすることが多かった。