人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

画面比率4:3で制作したウェブ画面(画像込み)を、「16:9で見たときに4:3で見えるのと同じ比率になるように作り直してくれ」とお客様に言われました。何か簡単にできる方法はないでしょうか・・・?

●質問者: meeko55
●カテゴリ:コンピュータ
✍キーワード:16:9 4:3 お客様 ウェブ 制作
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● nkysn
●20ポイント

http://tohoho.wakusei.ne.jp/css/reference.htm#width

そのファイルは現在ありません

質問の意図を捕らえ間違えていたらごめんなさい。

画面解像度に関係なく、同じ体裁を保ちたいということであれば、

ページ全体を div 要素で囲んで、スタイルシート内でその div 要素の widthプロパティに対して、4:3で表示されている際のピクセル数を設定する、というのは駄目でしょうか?

◎質問者からの返答

回答ありがとうございます。でもそれだと多分無理だと思います。

私のほうも説明が足りませんでした。

4:3で作成したウェブ画面を、プラズマディスプレイの機能上で16:9表示するらしいのです。だから、スタイルシートで設定してあっても、どうしても横伸びになってしまうのですよ・・・。

こうなると、元の画面および画像を16:9用に修正するしかないのかなぁと思っているのですが・・・。それをしなくても良い方法があるかどうか、無い場合は、画像数がかなり多いので画像だけでも一気に比率変換できるツールはないかなぁと思っています。

無さそうだけど(汗)、イチかバチかで質問させていただいています・・・。


2 ● haruchan69
●20ポイント

http://www.openspc2.org/reibun/javascript/image/022/index.html

画像サイズを動的に変える【IE,NN6】

全部のimgタグにこんなのを挿入したら、ちょっと縦長に。これを16:9で見ると?

<img onLoad=”height=height;width=width*0.75”src=”xxx.jpg”>

HTMLファイルもたくさんあったら変更が面倒ですが。

◎質問者からの返答

回答ありがとうございます。

なるほど、こういう手もあるんですね。参考にします。


3 ● wori9
●45ポイント

http://www.hatena.ne.jp/

はてな

フォトショップの自動処理(アクション)で画像比率の変形は可能です。少し慣れが必要ですが、ソフトが自動で処理してくれます。

◎質問者からの返答

回答ありがとうございます。

今PhotoShopのマニュアル見ました。

バッチ処理できるんですね、知らなかった!

これは使えそうです。


4 ● mattani
●35ポイント

http://www.forest.impress.co.jp/lib/pic/piccam/picviewer/irfanvi...

窓の杜 - IrfanView 日本語版

非商用利用のみのフリーソフトなので、ご希望のような商用利用はできないかもしれませんが、機能としてはIrfanViewの「バッチ処理による変換・リネーム」の機能で、Use Advanced Optionsを設定すると、縦横それぞれの倍率を設定して、画像の比率を一括変換することは可能みたいです。

◎質問者からの返答

回答ありがとうございます。

これも前の回答と同様、バッチ処理できるんですね!

今回はPhotoShopで試しにやってみることにします。

皆様ありがとうございました!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ