- ベストアンサー
ビルダー８付属のウェブアートデザイナーでweb用に保存したら縦横サイズが変わる原因と解決策
- ビルダー８のウェブアートデザイナーで作成したロゴをweb用に保存すると、縦横のサイズが自動的に変わってしまう問題が発生しています。
- 具体的には、ウェブアートデザイナーで作成したロゴのサイズが横422ピクセル縦20ピクセルであるのに対し、web用に保存されるとサイズが横366ピクセルx縦15ピクセルに変わってしまいます。
- この問題の原因は、保存時に自動的に最適化されているためであり、保存形式やアンチエイリアスの設定に関わらずサイズが変更されてしまいます。しかし、この問題を解決するためには、サイズ変更を回避する方法や他の保存方法を検討する必要があります。
- net_kisi
- お礼率100% (30/30)
- ホームページ作成ソフト
- 回答数2
- ありがとう数5
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
>早速、オブジェクト スタックの表示/非表示を表示させましたが灰色で何も表示されていません。これの役割は何なのでしょう？ ウェブアートデザイナーは、たくさんの画像の組み合わせで製作することも出来ます。 製作の仕方にもよりますが 製作の最初からオブジェクトを使っている場合 便利です。（使っているうちに解りますので気にしないで下さい） ＞次にお勧めくださいました（１）の方法をやってみたところ、ご説明の通りgifファイルができましたが、ウェブアートデザイナーのキャンバスサイズ（私の場合は1000x600）がまるごとgifファイルになっていました。 （ウェブアートデザイナーのキャンバスサイズ） 本当は作る前にキャンバスのサイズを指定します。 ファイル ↓ キャンバスの新規作成（サイズ指定）422x20 ○作ってしまった場合は 【編集】 ↓ 【キャンバスの設定】422x20 （これを、してから、＃１の（１）番を試してください キャンバス設定をした後は画像がずれてる場合は、マウスで動かして合わせてください） ＞ウェブアートデザイナーで作成した422x20サイズのロゴ（オブジェクトと言うのでしょうか？）のみ上記の様に保存できれば大変助かるのですが可能でしょうか・・ ロゴですか？ あ～それなら 【編集】 ↓ 【キャンバスの設定】422x20 ↓ 【web用に保存】 これだけで、いいはずです。 （ただし、ロゴ自体が４２２X20の場合です。 ロゴのサイズを合わせたい場合は、ロゴの上でマウスの右クリックをするとオブジェクトの編集があります。そのサイズを４２２X２０にしてください、画像が変わってしまったら戻して○作ってしまった場合はを試してください） ロゴのサイズが違う場合は上の方の方式をしてください （キャンバス設定をした後は画像がずれてる場合は、マウスで動かして合わせてください） ＞もう一点のみ確認させて頂きたいのですが、そもそもウェブアートデザイナーの「web用に保存」では、作成したオブジェクトの縦横のサイズを正確に保ったままweb用に保存させる事は出来ないのでしょうか？ これは、ロゴを製作するときに４２２X２０を設定したかどうかによります。 前もって、キャンバスのサイズを指定したり ロゴのサイズを指定したりします。 （ウェブアートデザイナーは、いろんな機能が付いているので前もって設定する方がいいでしょう） ～～～～～～～ロゴのサイズを変える～～～ ロゴの上でマウスの右クリックをすると”オブジェクトの編集”があります。そのサイズを４２２X２０にしてください。 ↓ web用に保存 （オブジェクト設定でこんなことも出来ます） ただし、画像が変わってしまいましたら、 一番上の ○作ってしまった場合は 【編集】 ↓ 【キャンバスの設定】422x20 （これを、してから、＃１の（１）番を試してください ～～～～～～～～～～～～～～～～～～～～～～ ではまた～
その他の回答 (1)
- zikaku
- ベストアンサー率78% (69/88)
オブジェクト スタックの表示/非表示を”表示”にしてませんね？ ”表示”に、しておくと、このようなミスは無くなります。（邪魔ですが表示にして置いた方が良いですよ） web用に保存とは、オブジェクト単位で保存します。 ですから、キャンバスサイズは、保存されません。 キャンバスサイズで保存する方法はいくつかありますが・・・簡単な方法を２つ上げます （１） ファイル ↓ 名前を付けてキャンバスを保存する （保存先、ファイル名を忘れないように） ↓ ツール ↓ ウェブ アニメータを起動する ↓ 新規作成 ↓ 画像ファイルをアニメーションに挿入 ↓ さっきの作ったファイル（拡張子はmif）を開きます ↓ 簡単最適化（軽くなります） （プロバティで”透明化”なども出来ます。） ↓ ファイル ↓ 名前を付けて保存（gifになります） （保存先を忘れないように） （２） ウェブアートデザイナーの画面 キャンバスサイズで端を四角で囲む （オブジェクトを作る） web用に保存（オブジェクトをすべて指定するのを忘れずに） だいたい、この2つが主流ですが、 （１）番がお勧めです。 gif画像の加工はアニメータの方が細かく設定できますので（簡単最適化や透明など） ビルダーは、いろんな設定がありますのでいろいろ 試してください。 それではまた～
お礼
zikakuさま、ご丁寧な回答を頂きましてありがとうございます。 非常に参考になりましたm(__)m 早速、オブジェクト スタックの表示/非表示を表示させましたが灰色で何も表示されていません。これの役割は何なのでしょう？ 次にお勧めくださいました（１）の方法をやってみたところ、ご説明の通りgifファイルができましたが、ウェブアートデザイナーのキャンバスサイズ（私の場合は1000x600）がまるごとgifファイルになっていました。 ウェブアートデザイナーで作成した422x20サイズのロゴ（オブジェクトと言うのでしょうか？）のみ上記の様に保存できれば大変助かるのですが可能でしょうか・・ 私のやり方が間違っていたら申し訳ございませんm(__)m もう一点のみ確認させて頂きたいのですが、そもそもウェブアートデザイナーの「web用に保存」では、作成したオブジェクトの縦横のサイズを正確に保ったままweb用に保存させる事は出来ないのでしょうか？ お手数をお掛け致しまして誠に恐縮なのですが、ご教示頂ければ大変助かります。 どうぞよろしくお願い申し上げますm(__)m
お礼
zikakuさま、お礼が遅くなりすみません。詳細なご指南、厚くお礼申し上げます。 zikakuさまよりの２回目のご回答と時を同じくして私も気が付きました。キャンバスサイズが保存されるなら、最初からキャンバスサイズを422x20にしておけば良かったんですね。 こんな単純な事をzikakuさまにお尋ねしてしまい、お手数をお掛けいたしまして申し訳ございませんでした。 実はzikakuさまのご回答をヒントに、私が困っていた「web用に保存したら勝手に縦横サイズが変わってしまう」原因を偶然発見しました！ キャンバスサイズの初期設定を変更しようと、ファイル→環境設定を開いてみたら、オブジェクトの設定の中に「自動的に余白を取り除く」という項目にチェックが入っていたのでそれをOFFにしてみた所、作成したサイズのままweb用に保存出来る様になったんです！ どうやら、作成したロゴの中にある余白を勝手に取り除かれていたので、取り除かれた余白分、縦横サイズが小さくなっていたようです。 zikakuさまのご回答のおかげで問題解決出来たばかりか、その他にもウェブアニメータの利用方法など大変勉強になりました。 zikakuさま、ほんと助かりました。これで約６０ページある私のサイトの全ページで現在使っている422X20サイズの画像を、画像タグの編集を全くせず画像の差し替えだけで新しく出来ます！（新しい画像の縦横サイズとの名前を、今まで使っていた画像と全く同じにしたので） 感謝してます。ありがとう！！！