どうすれば綺麗に出来るのでしょうか?
Illustratorを使ってデザインを書いているのですが、それらをWEB用にスライスを使用して書き出しています。
しかし、デザイン作成中と、スライス処理後でサイズが異なってしまいます。例えば100px×100pxのイラストを描いてWEB用にスライスで書き出すと、サイズが101px×101pxというような感じで、大体1~2pxほどサイズが変わってしまいます。自動で作成されるテーブルのせいなのでしょうか?
これはどう対処をすればいいのですか?あらかじめ予想して1px位小さく作成するんでしょうか?
また、WEBページで100px×100pxのテーブル内にぴったりと画像を挿入するには100px×100pxで作ればよいのでしょうか?それとも99px×99pxでしょうか?ボーダーなどでも変わってしまうのでしょうか?
これらの解決法をご存知の方は、宜しくお願いします。
No.4
- 回答日時:
こんにちは!
まず、環境設定で単位をPXにします。
それと線幅のサイズの計算は入っていますか?
例えば、デフォルトの状態(線幅1px)で長方形ツールで100×100PXで四角を描画します。
(変形パレットでは四角のサイズは W:100px、H:100px となっています)
その四角を選択した状態で【オブジェクト】→【スライス】→【選択範囲から作成】でスライスします。
(変形パレットで確認するとそのスライスのサイズは101×101px になっています)
これは1px の線幅の両サイドの線が0.5pxずつはみ出しているからです。
それ以外ですと・・ちょっと思いつきません・・
私の環境では、100×100PXのスライスで書き出せば、100×100PXになっています。
>あらかじめ予想して1px位小さく作成するんでしょうか?
これはないと思います。
>100px×100pxのテーブル内にぴったりと画像を挿入するには100px×100pxで作ればよいのでしょうか?それとも99px×99pxでしょうか?
テーブルサイズが100px×100pxであればボーダー、セルどうしの間隔、セル内の余白などによって変わってきます。
セルのサイズが100px×100pxであればボーダーとセルどうしの間隔は関係ありませんが、セル内の余白(cellpadding)は0にしないとぴったりになりません。
No.3
- 回答日時:
Photoshopをお持ちでしたら、Photoshopに移し替えてWEB用に保存したほうが良いです。
私はいつもそうしてます。
Illustratorって、DTPソフトだから、WEB用に書き出すのに向いてないみたいです。
ただ100pxの塗りつぶし四角に、線を1pxつけた場合は、
100px+0.5px+0.5px=101pxになるので、丁度、症状を再現しますね?
100pxの四角で1pxのラインでふちどりたいなら、99px。
2pxのラインなら、98pxってことになるかな?
ラインの無い状態で、書き出されるサイズを確認してみて下さい。
それとピクセルプレビューモードで作業されてみて下さい。
ピクセルプレビューモードについては、イラストレーターのヘルプに詳しく書いてあるのでご参照下さい。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- 防災 【自衛隊のPX品のPXってどういう意味ですか?】 3 2022/07/02 13:12
- HTML・CSS 検索窓とcssハックについて 3 2022/04/22 12:21
- 楽器・演奏 電子キーボードのCASIO Privia PX-S1100 とPrivia PX-S1000のどちら 1 2023/07/31 20:56
- Photoshop(フォトショップ) 無料で画像をPXや比率で切り抜けるソフト 2 2022/05/06 20:49
- プリンタ・スキャナー エプソンの PX 105 プリンター ブラックのみカートリッジ使用する設定 教えてください 1 2023/03/20 17:02
- 物理学 運動量演算子の交換関係について 5 2022/06/14 17:17
- プリンタ・スキャナー プリンター、EPSON PX-049aですが、互換性あるインク入れたら使えなくなりました。プロパティ 5 2022/08/02 20:33
- Bluetooth・テザリング CASIO プリヴィア px-S1100WE のBluetoothの繋ぎ方が全く分かりません。説明書 3 2022/07/15 20:20
- その他(教育・科学・学問) 画用紙 26cm×37.5cmは 何px でしょうか? 何×何ですか? 1 2023/01/09 09:53
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<tbody>は何のためにあるんでし...
-
Dreamweaverでページを中央に表...
-
エクセルでサイズに合ったもの...
-
htmlでテーブル内にテキストボ...
-
CSSのtransform: translate(-50...
-
Excelの列の幅(ピクセル)につい...
-
Excel セルの幅が合わない
-
aタグに直接style=""で:hoverを...
-
エクセルの行の幅がずれる
-
table内で画像と文字をセンター...
-
Excelの列や行の幅を表示...
-
表の中に表
-
指定時間になったら、WEBサイト...
-
エクセル 画面表示拡大率によ...
-
Excel で等間隔で縦線を引きた...
-
インラインフレームの表示位置...
-
FireFoxで見るとブラウザの幅に...
-
window.close()で閉じられない
-
HTMLフォームのSELECTの幅を一...
-
TD、THタグ内の水平罫線(...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<tbody>は何のためにあるんでし...
-
ホームページビルダーで、画面...
-
挿入した文字に枠をつけたい
-
HTMLで枠の角を丸くするのは??
-
ホームページを作るときの段取...
-
エクセルでサイズに合ったもの...
-
htmlでテーブル内にテキストボ...
-
CSSのtransform: translate(-50...
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズ指定でPOP...
-
Excel セルの幅が合わない
-
PDFへてのテキストボックスにて...
-
table内で画像と文字をセンター...
-
Excelの列や行の幅を表示...
-
バーコードのサイズは拡大縮小...
-
ホームページビルダー7で、表...
-
aタグに直接style=""で:hoverを...
-
<h1>タグの後の行間を詰めたい。
-
指定時間になったら、WEBサイト...
-
HTMLフォームのSELECTの幅を一...
おすすめ情報