ショップサーブでは画像をアップロードすると、以下のようにサイズ違いの画像も自動生成されます。Yahoo!ショッピングで出店している方なら仕組みが似ているので理解しやすいと思います。
1枚のアップロードで、複数の画像サイズをかんたんに表示できるので、たとえばメールマガジンなどで特集を組んだ時など商品一覧を表示させるのに便利です。横幅が600px、700px、550pxの画像とバラバラであっても、以下のようなサイズタグを指定することで統一されたサイズで画像を並べることが可能です。
登録する画像ファイル、ファイル名、代替テキスト、画像カテゴリを指定してアップロードします。(登録する画像ファイルだけでアップロードすることもできます。)
画像が登録されると一覧に表示されます。
- サムネイル(横50px) timg
- 小(横120px) simg
- 中(横180px) mimg
- 大(横250px) limg
- 特大(横640px) llimg
- オリジナル(原寸)
画像の呼び出し方は
となります。任意の画像サイズタグというのは、timgやsimgを指定します。たとえば、横250pxの画像を呼び出したい場合は、
となります。原寸サイズ(オリジナル)で表示したい場合は、画像サイズタグは不要になるので、
となります。
注意したいのは、100pxのような小さいサイズの画像を登録した場合、たとえばlimgやllimgで画像サイズタグを指定しても100pxよりも拡大されることはありません。指定しても画像は表示されますが、オリジナルサイズを超えることはありません。