株式会社アプリコットデザイン株式会社アプリコットデザイン

tel.0120-622-835

営業時間/10:00〜18:00 定休日/土日祝日

tel.0120-622835

営業時間/10:00〜18:00 定休日/土日祝日

  • instagram
  • facebook

BLOGスタッフブログ

トップページ > ブログ > 画像沢山系ブログを書く時の画像サイズ変更で使用するツール

画像沢山系ブログを書く時の画像サイズ変更で使用するツール

UPDATE : 2022.06.02

CATEGORY :
Yokota
Yokota

Yokota

こんにちは!
最近人参を積極的に食べるようにしているはちです。お肌のために継続するぞ・・・!

さて、私が書くブログには特徴があります。


画像が多い。


先週まで書いていた『みちのく潮風トレイル』のブログを振り返ってもどんだけ画像を載せるんだよと言わんばかりに画像を多用しています。

カメラが趣味なため、ついつい写真を撮りすぎてしまうのもありますし、言葉で伝えきれない情景を写真で表したいみたいなこともありますし、とにもかくにもつい写真が多いブログになってしまいます。


ただ、写真が多くなればなるほど、例えばネットでその記事を見たときのページ読みこみに時間がかかってしまうなど弊害もあります。

(そういった弊害を防ぐために、ホームページを構築する際には、画像をアップロードした際に画像を圧縮するプラグインをいれるなど対策もしています)

私自身はコーダーという身分ですが、そういう事情を知りながらも『ああ…今回も画像多すぎブログになりそうだ……』と思いつつ、そういうブログを書いてしまいます。(ごめんなさい)


そんな私がいつもブログを書く際、ホームページに対して少しでも負荷を少なくするためにやっているツールをご紹介します。



画像の適正サイズとは


ちなみに、ブログを書く際の画像のサイズってどれくらいがいいんでしょうか……???
ホームページによっても様々ですが、私の肌感覚では横幅1,000pxくらいあれば、ブログで使用する分には問題ない気がしています。
(論理ではなく、肌感覚で話してすいません…)

※アプリコットデザインのホームページのブログの文章の部分はパソコンで見た際約1000px以上にはなりません。

また、スマートフォンの場合も横幅1,000pxもあれば十分事足りると思います。
(むしろ、スマホメインに見せるならもう少し横幅が狭くてもいいくらいだと思います。)



普段撮っている画像のサイズは??


では、次に普段撮っている画像のサイズはどれくらいなのでしょうか???
私のiPhoneで見てみましょう。


横4032px × 縦3024px 1.6MB
と書いてありますね。
スマホや、使用者の独自の設定によっては違いがあると思いますが、私のiPhoneはこのサイズのようです。


お次はこちら。私の一眼レフで撮影した写真の一例です。

横 3936px × 縦2624px 6.6MB と書いてありますね。
こちらもそれぞれではあると思いますが、私のカメラはこのサイズのようです。


ということですが、先ほどのブログにおける画像サイズの話に戻ると……
ブログで使う写真にしては少々オーバースペックすぎる気がしますね。



画像のサイズを小さくする


とはいっても、写真沢山載せたい系ブログを書くにあたって画像を1枚1枚リサイズするには手間がかかりますよね。

そこで、いつも私が使っているツールのご紹介です。
全てブラウザ上で簡潔するので、特別に特殊なソフトをダウンロードしなければならないといったことはありません。


オンラインでJPGを瞬時にサイズ変更 – iLoveIMG


こちらのサイトは、

①画像をドラッグ・アンド・ドロップ
②どれくらい縮小したいか選ぶ
(4000pxの画像を75%縮小すると、1000pxになるという考え方です。)
③『変更ボタン』を押す
④ダウンロードする
⑤zipファイルを解凍する

だいたい5ステップくらいでサイズ変更ができます。
また、このサイトの良いところは、例えば20枚くらいの同じサイズの画像をドラッグ・アンド・ドロップすれば、20枚まとめてリサイズできる点です。

(※一同にまとめてリサイズされるので、サイズ違いの画像を入れてしまうと、時に意図しないサイズにリサイズされてしまうのでご注意を!)


これで、写真沢山載せたい系ブロガー(?)の問題一つ解消です。
他にもこのようなツールは沢山あるので、是非『画像 サイズ変更』と検索してみてください。


オンラインでJPG画像を無料で圧縮 – iLoveIMG


お次は圧縮です。
こちらも先ほどのサイト同様・・・

①画像をドラッグ・アンド・ドロップ
②『画像の圧縮』ボタンを押す
③ダウンロードする
④zipファイルを解凍する

こちらも4ステップです。
ちなみに写真1枚だけ圧縮したい場合は、④zipファイルを解凍するがないので3ステップです。

圧縮したら画像が荒れるんじゃないか・・・とご心配無用です。



見た感じ・・・そこまで大きく荒れるということは無さそうです。
この圧縮で、5.48MG→620KBまで圧縮することができました。


これで、写真沢山載せたい系ブロガー(?)の問題二つ目解消です。
他にもこのようなツールは沢山あるので、是非『画像 圧縮』と検索してみてください。


まとめ


オンラインツールを使うことで、画像のサイズを変更できたり圧縮することが簡単にできましたね!
ブログを書くときに読み手の方を思って文章を書く事と同じように、写真のサイズを小さくすることも読み手への配慮だったりします。


例えば、読み手側が速度制限がかかったスマホからブログを読もうと思った時、画像サイズが大きいことによって、ページが重くなり、結果読もうと思ったブログが永遠に表示されなければ、それは既に機会損失になってしまいますもんね。


ただ、私も画像沢山載せたい系の人。
出来る限りの対策をして写真を載せたい………

なのでぜひ一緒に“少しの工夫”をしてブログを書いて行きましょう!

この記事を書いた人Who wrote this blog

Yokota Nana

WEB、インスタでの情報発信を強めにしている
ナチュラリストです

RELATED POST関連する記事

CONTACTお問い合わせ

tel.0120-622835

営業時間/10:00〜18:00 
定休日/土日祝日

  • 信州ファームデザイン
  • 信州ファームマーケット
  • 株式会社POCKET
  • 株式会社Think for Design