はじめに (既定画質に不満)
はてなブログ利用時の初期設定では、作成中記事に写真を貼ると「はてなフォトライフ」に写真(画像)がアップロードされます。
そして長辺が1024ピクセル以上の写真をアップロードした際には、「はてなフォトライフ」上で写真サイズを「長辺が1024ピクセル」まで自動縮小(圧縮)する仕組みとなっています。
個人的にはこの仕組みに常々不満を持っていました。
・・・写真縮小過程で画質が大きく損なわれる上に、JPEG圧縮特有のブロックノイズまで目立つ写真となってしまいます。
「たまにはキレのある(劣化のない)画質で記事を公開したい!」
そこで画質を損なわない設定にて写真をアップロードし、聖地の写真を公開することにしました。
別記事にて既出の写真も高解像度記事用として新たに加工を行い、それ以外にも巡礼記事では未掲載の写真も多数掲載いたしました。
関連記事と従来記事で画質を比較
本記事の目指す「画質劣化なし」について、比較画像にて簡潔にご説明いたします。
本記事と従来記事での画質差がどの程度認められるかの比較を行いました。
まずはテスト用の画像をブログ記事「高解像度版(仮名)」と「普段の解像度版(仮名)」にそれぞれ埋め込みます。
確認画像①
※本写真も高解像度です
上記の仮名2記事をブログにて公開後、ブラウザに表示された記事画像を部分拡大・比較をすると、以下写真(左)「高解像度版記事」と(右)「普段の解像度記事」では、精細感にかなりの差が認められます。
特に「普段の解像度記事」では、木の葉などの細部が完全に潰れていますが、一方「高解像度版記事」は葉一枚まで認識が可能となります。
同様にアニメ絵で比較をします。
確認画像②
※本写真も高解像度です
以下写真(左)「高解像度版記事」と(右)「普段の解像度記事」です。(PCまたはタブレット環境では画像クリックで、より差が顕著に現れる全画面表示となります)
【参考】 FireTV 4kブラウザでの4k TV表示を撮影しました。
※今回比較使用したデバイスは、iPad Air2(解像度2048×1536)となります
※ご覧の表示環境で差が認められない場合は、使用機器の解像度不足の可能性もあります
※PC / タブレット(一部)では記事内任意の画像をクリック(タップ)で拡大表示となります
※ブラウザより記事内の画像を保存した場合、高解像度画質でデバイスに保存されます
関連記事内の写真と解像度
関連記事内に掲載された写真の9割以上では、ミラーレス一眼カメラでの撮影となりますが、一部写真につきましては解像度4k以下の写真も混在しております。
1.「4K解像度」とは3840×2160Pixelを指します
2.関連記事内に掲載する写真の解像度(長辺×短辺Pixel)と記事は以下の通りです
・6000×4000(ミラーレス一眼) 「聲の形」「氷菓」記事
・5184×3456(ミラーレス一眼) 全関連記事
・4896×3672(コンパクトDSC) 調査中だがごく僅か
・4032×3024(iPhone7/8/11 HDR:ON) 全ての関連記事の一部
・3648×2736(コンパクトDSC) 「氷菓」ごく僅か
・3264×2448(iPhone6/iPhone4s HDR:ON)「氷菓」(注釈あり)
関連記事の表示速度
掲載している写真が無圧縮のため記事の読込に時間を要します。
携帯電話回線環境下での記事読込は避け、Wi-Fi環境を強くお勧めいたします。
関連記事は下記環境で閲覧確認を行いました。(一応のご報告)
・iPhone8 4G(au回線)
・iPadAir2 Wi-Fi(光回線)
・iPadPro2 Wi-Fi(光回線)
・Win7 PC (Core i3 550 2MB) Wired-LAN(光回線)
・iMac (5k Model) Wi-Fi(光回線)
その他
この様な記事をご覧になる方は、既に「聖地スポットを熟知しておられる」と解釈し、関連記事内では普段以上に説明やコメントは控えめです。
個人的感想
本記事試作中に私が確認した写真表示では、ダントツに綺麗なのは5KのiMacで感涙モノです。その次のiPadPro2も溜息モノでした。
i2kPCでも普段よりは綺麗です。
画像のJPEGノイズの少なさも見た目に貢献していますね。
逆にiPhone8/11(縦)は普段の記事との判別は難しいレベルでした。
現在ブログにて公開している高解像度記事は以下となります。
以上です。