【超簡単】無料の画像圧縮ツール「TinyPNG」の使い方【パンダ】

[st-kaiwa2]]無料の画像圧縮ツール「TinyPNG」を使ってみたい。画像圧縮や軽量化をするとSEOが向上するからやりたいんだよな。無料のTinyPNGで画像圧縮する方法を教えてください。[/st-kaiwa2]

こんな疑問を解決します。

[st-midasibox title=”記事の内容” webicon=”st-svg-check-circle faa-ring animated” bordercolor=”#FFC107″ color=”” bgcolor=”#FFFDE7″ borderwidth=”” borderradius=”5″ titleweight=”bold” myclass=””]

[/st-midasibox]

[st-mybox title=”” webicon=”” color=”#757575″ bordercolor=”#ccc” bgcolor=”#ffffff” borderwidth=”2″ borderradius=”2″ titleweight=”bold” fontsize=”” myclass=”st-mybox-class” margin=”25px 0 25px 0″]

この記事を書いているぼくは、ブログ歴2年のブロガーです。現在のアクセス数は月3,000PVほどで、収益も定期的に4~5桁ほど入ってくるようになりました。

[/st-mybox]

今回は、無料で使える画像圧縮ツール「TinyPNG」を使う方法をご紹介していきます。

画像圧縮をしてWordPressサイトを軽量化すると、読むひとのデバイスにも高速でブログが表示されて、SEO的に有利になるため、サクっと無料のTinyPNGで画像圧縮しちゃいましょう。

無料で使える画像圧縮ツール「TinyPNG」の使い方【画像付きで解説】

TinyPNGの使い方は、以下の手順となります。

[st-mybox title=”” webicon=”” color=”#757575″ bordercolor=”#ccc” bgcolor=”#ffffff” borderwidth=”2″ borderradius=”2″ titleweight=”bold” fontsize=”” myclass=”st-mybox-class” margin=”25px 0 25px 0″]

[/st-mybox]

以上の3つです。

では、順に解説していきます。

TinyPNGのサイトへアクセス

まずは、ブラウザで「TinyPNG」と文字入力をして検索して、サイトへアクセスしましょう。

検索の一番上に「TinyPNG」のサイトが表示されていると思います。

クリックしてアクセスしましょう。

» TinyPNG

圧縮したい画像を「クリックして画像を選択」or「ドラッグ&ドロップ」

TinyPNGにアクセスすれば、あとはもう画像圧縮するだけです。

「Drop your WebP, PNG or JPEG files here!」と書いてあります。

上の画像が見づらいかもですが、このように「ファイルを選択して開く」or「直接ドラッグ&ドロップ」をして画像を圧縮することができます。

圧縮された画像を保存する

TinyPNGに画像を「ファイルを選択して開く」or「直接ドラッグ&ドロップ」をすると、すぐに画像圧縮が開始されます。

[st-cmemo myclass=”st-text-guide st-text-guide-point” webicon=”st-svg-check” iconcolor=”#FF8F00″ bgcolor=”#FFF8E1″ color=”#000000″ bordercolor=”#FFE082″ borderwidth=”” iconsize=”150″]画像サイズや枚数にもよりますが、数秒で画像圧縮が完了します。[/st-cmemo]

結果的に、419.2 KB→113.9 KB へと大幅に画像を圧縮することができました。

画像圧縮が成功すると、TinyPNGのパンダさんも手をあげて喜んでくれます。

上記の解説画像のように、圧縮された画像を保存（ダウンロード）する方法は、3つあります。

[st-mybox title=”” webicon=”” color=”#757575″ bordercolor=”#ccc” bgcolor=”#ffffff” borderwidth=”2″ borderradius=”2″ titleweight=”bold” fontsize=”” myclass=”st-mybox-class” margin=”25px 0 25px 0″]

①シンプルに1枚ずつダウンロード

②DropBox（ドロップボックス）に保存

③全てをダウンロード

[/st-mybox]

という3つの方法です。

[st-cmemo myclass=”st-text-guide st-text-guide-sankou” webicon=”st-svg-quote-left” iconcolor=”#919191″ bgcolor=”#fafafa” color=”#000000″ bordercolor=”” borderwidth=”” iconsize=””]「たくさんの画像をイッキに圧縮したので、それをイッキにダウンロードしたい！」という場合は、③のDownload Allをクリックすると、Zipフォルダにまとめられてダウンロードできます。[/st-cmemo]

まとめ。TinyPNGは無料なのに簡単で便利な画像圧縮ツールですね。

今回は、無料で使える画像圧縮ツール「TinyPNG」の使い方を画像付きで解説しました。

まとめると、TinyPNGの使い方は以下の手順となります。

[st-mybox title=”” webicon=”” color=”#757575″ bordercolor=”#ccc” bgcolor=”#ffffff” borderwidth=”2″ borderradius=”2″ titleweight=”bold” fontsize=”” myclass=”st-mybox-class” margin=”25px 0 25px 0″]

[/st-mybox]

以上の3つの手順となります。簡単ですね。

ぼく自身、WordPressのプラグインで「EWWW Image Optimizer」を使用しており、それだけでも充分だなと感じています。

とはいえ、やはり少しでも軽量化をしておくと、ブログを表示してくださる方もスムーズですし、SEOにも良いですね。

ということで本記事は以上となります。

最後まで読んでいただき、ありがとうございました。

» TinyPNG