iPhoneページの軽量化テクニック - Branch

Clicking the “Branch this” button next to a post lets you start your own branch to talk about it. Branching a post is perfect for when you have something to say about someone’s post or want to go on a tangent—without taking the whole conversation off track. Join our beta so you can branch posts, too.

[koroharo]

『Canvasで透過処理を行った方が、読み込む画像の容量が少なくてすむ。対応していないブラウザには透過PNGを表示させるという仕組み。』ほー

[ysk_lucky-star]

マジかー

[rryu]

iPhoneの上端をちょっとだけグロナビにめり込ませる為だけにというところに涙する。

[kohei_april20]

マスクをパスで描けばさらに軽くできそうｗ

[flyeagle]

Canvas対応ブラウザの場合には、JPEGとマスク用のPNG画像を読み込み。

[torounit]

なんぞこれw

[hirotaka11]

手間が凄いなｗ

[glat_design]

とんでもない…！！ついていける気がしないですｗ透過してる理由からわかんないｗ /

[turusuke_0]

Canvasで画像を透過させるテクニックをiPhoneページで利用しているそうです。

[efcl]

jpeg+マスクpng+Canvas合成. NScripterとかみたいな透過画像の合成

[y-kawaz]

そもそも写真画像をPNGで保存しようって発想が凄いなと思った…

[yhmt]

jpg + png マスクで軽量化

[attoku]

少なくともギャラリーサイトはこういう対策必要なのかもなぁ

[yuu_goto]

Branchがtoggeter的なノリに

[kathew]

手間だけど効果は大きいんだなぁ

[Miyakey]

手間だけどこれはすごい。

[KentarouTakeda]

iPhoneページの軽量化テクニック - Branch

[otchy210]

ほー、なるほど。これはしばらく流行るんじゃないか？

[misomakura]

"モバイル環境のインフラはまだ全然追いつけないんじゃないだろうか"

[mat2uken]

手間かかるなぁ。。。

[katzchang]

Canvas対応の場合、jpeg+マスク用pngで節約しているらしい。ふえー。

[kojika17]

Retinaまで考えると、なるほど。｜iPhoneページの軽量化テクニック - Branch

[kussun]

Apple 公式サイトで使われている Retina 環境対応のテクニック。ネタ元のHTMLソースも見ておくと勉強になる。

[yukashin]

iphone