タグ

2016年6月10日のブックマーク (5件)

  • How Optimized Are Your Images? Meet ImageOptim-CLI, A Batch Compression Tool — Smashing Magazine

    We usually export images for the Web from our favorite graphics software. Our eyes fixate on an image’s preview, adjusting the quality settings until we’ve found that sweet spot, where the file size and quality are both the best they can be. After having gone to all that care and effort, we would be forgiven for thinking that our image is in the best shape possible, but that’s not always the case.

    How Optimized Are Your Images? Meet ImageOptim-CLI, A Batch Compression Tool — Smashing Magazine
    kyaido
    kyaido 2016/06/10
  • 画像ファイルサイズ削減いろいろ

    全部読むのが面倒な人向けお勧め手順 JPEG/PNG/GIF用 Antelope(劣化あり/なし選択可能・一括処理向け) JPEG用 WEBSITE PLANET(劣化あり・Webサービス) JPEGmini (劣化あり・Webサービス) TinyPNG (劣化あり・Webサービス) IrfanView (劣化あり・画像ビューア・一括処理も可) Caesium (劣化あり・一括処理向き) jpegtran (劣化なし・コマンドラインソフト) 他のソフト PNG用 TinyPNG (劣化あり・Webサービス) pngquant (劣化あり・コマンドラインソフト) PNGGauntlet (劣化なし・一括処理向き) 参考:ECO-Wiki (acronia) の画像ファイルサイズ削減 余談 履歴 全部読むのが面倒な人向けお勧め手順 お勧め手順JPEG TinyPNG に通す 画質劣化が気になる

    画像ファイルサイズ削減いろいろ
    kyaido
    kyaido 2016/06/10
  • PNG 画像の解析と最適化ツール : document

    12月16 PNG 画像の解析と最適化ツール はじめに この記事は Graphical Web Advent Calendar の 16 日目の記事として書かれました。 Graphical Web ということで、PNG フォーマットの簡単な説明と Web ブラウザ上で動作する PNG 解析ツールを作ったので使い方と解析結果の見方について書いていこうと思います。 また、人気のある PNG 画像最適化ツールがどのような最適化を行っているのか調べていきます。 PNG の仕様に入る前に ここから、PNG の仕様について最低限の説明を書いていきます。 PNG の最適化や検証するときに必要になるので、退屈かもしれませんが軽く目を通してください。 以下の項目について、なんとなく分かれば良いです。 シグネチャ 必須チャンクの役割 IHDR PLTE IDAT IEND PNG 仕様概要 PNG フォーマッ

    kyaido
    kyaido 2016/06/10
  • png.identify.js

    Usage: Drag & drop a PNG file from your computer into the this window.

    kyaido
    kyaido 2016/06/10
  • PNG軽量化の減色と圧縮について | GREE Engineering

    このテーブルの番号は 1 Byte になっているため、0-255 の 256 個しか登録できません。そのため、画像で使用されている色が 256 個より多い場合は、なんとかして 256 個にしなくてはいけません。 この「なんとかして 256 色にする」というのが減色処理で、なるべく元の画像からの変化を分からないようにしながら色を減らしていくためのアルゴリズム実装です。(この記事では減色アルゴリズムについての説明は省略します。) テーブルを作成したら、画像のそれぞれのピクセルを RGB 形式からテーブルの何番目の色を使うかに置き換えます。 上図のように、1 ピクセルあたり 24bit 必要だった画像が 1 ピクセルあたり 8bit になったので、データサイズは大体 1/3 になります。 (パレットのデータに最大 3 Byte * 256 = 768 Byte 必要とか、同じように圧縮されないと

    PNG軽量化の減色と圧縮について | GREE Engineering
    kyaido
    kyaido 2016/06/10