自由帳で上手に画像を上げたり改行したりする方法②

続いて画像編です。まず画像の最大値の参考にこの漫画に登場して頂きましょう。

みんな大好き漫画君じゃなかった・・・ダンナ君です。PCで閲覧している状態。続いてスマホサイズをドン。ご覧下さい。

見やすいですよね・・フォントサイズ、使用フォント、フキとのバランス。文句なしで一番見やすいダンナ君の漫画。こちらダンナ君の漫画の画像サイズ及びデータ使用量を見てみると・・・

・PNG 画像
・586.78 KB (600,867 バイト)
・1,764px × 2,508px (602px × 856px で表示)

となっています。軽い・・・素晴らしい・・これだけ軽いと皆様のLTE使用容量にも大変に優しいですね。いやー素晴らしいぞダンナ君。

さて注目して頂くべきは三つ目の項目です。1764×2508ピクセルと言うサイズが、レスポンシブふんにゃかかんたらのせいで602×856に最適化されているわけですね。では続いての画像を覧下さい。

この画像に使われ居る数字を表記した【元々のフォントサイズ】って同じなんですよ。ですが、【最適化を施されるせいで引き伸ばしがかかり】その結果【文字が拡大され荒い画像として閲覧されてしまう】ってことになっちゃったんですね。

なので画像自体を作成する再に【800×600】で指定して作れば問題ないんですが、それ以下の小さい画像で表現を施したい場合は以下の画像の形

↑の用に【画像自体に適切な余白】を指定してあげることでスッキリと収まります。こちらは横幅600×縦幅400の【真っ白な画像】に300×400の【書いたサイズで見せたい画像（真っ黒）】を乗せている状態ですね！

この形が基本になりますので、是非皆様も創意工夫を凝らし、よき自由帳ライフをお過ごし下さい！また今回は個人的に質問に答えた形ですが、コレを機にいっちょ自由帳サポセンでも開いていただけませんか？パチ７さん！

またわかんないことあったら僕でお答えできることはしますのでお気軽に～♪

12