Toggle

ウェブ

各画像フォーマット比較

2013/6/22アフィリエイトソンで使用した、大ちゃん(友達)がカメラを持った写真が重かったので軽量化してみる。
といっても画像フォーマットとサイズを変更したのみ。photoshop使用。web用に保存ページでプレビューしながら変換比較。
ちなみに、トリッピースのトップページ画像が200kB程度だったので、これを目標に。すごいきれいな画像。
trippiece

元ファイル:25MB png-24
かなり重い。読み込む度に時間がかかる。体感5秒くらい?トップページに配置していたため、かなり作業効率が悪い。よくこんなのでハッカソンやってたな。。と思う。これからは画像軽量化は最初にやろう。
画像はかなりきれい。

変換後ファイル:1.91MB jpeg 画質60
10分の1以上の圧縮できた。画質は全く変わらず。pngは透過率も含んだフォーマットなので、その透過率がなくなっただけか?png=jpeg+透過率αという認識で良さそうだ。

変換後ファイル:716kB jpeg 画質30
更に3分の1。画質は全くと言っていい程変わらず。

変換後ファイル:326kB jpeg 画質3
更に半分。画質は同じく、全くと言っていい程変わらず。
体感速度0.3秒くらい。最初と全然違う!!

画像サイズを小さくしたら更に半分とかにできたけど、拡大したら荒くなりそうだしこんなとこで辞めとこうかな。

URL
TBURL

LEAVE A REPLY

*
*
* (公開されません)

Return Top