ノリックのIT生産性向上、ライフハック、プロマネのお仕事備忘録

IT系の仕事の事とか役立つツールとかプロジェクトマネジメントの事とかを記載していきます。

TinyPNG Plugin を Phhotshop に導入してBlog画像編集をちょい鬼速化

 

simadzu.hatenablog.com

上記の記事でsimadzuさんから

「Blogは画像の圧縮が高速化のポイントだよ」

と教えてもらってから画像圧縮をせっせとやってからBlogに画像をアップするようにしている。画像圧縮はTinyPNGのサイトを使用している。このサイトで圧縮すると驚くほどファイルサイズが小さくなるので、今まで使ってなかったことを後悔した。しかし面倒である。 

 

 

ブログ化する為の手順

  1. 仕事中にあ!これはブログネタになりそうというのを思いつく
  2. 仕事中にブログを書くわけにはいかないのでとりあえずスクリーンショットをPrintScreenでとってOneDriveに保存。
  3. 家に帰ってから文書を考えながらOneDriveに溜まっている画像をPhotshopで加工してから画素数を適当に減らしてファイルサイズを縮小。
  4. Photoshopから画像ファイルにPngファイルで書き出し。
  5. ブラウザを開いてTinyPNGを開いて画面の右端に寄せる。
  6. ファイラーを開いてい左端に寄せ、目的の画像をTinyPNGにドラッグ&ドロップ
  7. TinyPNGからダウンロードした圧縮済みの画像をコピペしてはてなブログ編集画面に貼る。

 

自分で手順を書き上げていても辛い。もうAutohotkeyでスクリプトを書くしか無いかと思い始めていたところ、TinyPNGのホームページにいかの記載を見つけることが出来た!ちょっと下にスクロースしたところにあるのだから危うく見逃すところでした。

 

TinyPNG

TinyPGN

tinypng.com

 

$65。。。そうだよね。便利そうなツールがただってこたぁ無いよね。

一年間使うと考えたら安いものか。ポチッと。

購入手順

  1. https://tinypng.com/photoshop にアクセス

  2. 一番下の方に行くとMacかWindowsを選択する箇所がある。私はWindows10なのでそちらを選択。

    TinyPNG

    TinyPNG Pluginを買う


  3. メアドやクレジットカードの情報を入力してポチッとするとメールがとんできます。
  4. メールからアドインのダウンロードページに行く。
  5. ライセンスファイルとインストーラーをダウンロードすうる。

    TinyPNG

    TinyPNG PluginのライセンスファイルとPluginをダウンロード


  6. ダウンロードしたプラグインのインストーラーを実行
  7. ライセンスファイルを
    C:\Program Files\Adobe\Adobe Photoshop CC 2019\Plug-ins\
    に配置。32bit版を入れている人はC:\Program Files (x86)\Adobe\のほうにPhotoshopのフォルダがあるかも。
  8. Photoshopを起動してみる。メニューが追加表示されるようになった。

    TinyPNG

    メニューに追加された


試してみる

TinyPNG

沖縄旅行の写真

圧縮前で6.52MBである。Photshopで開いてPluginで確認してみる。

TinyPNG

TinyPNG Pluginで開いた。

この段階で5.3MBに圧縮されている。ブログに表示するのであればもっと解像度は小さくて良いのでリサイズで%指定でファイルサイズを小さくすることが出来る。

 

TinyPNG

TinyPNG Pluginでリサイズ

397.7kbに縮小した。

 

これでBlogの作成効率が少し向上した。

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