Image Map Resizerはニュースタンダードになる 今まで定番だったjQuery RWD Image Mapsはレスポンシブや2倍書き出しに弱かった クリッカブルマップをレスポンシブ化すると言えばjQuery RWD Image Mapsが定番でした。 しかし、昨今の画面サイズの多様化に追いつけず、今では普通にクリッカブルマップがズレます。 また、最近ではiPhoneやMacのRetinaディスプレイでの表示に耐えうるよう、画像は2倍書き出しにするのが一般的なWEB制作です。 ですがjQuery RWD Image Mapsでは、 「画面では400px * 400pxで表示」でも「実際の画像は800px * 800pxで書き出し」というシチュエーションに非常に弱いです。 2倍書き出しをすると、クリックするポイントが2倍ズレます。 また、相対的な指定(pxではなく%)で画像を表示し
![jQuery不要!クリッカブル(イメージ)マップを実装するならレスポンシブや2倍書き出しでもズレないImage Map Resizerを使おう](https://cdn-ak-scissors.b.st-hatena.com/image/square/37930fb7f990b516f79e7b1ea13ded14b2518ef4/height=288;version=1;width=512/https%3A%2F%2Fblog.triana.jp%2Fwp-content%2Fuploads%2F2020%2F11%2Fimage-map-resizer.jpg)