Blogger | アップした画像がぼやける

どういうシステム化は不明ですが、画像をアップロードしたときに、画像がぼやけてしまうという現象が起こります。

結論からいうと、仕組みはわかりませんが(苦笑)、ある値を設定すればキレイな画像になります。
s100

上の画像では、いったい何の画像かわかりませんよね?でも下の画像だとはっきりと何について書かれている画像かわかります(骨髄バンクの登録のお知らせ)。

s1000


画質の調整|画像のHTMLの編集

HTMLの編集で、画像について書かれている部分を見つけ、橙色の部分の値を大きくすれば画像の解像度?が上がります。ちなみにs<数字>であれば、なんでもいいみたいなので, s1000のように指定すればOK。

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLYlslogQsz8PpHZ0E0IxDFEEN6yCmm4_fKNYwPa8KA4KLcFr4InzkMqUnIO1cJeto0mvd9m2trNbh0KGsZIznVIYhCr8_f6PPUBG2LiGrfYqltJ1STxg_MzFlqlW8sdXY4O5EJJeYGk5f/s100/%25E9%25AA%25A8%25E9%25AB%2584%25E3%2583%2590%25E3%2583%25B3%25E3%2582%25AF%25E7%2599%25BB%25E9%258C%25B2%25E3%2581%25AE%25E3%2581%258A%25E7%259F%25A5%25E3%2582%2589%25E3%2581%259B.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="867" data-original-width="867" height="200" src="https://4.bp.blogspot.com/-8tv7MH8HnYY/XLhjfqQ8YZI/AAAAAAAAAkc/XmYPPVdgptEYzGV686-_l7xV9g86RIpwCLcBGAs/s100/%25E9%25AA%25A8%25E9%25AB%2584%25E3%2583%2590%25E3%2583%25B3%25E3%2582%25AF%25E7%2599%25BB%25E9%258C%25B2%25E3%2581%25AE%25E3%2581%258A%25E7%259F%25A5%25E3%2582%2589%25E3%2581%259B.jpg" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="tex-align: center;">s100</td></tr>
</tbody></table>
<div>

同じ「s値」なのに、見え方が違う

同じ「s100」でも、数値設定後、「画像サイズ」を変更すると、見えやすく映ります(上と同じ写真を一度「大」サイズから「中」サイズにし、再度「大」に戻した)。上の「s1000」よりは微妙に見えづらいですが、上の「s100」よりは断然に見えやすいですよね。
s100

WEBやらHTMLはそこまで詳しくないので、この「s値」が何を表しているのかは、不明なままにしておきます…。わかったら追記します!


おまけ|食べ物の場合

三重県伊賀市のすき焼きや「金谷」さんにお邪魔してきたときの写真です。また食べに行きたい…

s100    s1000

このブログの人気の投稿

TOEIC、英検、TOEFL、その他英語検定とCEFRとの比較

英語力向上1年プロジェクト|Day18