0スポンサーリンクこんにちは。遠藤(@webmaster_note)です。Webサイトの表示速度を、できるだけ早くすることに試行錯誤されていると思います。Webサイトの表示速度に大きく影響をする「画像」のファイルサイズ。WEBマスターの手帳でも、様々なツールや方法を紹介してきました。今回は「TinyPNG」を使って、画像を圧縮してみました。実際に圧縮してみたアニメーションpng(APNG)も圧縮できるWordPressのプラグインもある画像のファイルサイズを圧縮できる「TinyPNG」TinyPNGはブラウザで使用することができる画像圧縮サービスです。PCにソフトをインストールする必要はありません。圧縮方法も簡単で、圧縮したい画像をドラック&ドロップで追加するだけです。自動で圧縮されて、ダウンロードをすることができます。実際に圧縮してみたTinyPNGでJPEGの画像を圧縮してみました。圧縮前のサイズは89.2KB。圧縮後は−40%で53.9KBとなりました。圧縮をすると画像が荒くなるのが心配だと思います。下に圧縮前(左)と圧縮後(右)を載せておきます。圧縮前の画像データには、撮影に使われた機器や焦点距離、F値などの情報が含まれています。圧縮後は、それらのデータが消されて、必要最低限になっているのがわかります。TinyPNGでの圧縮前TinyPNGでの圧縮後アニメーションpng(APNG)も圧縮できる背景を透過させたいときPNGを使いますが、PNGをアニメーションGIFのように「動く画像」を作ることもできます。GIFよりも滑らかだけどデータの容量を抑えることができます。「TinyPNG」は、アニメーションpng(APNG)のデータにも対応しています。WordPress.org」もあります。気になる方は使ってみてもいいかもしれません。株式会社SMLのWebマスターを経て独立。現在は小規模企業のWeb担当者&Webマーケター業務の代行や企業研修の講師をしています。ゴルフ、乃木坂46、ウォーキングにハマってます。実際に圧縮してみたアニメーションpng(APNG)も圧縮できるWordPressのプラグインもある同じカテゴリーの人気記事1著作権侵害をしない!ブログでの正しい引用と転載の方法&画像の利用方法2Chromeに保存されているログイン情報を削除する方法3インターネットとウェブの違いとは?Webマーケターも最低限のことは知っておこう!WEB担当者ハックの記事一覧WEBマスターの手帳とはフリーランスのWebマーケター兼Web担当者として、中小企業のWebマーケティングやWebサイト管理運用、SNSアカウントの管理運用の代行をしている遠藤のオウンドメディアです。Webマーケティングやソーシャルメディアマーケティング、SNSマーケティングに関連する情報を投稿しています。ご訪問の方は「初めての方へ」をご参照ください。運営者について」をご参照ください。PinterestWebマーケティングやソーシャルメディアマーケティングをわかりやすく解説するWebメディア。