『無料で簡単に画像圧縮』３つの画像圧縮方法と組み合わせ。読者も快適

画像圧縮は
サイトスピードの命

ブログ記事を書き始めたら
お洒落な画像を沢山使いたい！
と思いますよね。

そんな時に皆さんは

画像圧縮をしてますか？

画像の圧縮を行っていないと
知らず知らずに読者離れが起こり
サイト評価の低下に繋がっています。

初心者でも簡単！
無料で簡単な圧縮方法を教えます。

今日から適切な画像圧縮を行おう！

• 画像圧縮を気にしたことがない
• どんな方法があるんだろう？
• 無料で圧縮できるツールは？
• どのくらいのサイズが良いのか
• 自分に合った方法を探している
• 最適な順序が分からない

\　当ブログ使用テーマ　/

AFFINGER6公式サイト

画像圧縮方法は様々！
無料３選を紹介

画像圧縮方法は様々です。

無料でできる
画像圧縮は大きく分けて３つ

上記の手法があります。

圧縮をしないと画像の容量が大きく、
サイトの表示速度が悪化します。

自分に合った手法を選んで、
適切な画像容量に圧縮しましょう！

沢山あるのね…

みけ

とら

複合技が一番だね！

画像圧縮とは？

簡単に言うと画像の容量を下げること。
画像の不要な部分を切り捨てます。
ファイル形式の変換もよく行われます。

超簡易ポイント

ブログ画像は
PNG⇒JPEG変換が基本！

『PNG』

• 画質が綺麗
• 透過が可能
• 容量が大きめ
• 可逆圧縮の画像形式
  低画質保存後、元に戻せる

※スクショやスマホ写真はPNG

『JPEG』

• 画質が落ちる（落とす）
• 透過は不可
• 容量を抑えられる
• 非可逆圧縮の画像形式
  低画質保存後、元に戻せず

少しでも容量を下げていこう。
ただし、下げすぎて見えない画像は
使用しないように注意していこう。

とら

読者第一だね♪

画像圧縮とリサイズ

画像圧縮は非常に大事ですが、
合わせてリサイズを行う必要もあります。

リサイズとは画像の大きさを変換すること。
基本は小さくすることに使用します。

画像の大きさにも注意が必要です。
通常、掲載した時には大きすぎる画像は
自動的にリサイズされて表示されます。
しかし、中身は大きい容量のままです。

無駄に重くなるだけなので、リサイズ必須です。

とら

昔の記事は大きいサイズだった…

知らないと気づけないわね！

みけ

画像圧縮後の容量は

画像の容量は下げるほど
サイトスピードが上がります。
ただし、画質が悪すぎてもいけません。

実際にトップページをスクショした場合、
1,5MBもの大きいサイズでした！

今回紹介する方法ですが、

• ソフトでトリミング
• リサイズ、画像圧縮
• サイトで追加画像圧縮
• プラグインで自動圧縮

このように容量を下げていきます。
1,5MB⇒28,1KBまで圧縮。

全然違うわね♪

みけ

とら

あとは画質との闘い！

【無料で画像圧縮】サイト型

画像圧縮サイト型とは、
サイトに画像をドラッグして
簡単に圧縮作業が行えます。

簡易ハイテクサイトと
超簡易型サイトを紹介します。

①squooshで画像圧縮

squooshの紹介です。
Google Chrome Labsが開発した
画像圧縮を行えるツールです。

これが非常に便利です。

• 圧縮しすぎてぼやけた
• 画質が悪くなりすぎた
• 微調整がしにくい

こういったお悩みが解決します。

使うと感動する♪

みけ

squooshの圧縮イメージ

スライドすることで
圧縮前後の差を見ながら調整できる！

• リサイズでサイズ調整
• ファイル形式
  JPEGが初期設定
• クオリティ調整
  圧縮前後を見ながら調整
• 最終ファイル容量が分かる
  30～80KB以下に抑えよう

画像圧縮のやりすぎを防げる、
非常に優秀なサイトツールです。

細かな色彩調整等も行えますが、
基本は上記を意識で問題ありません。

②tinypngで画像圧縮

このパンダのサイトが
tinypngという圧縮サイトです。

これは多くの人が使っていて
知っている人も多いと思います。

画像をドラッグすると画像圧縮開始。
下のダウンロードで保存して完了です。

煩わしい設定もないので超簡単！

え、初心者向けね！

みけ

とら

とりあえずやるならこれ！

【無料で画像圧縮】ソフト型

画像圧縮ソフト型とは、
アプリやソフトで圧縮します。

有料から無料のものまで様々ですが、
私は文字入れ含めて無料ソフトを使用。

画像圧縮はPhoto Scapeで十分！

無料で画像編集できるソフトです。

• 文字入れ、モザイク
• トリミング、リサイズ、圧縮
• デザインやアイコン挿入

上記の様に様々なことが行えます。

今回の画像圧縮に重要な点は

• トリミング
  必要個所を抜粋
• リサイズで適正サイズ
  最大700幅程度を目安
• 保存時にJPEG＆品質調整
  JPEG品質を70%～80％目安

上記を行うことでサイズを小さくできる。

画像編集しながらなので、
作成しながら同時に圧縮作業が行えます。

とら

基本これだけでも問題ない！

全画像に使用してるソフトね♪

みけ

【無料で画像圧縮】プラグイン型

画像圧縮プラグイン型とは
アップロード時に自動で圧縮。
非常に便利な機能です。

EWWW Image Optimizer

これは有名なプラグインですよね。

ブログに画像をアップロード時に
自動で画像を圧縮してくれます。
特に行うことはなく、
初期設定のみで問題ありません。

簡易設定はこちらで紹介
【ブログ初日】パーマリンク設定。必須プラグインは画像圧縮＆サイトマップ！

とら

＋αと捉えよう！

【無料で画像圧縮】オススメ組み合わせ

画像圧縮方法３種を説明しましたが、
使い分けをするとより効率的になります。

ただし、複雑に考えずに
適度に力を抜いてやっていきましょう。

沢山あって分からない…

みけ

とら

オススメを紹介！

初心者の画像圧縮オススメプラン

画像の圧縮（文字無し）

画像の圧縮（文字有）

私は基本

ソフト型＋プラグイン型

容量が大きすぎる際に
サイト型もプラスしているイメージです。

工数が少ない方が簡単♪

みけ

中級者向け画像圧縮プラン

画像の圧縮（文字無し）

画像の圧縮（文字有）

使用する画像の種類や
意図によって使い分けが必要です。

文字が重要であれば、
最後の方に文字を装飾すること。

とら

確かに文字潰れるよね…

順序変えるだけね♪

みけ

【画像圧縮は無料】
使い分けて快適環境を♪

画像圧縮はブロガーに必須です。

様々な手法があるので、
ご自身に合った方法で圧縮しましょう。

• 圧縮してサイトスピードUP
• 付随してサイト評価UP
• 読者のストレスを軽減

このようにメリットしかありません。

小さな積み重ねが大きな成果となります。
今まで圧縮をしていなかった方は
これを機に少しずつリライトしましょう。

全て無料でできるから安心！

画像圧縮が楽しくなる♪

みけ