PhotoShop7で画像をスライスで区切って、画像とHTMLファイルに書き出す方法をやってみました。
規則的な区切り方なら問題ないのですが、複雑な区切り方にすると、あちこちに1ピクセルのセルが出来て中にスペーサーGIFが入ります。
これはほおっておいたらやはり駄目なのでしょうか?
一応自分はプロのWebクリエイターを目指しているのでこのような無駄は極力なくすべきなのでしょうか?
色々やってみたのですがどうもそのセルをなくすと全体のレイアウトが崩れてしまいます。
みなさんはどうされていますか?

このQ&Aに関連する最新のQ&A

A 回答 (3件)

複雑とかそういうことではなくて、スライスの間に隙間があるのでは?


あまり拡大せずに見るときちんとスライスがくっついているように見えますが、拡大して見ると、スライス間に隙間ができていることがあります。
拡大してびしっと隙間がないように区切る必要があります。
もしくはスライス選択ツールで選択してダブルクリックすると、そのスライスの縦横のピクセル数がわかるので、それできちんと数値を決めてやればよいです。

もし隙間がないとしたら、スライスの区切り方を考えるべきです。縦横なるべく碁盤目状に、変な区切り方をしないこと。
あとあとめんどくさくなるので。
    • good
    • 0

1ピクセルにすることによって


自動的に画面を軽くしてるのでは?

それともスライスの仕方が悪くて隙間ができたのかな?

私はわざと1ピクセルでファイルを作って
軽くすることがあります。(^_^)
    • good
    • 0

こんにちわ。


私はPhotoshopのスライスは普段使いませんが
1ピクセルのスペーサーはレイアウトが崩れないように
意図的に入れているものだと思います。
無駄といえば無駄ですから、テーブルを工夫するなどして
レイアウトが崩れないようにコーディングし直せるのであれば、
削った方がいいと思います。
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

QIllustratorのスライス

度忘れをしてしまいました(汗)
Illustrator10をWindowsで使用しています

スライス機能でガイド線にピッタリ合わせてスライスする方法があったと思うのですが、ご存知ではありませんか?

スライスしたいコマをドラッグで選ぶ時なのですが・・・
何かのキーと合わせてドラッグをするとガイド線にピッタリくっついた記憶があります

よろしくお願いします(*_ _)人

Aベストアンサー

こんにちは!

>何かのキーと合わせてドラッグをするとガイド線にピッタリくっついた記憶があります

わたしは知りません・・パス

>スライス機能でガイド線にピッタリ合わせてスライスする方法があったと思うのですが、

【オブジェクト】→【スライス】→【ガイドから作成】で出来ます。

Qゲームクリエイター

僕は中学2年生の男子です。将来カプコンでゲームを作ってみたい
と考えています。
そこで、質問なんですが中学2年生からクリエイターを
目指すのって無謀でしょうか。
今、C言語を勉強していてポインタも理解する
ことができたのですが、グラフィックなどは
手付かずでまだ何もやっていません。
これからもがんばって勉強していけばC言語でゲームを
つくることができるでしょうか。

Aベストアンサー

中学2年で将来の目標が決まっているなんて素晴らしい!
全然無謀ではありませんよ。
私の友達でゲームクリエーターやってるひとがいますが、彼は20歳から初めてクリエーターになりました。カプコンほど有名な会社ではありませんがそこそこ有名なソフトの開発に携わっています。
目標に向かって努力すれば必ず成功します
もしかしたら10年後くらいにたまたまやったゲームは君が作ったゲームかもしれませんね(^^)

頑張ってください!

QFireWorksでのスライス→画像保存

winXPでFireworksMXを使用しています。
画像をスライスして保存しようとしているのですが、
スライス画像が保存できません。
穂孫のウィザードは表示され、上書き保存のメッセージ等も表示されて、今まで保存できていたときと同じ状態なのですが、いざその画像を使おうと思い、保存先のフォルダを見てみると、先ほど保存したつもりの画像がないんです。
何が原因なのかわからず困っております。

ちなみに以前もこのような状態になり、そのときは1枚のpngファイルが重かったので、レイヤーを他のファイルに分けて保存したら、保存できました。
今回もそれかな?と思い、やってみたのですが、今回はそれもダメでした。

的外れなことだったのかもしれませんが、何か他に方法があればご教授くださいませ。

Aベストアンサー

私はMacなので違う部分があるかも知れませんが・・・

FireWorksでスライスした画像は、自動で名前が付いた何枚もの画像になって保存されます。一般的には、バラバラの画像を元画像と同じ状態にWebファイルに持ってくるのは難しいことなので、スライスした画像を画像だけ保存とはしません。
ファイル → 書き出し → スライスオブジェクトを保存
にして、同時に
HTML設定 → DreamWeaver も設定して書き出します。

そうすると、1個のHTML書類と数個のjpg(gif)画像が書き出されます。
書き出されたHTML書類をDreamWeaverで開いてみると、元画像とまったく同じく表示されるように、テーブルの中に組まれた画像が表示できると思います。あとはテーブルの前後に「ここからここまでコピーする」みたいなコメント文が付いていますから、その通りコピーして、別にご自身でデザインしているWebファイルの配置したい場所にペーストすればOKです。

Yheeiさんがこの方法をすでに分かっていて、単に画像が保存できていないということであれば、画像の書き出し段階でディレクトリーを指定できるようになっていますから、思わぬ場所に書き出されているのかも知れません。
例えば、ルートのディレクトリーにあるindex.htmlのデザインをしていて、画像関係は/imagesのディレクトリにまとめて入れている場合など、ディレクトリを指定してスライス画像を書き出さないとルートディレクトリにたくさんの画像が入ってしまって収拾付かなくなってしまいます。

あとでじっくり読んでみたら、書き出しのことではなく保存と書いているので、まったく見当違いの事を書いたような気もします。その場合はすみません。

私はMacなので違う部分があるかも知れませんが・・・

FireWorksでスライスした画像は、自動で名前が付いた何枚もの画像になって保存されます。一般的には、バラバラの画像を元画像と同じ状態にWebファイルに持ってくるのは難しいことなので、スライスした画像を画像だけ保存とはしません。
ファイル → 書き出し → スライスオブジェクトを保存
にして、同時に
HTML設定 → DreamWeaver も設定して書き出します。

そうすると、1個のHTML書類と数個のjpg(gif)画像が書き出されます。
書き出されたHTM...続きを読む

QA4のピクセル数

フォトショ上で絵を描く場合A4と同比のピクセル(サイズ)は、いくつでしょうか?

A4・B4の用紙に100%で印刷した場合綺麗に収まる
サイズを教えて下さい。

過去に同じ様な内容の書き込みががありましたが、どのレスが数字的にあってるか分かりませんし、いまいち理解出来ないのでお伺いします。

Aベストアンサー

下記のサイトを閲覧して下さい。

参考URL:http://www.geocities.co.jp/SiliconValley/3443/pixel.html

Qピクセルエディター写真ぼかし

お手軽に画像加工出来るソフトはないか、と言う質問をここでさせて頂いた際、ピクセルエディターと言うツールを教えて頂き、試しに使っています。
バイク旅した時の写真で、オリジナルフォトブックを作成したく、一部の写真を加工するためです。

そこでご教授願いたい事があります。
添付した画像の様に、バイクと人物のみ奇麗にぼかしをしたいと思っています。

投げ縄ツールでぼかしたい所を囲い込み、その後フィルターツールからボックスぼかしで好みのぼかし具合にしてみました。
意図するぼかしは出来ました。

しかし難点は、投げ縄ツールはマウスでフリーハンドで行っていまして、ぼかしたい所だけを奇麗にうまく囲い込めないばかりか、神経使うので手は汗ばむし、囲い込みを完了するだけでも少々時間がかかります。
フリーハンドゆえ、手元が狂うと一からやり直しです。

添付画像のように奇麗にぼかす事ってこのやり方しかないのでしょうか?
もっと簡単に出来る方法はあるのでしょうか?

ある程度の手間暇がかかるのは仕方がないとしても、加工枚数が多いとげんなりしてしまいそうで・・・。

お手軽に画像加工出来るソフトはないか、と言う質問をここでさせて頂いた際、ピクセルエディターと言うツールを教えて頂き、試しに使っています。
バイク旅した時の写真で、オリジナルフォトブックを作成したく、一部の写真を加工するためです。

そこでご教授願いたい事があります。
添付した画像の様に、バイクと人物のみ奇麗にぼかしをしたいと思っています。

投げ縄ツールでぼかしたい所を囲い込み、その後フィルターツールからボックスぼかしで好みのぼかし具合にしてみました。
意図するぼかしは出...続きを読む

Aベストアンサー

[投げ縄ツール]だと、質問画像のようなものは難しいのでは?

Pixlr Editorだとレイヤーが使えるのですから、それを使う方法も検討しては。
http://t1200.jp/blog/pixlr-editor/947.html
重複レイヤーで同じ画像をレイヤーにして、不要な部分を消してからぼかし、 
結合する方法で可能だと思います。


それ以外に、新しいレイヤーを追加して(たぶん透明レイヤーが追加される)、
ブラシでぼかしたい範囲を塗りつぶします(レイヤー1での作業)。

不透明部分を、[編集]から[ Select Pixels ]を指定すると、塗りつぶした範囲が
選択されますので、レイヤーで背景を選択しなおします。

[レイヤー1]のチェックをはずすと、背景のみの表示になりますので、[ぼかし]を
適用すれば、選択範囲のみがぼかされます。
※添付画像参照


レイヤーでの不要部分の消去や塗りつぶしなどは、やり直しが簡単にできます
から、修正作業にて手が汗ばむこともないですし、一からの修正ではないので
楽だと思います。
このような作業は、レイヤーが使える画像編集ソフトならできる方法です。
指定しているもの以外でも多くのソフトでできるのですから、試してみてね。

[投げ縄ツール]だと、質問画像のようなものは難しいのでは?

Pixlr Editorだとレイヤーが使えるのですから、それを使う方法も検討しては。
http://t1200.jp/blog/pixlr-editor/947.html
重複レイヤーで同じ画像をレイヤーにして、不要な部分を消してからぼかし、 
結合する方法で可能だと思います。


それ以外に、新しいレイヤーを追加して(たぶん透明レイヤーが追加される)、
ブラシでぼかしたい範囲を塗りつぶします(レイヤー1での作業)。

不透明部分を、[編集]から[ Select Pixels ]を指定すると、塗り...続きを読む


人気Q&Aランキング

おすすめ情報