新しいテクを使ってるかのように見えて、実はほとんどが古いテクだったと、ヤボを承知で突っ込んでみた。 「Yahoo!ニュース」の表示速度が3～5倍に、そのからくりは……：記事の芽 一つめのワザは複数枚の画像を1枚にまとめる「CSS Sprite」の採用です。 広まり始めたのが2007年9月28日なのでこれは古くはないですね。YouTubeが採用した時にも話題になりました。 使ってみたくて去年いろいろやってみたのですが、絵心ないもので（デザインセンスも）挫折しました。orz 参考 CSS Spriteを活用しよう | DesignWalker 独学で極める “Webデザイン”の技と心：第10回　CSS Spritesでサイトを高速化｜技術評論社 CSS Spritesのすべて - 技術解説、採用事例、ツールリンク | マイコミジャーナル 1枚の画像を切り出すテクニックCSS Sprite、便利

某掲示板で、JpegのExifのサムネイルから「アニメキャラの抱き枕」の持ち主の顔がばれて、かわいそうなことになったとか聞いた。いや、見たかｗ 知らないって本当に怖いですねぇ。既に、画像のExif情報を消すで一度取り上げたのですが、こういったことを常識として教わる機会がないこと、ブログやアップローダによって敷居が下がってるということが原因なのかも。昔はつなぎ放題じゃなかったから、余計な情報を削るのは半ば常識だったのだけど。 閑話休題 前回はExifを削るついでに最適化して（この過程では画質の劣化はありません）、ファイルサイズも小さくしようという話で、JTBやcarmineを取り上げたのですが、それぞれ得意不得意の画像があって一慨にどちらが良いとはいえません（手持ちの画像では概ねJTBが成績がいいです）。 ところが、このソフト組み合わせて使うと単独で使うより、さらにファイルサイズが小さくなる

昨日につづいて、PNGを無劣化でファイルサイズを小さく（最適化）します。 昨日のJpegのときに、何故このブログで使ってるテンプレート「ペンギンの夏（白）」を使わなかったのかというと、実はペンギンの絵がGIFだったからで、決して昨日の絵が圧縮しやすかった訳ではないのです。だから、今日のサンプルはペンギンです（笑）。 クリックで拡大します。 オリジナルは、7,213バイトです。 ちなみにWindows XP付属のペイント（mspaint.exe）でPNGにすると、6,582バイトになります。 さて、PNGを最適化するソフトですが、PNGOUT.exe(40,960 bytes 02/09/2008)を使うのですが、GIFが256色なのでpngrewriteも利用できます。こうなるといろいろ面倒ですので、BlastPNGを使いましょう。 説明どおりダウンロードしてインストールすればいいのですが

画像のファイルサイズにこだわると、減色が有効な手段になってきます。 Photoshop 4?5?を使ってた頃（CS3も持ってるけどインストールすらしてない）、減色処理のあまりのひどさに減色機能スペック一覧（まだ残ってたのか！）を見て、OPTPiX買ったのはいい思い出ｗ 前回、BlastPNGを薦めた理由の一つは、ユーカリにFLAXC.exeという減色プログラムが同梱されてたからです。この減色ソフトはフリーながらかなり優秀で、OPTPiXを持ってなかったらこれを使ってると思います（ユーカリにはリサイズもグレースケールもあるのでblog用途で困ることはないでしょう）。 普通ならここで、減色した絵をずらっと並べるのでしょうが、自分で実際にやるか、専門にやってるサイトをググって見てくださいってことで。目安として256色に減色なら、写真でもそれ程違和感ありません。 サンプルは、またしてもアサブロのテ

Webで使用する画像ファイルの最適化 提供：maruko2 Note. 移動： 案内, 検索 マイコミジャーナルで紹介されていた、Webで使用する画像ファイルの最適化方法についてのまとめ。 主に、画質を劣化させることなく画像ファイルサイズを小さくするための方法を紹介。 目次 1 JPEG 1.1 JPEG ファイル最適化のポイント 1.1.1 jpegtran コマンド最適化オプション 1.2 jpegtran のインストール 1.2.1 Mac OS X の場合 1.2.2 CentOS の場合 1.2.3 Windows の場合 2 PNG 2.1 PNG ファイル最適化のポイント 2.1.1 pngcrush コマンド最適化オプション 2.2 pngcrush のインストール 2.2.1 Mac OS X の場合 2.2.2 CentOS の場合 2.2.3 Windows の場合

SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Webサイトで利用する画像フォーマットとしてPNGが採用されるケースが増えている。PNGはGIFと似たような特徴を持っているものの、GIFと異なり透過画像をちゃんと扱え、さらにGIFよりも画像データサイズが小さくなるという特徴がある。写真フォーマットにはJPEGを採用し、それ以外にはPNG8を採用、より複雑で滑らかな画像フォーマットが必要になるならPNG24を採用するというのが最近のひとつの画像採用指針となっている。 PNG画像の最適化についてはSergey Chikuyonok氏がSmashing Magazineに掲載した次の記事が参考になる。 PNG最適化テクニック Sergey Chikuyonok氏の記事ではPNGの画像フォーマットの仕