写真連結と写真のリサイズ(ちょっと追加 再々追加21:00) | nobitaのブログ

nobitaのブログ

ご訪問ありがとうございます。
日々の雑感を中心に、
SFC修業(了)・SKI・旅行・写真・パソコン等について、
ほぼ毎日更新を目指しています。

*追加
アメブロにアップした写真は、
デフォルト状態では、800×600サイズ以上は、自動で800×600になるようです。ですので、リサイズは800×600 (48万画素)でよいみたいです。


amebloに限らず、HPを作成している方でどこかのプロバイダー契約していると写真等の容量の上限が決められていますよね。

限られた容量のなかでより多くのものを入れたいのは心情ですよね。
また、写真が多すぎるとページが縦長になりすぎ、下に行くのも疲れます。

私、皆様のように文章がうまくないもので、読む方が苦痛になるし、敏捷の途中で飽きられるのもなんですので、載せる写真が多いとき写真を連結させる小技を一手間加えています。
例えるならば、料理の下ごしらえでしょうか。

写真の加工や連結にはVIXというフリーアプリを使っています。
このソフトはwin7には正式対応していませんが、動きます。

次のような4枚の写真があります。
① 640×480を320×240で表示、サイズは50k
 
② ①と同様
 
③ ①と同様
 
④ ①と同様
 

これらをVIXを使い連結させます。
と、その前に①と④は少しアンダー気味ですので、明るさを8程あげます。あまり、上げすぎると周りが白っぽくなりますので、オリジナルを少しずつ調整します。
その後、連結により横に下に写真をつなげていきます。

写真も①、④は顔周りが少し明るくなっているのがお分かりいただけるでしょうか?。
連結させましたので、
サイズは横1280、縦960で、200k(0.2M)になっています。
 
私のamebloのブログのテンプレートでは、表示が横幅460以上になると、横にはみ出しますので、横幅の表示を440で表示させるようにしています。

保存されている写真は、
1280×960800×600に自動変換をアメブロ側がしますので、ipadなどで拡大させてもギザギザになりません。

大きいサイズの写真(3648×2736、約1千万画素、2~4M)をそのままアップしても、ブログでは小さな写真サイズになりますので、元の写真を間引きして表示しますので、写真が荒くなることがあるようです。

具体的には、
下の⑤~⑧をご覧いただけたら幸いです。

⑤ 240×180を240×180で表示(100%)
 
⑥ 360×270を240×180で表示(66.6%)
  
⑦ 720×540を240×180で表示(33.3%)
  
⑧ 720×540を720×540で表示(100%ですが、右側欠けていますよね)
 
⑧は一番大きいサイズで表示しているのですが、
3分の1のサイズでの表示では、屋根の端々がギザギザしてきますよね。

経験上、表示させるサイズの2~3倍程度がよいようです。
表示が440×330では、880×660程度ですので、アメブロ側の保存最大サイズの
900×675800×600(縦横比が4:3)とすればよいようです。

私の場合、
ブログのテンプレートの変更も視野に入れて、
オリジナル写真をリサイズして、1280×960としています。