niwadesign

ホームページ制作のネタ発信

仕事術

png画像をより軽くする方法

投稿日:

pngyu

pngyu

最近のWEB制作ではpng画像をよく使います。1つ1つはそれほど重くなくても、数が増えるとやはり、表示速度が遅延する原因になります。
そこで、クオリティをほとんど落とさずにpng画像を軽量化するアプリのご紹介。

今までボクはWEBサービスのhttps://tinypng.com/を使っていたけど、数が増えると、ちょっとだけ面倒くさい。。

そこでもっと早く出来る方法はないかなと探していたら、「ありました!」。

アプリですが

こちらからDLできます。

http://nukesaq88.github.io/Pngyu/ja.html

使い方はすごく簡単!

pngyu01

画面中央にある「Drop here」にpng画像をドラッグ&ドロップし、「Compress Start」をクリックするだけ!
すると、元々の画像が上書きされて軽くなります。

試した感じ、50%〜70%くらい軽くなりました。

こちらが圧縮前 30KB
me

こちらは圧縮後 14KB
me_com

見比べてもてもぱっと見どっちがどっちかわからないですね。

-仕事術
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Macでディレクトリ階層の一覧を作る方法

仕事をしていてよく納品ファイルの一覧が欲しいと言われることがあります。 ファイル数が少なければフォルダ内にあるファイルを選択肢てエディタに貼り付けるだけでいいのですが、 階層も深くファイル数も多い場合 …

Photoshopで何度も戻りたい方法(連続して戻る方法)

大体のアプリで共通して戻る(取り消す)場合command + z で戻り、連続して押すと何度も戻ることができますが、Photoshopの場合は取り消しとやり直しで行ったり来たりで1回しか戻ることができ …

Chromeのディベロッパーツールを別ウィンドウにする方法

最近PCを買い替えていつものようにディベロッパーツールを使おうと開いたら、ブラウザから分離できない。。。 調べてみたら、下右に移動させるアイコンを長押しすると別ウィンドウのアイコンが表示される。 わか …