PNG形式の画像を圧縮して軽量化

目覚ましの1分前に目が覚めるatsushiです。

昨年、4 月 21 日にGoogleでモバイル フレンドリー アップデートが実施され、スマートフォンで最適化されたWEBサイトの制作が必須になっています。

そのため、レスポンシブデザインのサイト制作を行ううえで、透過PNG形式の画像を使うことが多くなってきました。

PNG形式は、きれいに表示できるですが、その分、容量が大きくなってしまいます。画像が増えるほど、ページを開いた際に画像の読み込みに時間がかかり、ページが開くのに時間がかかってしまいます。:naku:

これに対する解決策はないかな?と探していましたら、便利なサイトがありました。:kaomoji7:

TinyPNG

tinypng

上記のサイトのDrop your .png or .jpg files here!の点線の中にPNGファイルをドラック&ドロップするだけで、PNG画像を圧縮してくれます。:hakusyu:

若干、画質は劣化しますが、かなりファイルサイズが小さくなるので、納得です!!

PNG画像を多用する場合はこちらのサイトの利用をおすすめします。:kaoemoji3:

トラックバックURL