PC向けの画像を縮小して、モバイル用として用意することはモバイルサイトでよくやる手法ですが、画像の変換は面倒で、手間が掛かります。
tinysrc.netが提供するこのサービスを利用すれば、画像の変換を簡単にしてくれます。
使い方
1)まず、PC 用のサイズの大きな画像を用意
2)http://i.tinysrc.mobi/+画像のURL を指定
例えば、
画像URLは
http://mysite.com/myimage.png
とします、
http://i.tinysrc.mobi/http://mysite.com/myimage.png
にすることで、myimage.pngは自動的に訪問者が使用するモバイルのスクリーンサイズまでに縮小します。
また、
http://i.tinysrc.mobi/横幅/[縦幅/]+イメージのURL
で指定する場合、
モバイルのスクリーンサイズではなく、指定するサイズまでに縮小させることができます。
<img
src='http://i.tinysrc.mobi/320/200/http://mysite.com/myimage.png'
alt='My image'
width='320'
height='200'
/>
しかし、指定する画像のサイズを超えたサイズを指定しても、画像のサイズ拡大ができません。