画像を解像度2倍に対応してみます。
imgで指定する場合は
10px × 10px
で出力したいとき
20px × 20px
で書き出し、
img src=”img01″ width=”10″ height=”10″
と指定します
背景画像を上記のようにしたいとき、
background-size を使います
background-image:url("img01.png") no-repeat;
-moz-background-size:10px 10px;
-webkit-background-size:10px 10px;
background-size:10px 10px;
のように指定します。
ところで、今までIE6のことを考慮して、png8で書き出していましたが、
スマホサイトはモダンブラウザなので、png24で出してもよいのだと気付きました。。
透過のときに綺麗さが違いますね
容量は考えないといけないところですが
