長崎のホームページ制作

PNG・JPEG/JPG画像圧縮は「TinyPNG」で一括軽量!Windows/Mac対応

2016年4月22日
964 views
約 3 分
PNG・JPEG/JPG画像圧縮は「TinyPNG」で一括軽量!Windows/Mac対応

こんにちは!ホームページ運営コンサルタントの吉田です。

本日は、ホームページ運営には欠かせない画像の圧縮についてご紹介します。
PNG画像とJPEG/JPG画像、両方を圧縮することが可能です。
もちろん、Windows/Mac両方で利用ができます。

それでは、ご紹介します。

PNG画像・JPEG/JPG画像を圧縮するには、「TInyPNG」というサイトを利用します。
サイト名には、PNGと入っていますがもちろんJPGE/JPG画像も圧縮可能です。

TinyPNGのサイトへアクセスしよう

TInyPNG」サイトへは、以下のリンクからアクセスしてみましょう。

TinyPNG
PNG・JPEG/JPG画像を圧縮できるサイトです。

PNG・JPEG/JPG画像圧縮サイト TinyPNG

アクセスすると、笹を笹を頬張るかわい…かわいいかな?!
と微妙なラインをいくパンダが待っています。

そして、そのパンダの隣に「Drop your .png or .jpg files here! Up to 20 images, max 5 MB each.」と書いてあります。

大体書いてあることは、伝わりますがGoogle翻訳の出番です!
「ここにあなたの.pngや.jpgファイルをドロップ!最大20枚、最大5メガバイトごとに。」

  • 圧縮できるファイル形式:png、jpg
  • 最大ファイル数:20枚まで(1回につき)
  • 最大ファイル容量:5MB(1枚につき)

もし、5MB以上のファイルをドラッグ&ドロップすると以下の様なエラーが表示されます。

5MB以上のファイルをドラッグ&ドロップすると以下の様なエラー

PNG画像を圧縮する方法

PNG画像・JPEG/JPG画像を圧縮するには、2つの方法があります。
点線で囲んである真ん中部分に

  1. 画像をドラッグ&ドロップする
  2. クリックして、画像ファイルを選択する

PNG・JPEG/JPG画像の圧縮方法は、ドロップ&ドラッグ

画像の圧縮率は???

今回は、実際に作成したLPの確認用画像で試してみました。

  • 画像の大きさ:ヨコ1600px × タテ11040px
  • サイズ容量:2.6MB

さて、どのぐらい圧縮されるんでしょうか?!…

PNG画像の圧縮率は?

なんと、2.6MB → 749.3KB まで圧縮できました!!!
圧縮率「72%」

パンダすげーーー!!!(笑)

けど、人の画像を圧縮させる前に、自分が痩せた方がいいんじゃない?少しメタボだよね?と心の中で突っ込みつつ…

自分の体重で考えると、
78kg(記事公開時) → 29.64kg
までダイエットしたことになります!!!

いや、これはありえないですが…^^;
体重だと凄さがわかるかと思います!病的にガリガリになります(笑)

圧縮画像の保存方法

圧縮画像の保存方法は、3種類あります。

TinyPNGでの圧縮画像の保存方法

  1. ファイル名ヨコの《Download》:通常の保存(一枚ずつ)
  2. 《Save to Dropbox》:Dropboxへの保存(保存するファイルを選択する場合は、Dropbox画面が開いたらファイル名のヨコ「✕」で削除します)
  3. 《Download all》:zip形式で一括保存できます

まとめ

閲覧者が快適にアクセスできるように、ホームページの表示速度を上げるために、画像ファイルは最大限圧縮しファイルサイズを小さくしたいですね。

冒頭でもお伝えしましたが「TinyPNG」は、Mac/WIndows関係なくブラウザ上で利用ができるので、ぜひ活用してみてください。

この記事が気に入ったら
いいね!しよう

私が書いています

株式会社イーシークリエイトホームページ運営コンサルタント吉田 穣
これまで広告代理店のグラフィックデザイナー、個人としてWebプロデュース&デザイナー、ネットビジネスでの経験を活かして、経営者、自営業者、一人Web担当者の悩みに「元ホームページ制作会社が教えるホームページ&ブログ運営術」を日々アドバイスしています。

【得意なこと】
・ビジネス内容を聞いて、ネットでどのようなテストや展開ができるかを考えながら話します
・初速を付けること
・WordPressを使ったホームページを一気に起ち上げる
・相談相手の背中を押すこと(自己責任がない方は、押さないですw)
・WordPressの一人運営方法
・ビジネスターゲット(ペルソナ)の選定方法を教えます
・ペルソナに合わせた、キーワードの選定方法を教えます
・他社で制作されたドメインを取り戻す
(制作会社との契約上、取り戻せないこともあります)
・他社制作会社の管理下から、自社で契約したレンタルサーバーへ移行します
(制作会社との契約上、移行できないこともあります)
・Facebookの投稿で、何を投稿すればいいのかをアドバイスします
・アイデアだけは、使えないようなアホなアイデアから、使えそうなアイデアまで幅広く会話から出します
・ネガティブ要素を、ポジティブ要素に変換できないか。を考えることもあります
などなど
Follow :