Dreamweaverで画像サイズをリセットするコマンド＆半分にするコマンド（Retina対応に便利）
あけましておめでとうございます。hakoishiです。
本年もよろしくお願いいたします。
正月休みはコタツと闘っては連日連敗を喫しておりました。
眠りへの誘惑危険すぎる。
さて、本日はDreamweaverの画像サイズのリセットが一気にできちゃうコマンドと、半分にリサイズするコマンドのご紹介を。
画像サイズをリセットするDreamweaverコマンド
Dreamweaver 画像の幅と高さをリセットするコマンド « きんくまデザイン
既存のソースを使いまわしてコーディングする時や、修正を重ねるうち微妙にサイズの違った画像が多発した時。
1つずつクリックして修正していくのは手間ですね。
と、そんな時にこのコマンド。
ソースを全選択した状態で、「コマンド」メニュー⇒「画像サイズをリセット」を適用すると、ページ内一括でリサイズしてくれます。
一瞬です！これは気持ちいい。
設置方法などについても丁寧に解説されていますので、リンク先にてご確認を。
Commandsフォルダの場所だけ補足。windows7の場合、デフォルト状態では下記になるかと。
C:\Users\（ユーザー名）\AppData\Roaming\Adobe\Dreamweaver （バージョン）\ja_JP\Configuration\Commands
リンク先のきんくまデザイン様のブログは他にも便利ツールが多数紹介されています。オススメです！
画像を半分にリサイズするコマンド
上記コマンドですが、ありがたくもMIT LICENSE。
ということで、カスタマイズして半分にリサイズするコマンドを作りました。
（※念のため許可をいただいています。ご快諾くださったきんくまデザイン様に感謝。）
下記よりDLして、Commandsフォルダに格納してください。
想定した使いどころはスマートフォンのRetinaディスプレイ対応です。
2倍で書き出した画像をソース上で半分にリサイズする時に便利。
設置方法や使い方は上のコマンドと同じです。
ソースを全選択した状態で、「コマンド」メニュー⇒「image_reset_half」。
奇数のサイズでも切り上げて整数値になるよう作ってはいます。けど、表示はボケてしまいますので画像作成の時点で偶数になるよう作成してくださいね。
Retinaディスプレイ対応 参考URL
- 【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話
- iPhone4 Retina Display対応のデザインのコツ！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話
- こーすりゃいいかもviewport - Takazudo hamalog
まとめ
探してみると、さまざまな便利ツールがあるんですよね。
地道な作業を一気に解決するツールを探してみると、近道が見えるかもしれません。
作業効率が良いということは手順が少なくすむということで、そうするとミスも減る！ハズ。
