Skip to content

60-minutes.biz

– 時間を縛ることで、時間を味わってみる –

簡単すぎる!画像サイズを超絶小さくする方法

Posted on 2020年5月29日2020年5月29日 By ハマケン
このエントリーをはてなブックマークに追加
Tweet

こんにちわ、ハマケンです。
少し時間があったので、今週は記事を書くより、CSSを修正したり、モバイルからの見え方を工夫したりしておりました。

サイト表示を軽くする事は、SEO的にも非常に重要な要素ではあるので、その中でもやはり画像の軽量化は外せません。

と言う訳で今日は60-minutes.bizで実施している画像を軽くする工夫を共有です。

絶対外せないTinyPNG

TinyPNGは本当に便利なサイトです。ドラッグ&ドロップで画像ファイルをアップロードすると圧縮した画像をダウンロードできます。

扱えるファイル仕様は以下の通り

  • pngかjpgファイルが扱える
  • 20枚まで
  • 1枚5MBまで
  • Mac、Windowsどっちでも使える

と言う訳でブログで使うには十分です。

圧縮が完了するとパンダが手を挙げてくれるので、解りやすいです。

ダウンロードリンクをクリックしてダウンロードしましょう。

超簡単。そして私はもうちょっとだけ手間をかけてます。

個人的に絶対手放せないプラグイン『Imagify』

Imagifyはwordpressのプラグインでアップロードした画像のファイルサイズを軽くしてくれます。

以前はWordpressの画像圧縮と言えばEWWW Image Optimizerだったのですが、今は、Imagify。両者の比較は何個か転がっていたので適当にググって探してください。無料でここまで出来るのかい!って位凄いですよ。

そう。先ほどtinypngでダウンロードした画像をWordpressにアップロードした後にImagifyでoptimize処理してしまうのです。

Imagifyはインストールしておけば、自動的に最適化してくれるので、正直手間いらず。

まとめ

TinyPNGで画像を小さくして、Imagifyで圧縮。

この2段階だけでかなり簡単に画像サイズは小さくなります。

もっときちんとするならJPGでするのか、PNGでするのかと言った事も議論しなくてはならないですし、画像の解像度は今後のブログレイアウトにも大きく影響するので、最初からきちんと仕様を決めておくのは重要です。

今のWEBサイトは6割くらいは画像が情報を占めているとの事です。
さらにモバイルファーストにや速度が速くないとSEO的にも不利になる事からも画像のファイル容量は大きな意味を持っています。

皆さんも時間がある際にドンドン画像を小さくしちゃいましょう!

その前に浸かってないCSSやJSを外す作業もしなくてはならないが・・。
徐々にという事で。

それでは

このエントリーをはてなブックマークに追加
Tweet

WEBページ作成系の記事, 注目のサービス Tags:wordpress

投稿ナビゲーション

Previous Post: 約4ヶ月の在宅で解った、在宅アイテムBest10
Next Post: TikTokの話は米中貿易戦争の一環に過ぎない。

More Related Articles

OGP設定しないとバイラルは得られないよ? WEBページ作成系の記事
Analyticsのインタレストカテゴリを使ってますか?使えばユーザーの特性から分析が可能になりますよ。 WEBページ作成系の記事
wordpressでネットショップを作るための無料テーマ30選 WEBページ作成系の記事
GoogleがCOVID-19のサイトをローンチ #Google #COVID #診断 気になったニュース
Twitterカードを設定してツイート表示をリッチにしよう! WEBページ作成系の記事
ブロガーは変更必須。Facebookのlikeboxの変更をお忘れなく! WEBページ作成系の記事

検索

最近の投稿

  • 中学受験。偏差値30台から1年で60台まで引き上げる方法 | 夏まで編
  • 中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編2
  • 中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編
  • TikTokの話は米中貿易戦争の一環に過ぎない。
  • 簡単すぎる!画像サイズを超絶小さくする方法
  • 約4ヶ月の在宅で解った、在宅アイテムBest10
  • コロナを通して知った、フルライフと言う生き方。
  • 【永久保存版】最高の #おうちご飯 をサポートする一流のシェフレシピ8選。
  • 今年も梅雨がやってくる。コンビニ傘からのアップデート「アイカサ」を利用してみてはいかがでしょう?
  • 緊急事態宣言が解けた後に小売業者がやらなくてはならない3つの事。

アクセスランキング

  • SoundCloud(サウンドクラウド)で商用利用可、改変可の音源を探す手順...
  • 【知らなかった】161年前の今日。浦賀に来た黒船の実写真があると知って俺の中で超...
  • Stores.jpが25,000店舗を突破。ショップ一覧を検索する方法も公開!...
  • ウィルス予防に知っておきたいマスクの知識を調べさせていただきました。...
  • 2020年、アパレルのオリジナル商品を作るならチェックしておきたいサイト4選 #...
  • 【動画】まるで「みえっちん」!特定のメガネからしか見えないディスプレイが完成!...
  • 【動画】コカ・コーラのOpen Happinessがカッコよすぎて、なんかヤル気...
  • 知っておきたい検索コネタ12個とStores.jpのショップ一覧を検索表示する方...
  • 仕事とは自分の仕事を無くすこと。上司に学んだ、とても大切なメモ。...
  • オリジナル商品が簡単に自分で作れるサービス7選!...

COVID-19 特集

グッと来た動画PR達

全ての小売店に捧ぐ

Copyright © 2022 60-minutes.biz.

Powered by PressBook Blog WordPress theme