画像のリサイズ

私は趣味でレザークラフトを行っております。せっかくの趣味なのでそのレザークラフトに関しての制作日記を作っていこうと思ました。あまり器用ではないため失敗も多いのですが、ホープページに上げるという事はその失敗などもまとめて、見直して反省し直すいい機会にもなると思いました。
そしてせっかく制作日記を作るなら文章だけではなく、製作途中や完成品などの写真を載せたページを制作してみました。

 

レザークラフトの作品自体は以前作ったものなので、スマホで撮影した写真をそのまま記事にアップしてみたのですが…重いです。かなりページが重くなってしまってます。パソコンで見てもかなり重くなってしまいました。

 

自分が以前ホームページ制作を行っていた時は、より画質のいいものを載せた方がいいような雰囲気がありました。なのでそのまま載せたのですが、結構重いページになってしまいました。
どうやらここ数年の間でスマートフォンの画質がかなりの進化を遂げていたようです。

 

調べたところによると、現代ではサイトの内容などにもよりますが、スマートフォンやデジカメで撮影した写真は適切なサイズになるように画像のリサイズをしなければならないようです。
重いページを見るのは、まだパソコンで見る方はそこまで気にならないのかもしれませんが、スマートフォンで見る方は大変な事になってしまうみたいです。
加えて。せっかくいい記事を書いたとしても、写真の画像が重いために表示速度が遅くなってしまうと、途中でページの表示をあきらめて帰ってしまう場合もあると思います。実際のところ、自分はあまりにも表示が時間かかるサイトだと、戻ってしまうケースが多いです。
それにスマートフォンの場合、出先で見るときなどは通信量に制限がかかります。気にしないという方もいるかもしれませんが、普段から注意してあまりデータ量を消費したくない方も多いと思います。
そう言ったことなどを考えると、スムーズなページ表示、スマートフォンからのアクセスを気にするのであれば画像のリサイズは必須事項なのかもしれません。

…で画像のリサイズとはどのようにすればいいのでしょうか？
悩みました。一度ペイントに取り込んで編集し直したり、もう一度スマホやデジカメの設定を調整して、画質を下げてから写真を撮り直さなければならないのか？などとアナログ的なことも考えてしまいました。

 

さすがスマホも進化していればインターネットの世界も進歩してました！
サイトに画像をアップして、お好みのサイズを選んで画像を変換！少々のお時間を待っていれば簡単に画像をリサイズしてくれるサイトを見つけました。
本当に便利でした！しかも思ったよりも本当に早い！！

 

とりあえず先日作成したレザークラフト制作日記にアップした写真のリサイズを行いました。写真数枚なので、数分とかからずに写真のリサイズが完了です。

 

そしてレザークラフト制作日記の画像をすべてこのリサイズしたものに入れ替えて、再度ホームページを確認したところ、驚くほどに早く表示できました。まさか写真数枚のリサイズでここまで改善されるとは思いもよらなかったです。最近のスマートフォンの画質に驚くべきなのか、リサイズ効果に驚くべきなのかがよくわかんなくなってしまいましたけどね…
当然ながらスマートフォンも方でもホームページの確認を行いました。
やはり格段に表示速度が上がってます。

 

画像のリサイズに関しては順調にできたものを思えます。

 

ただ、リサイズした写真をシリウスに取り込む際にあることに気が付きました。
リサイズした画像の張り替えようとしたときに、使っているホームページ制作ソフト、シリウスの「画像管理」というボタンをクリックしました。
すると上の方に「一括リサイズ」という文字が…
これってもしや…

 

ええ、まさかの使っているシリウスには画像のリサイズ機能が搭載されておりました。
そういえば今まで文章を上げることしか考えてなかったので、画像に関するマニュアルは割愛して読んでおりました。それに画像の挿入ってエクセルやワード感覚で入れられるんじゃないかとも思っていたので、あえて読むほどでもないかと読まずにいました。
ホームページ制作ソフトとは文章や画像を当てはめるといいうイメージしかなかったので、こういう機能が搭載されていることにかなりの驚きでした。シリウス便利過ぎです！

 

そんなこんなで、サイトにアップして軽量化した画像もあったのですが、せっかくなので再度、シリウスの画像リサイズ機能を利用して画像をリサイズし、レザークラフト制作日記の画像を張り替えました。
一度リサイズ外部サイトでリサイズした時と同じようにパソコンではサクサク開けるようになったので、軽量化成功したものかと思います。
ただ、試しにスマートフォンで見てみたのですが、画像が思いのほか小さくなってしまってました。
もしかしたら何かしらの調整が必要なのかもしれません。

 

この辺はレイアウト方法も含めて再検討しなければならないです。