初めて自分のホームページに透過GIFを使い、いざアップロードしてみたら表示されていませんでした。他の普通の画像は問題なく表示されています。参考になるかと画像のプロパティを見たところ、使用不可とありました。透過GIFには使用できる環境が決まっているのでしょうか?

参考までに、OSはMEを使用、ブラウザはIE5.5です。

宜しくお願いします。

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

A 回答 (5件)

普通のアップロードが駄目ということはありませんよ。


前回はアップロードした場所が違ったために、
たぶん表示されなかったんでしょう。
オフラインできちんと表示されているのであれば、
そのままのファイル構造でアップロードすればいいわけです。

何で違う場所にアップロードしたのか???
画像はフォルダの中にあるのに、アップロードはHTMLファイルと同じ場所に・・・
なんてことはないですか?
フォルダの中にあるのなら、そのフォルダも作ってあげなくてはいけません。
FFFTPで、左でフォルダを選択して「↑」ボタンを押せば、
フォルダごとアップロードしてくれます。

また、左の画面(PC側)でフォルダを開いたら、
右(サーバー側)のフォルダも開いて・・・。とやっていますか?
何となく、違う場所にアップロードしちゃったんじゃあないかな~
って思いましたので、。

今回の問題は、透過、ミラーリングアップロード、の問題ではなく、
HTMLのファイルの記述と画像ファイルのある場所が一致しているかどうか?
の問題だと思います。
では、頑張ってくださいね。

↓ここからは蛇足です。

これを機会に、パスの記述を覚えては?
※width,height,border="0"は省略

■ファイルと同じ場所に画像
<img src="画像"> 例:<img src="gazou.gif">

■同じ階層のフォルダ(imageとする)の中
<img src="フォルダ名/画像"> 例:<img src="image/gazou.gif">

■1つ上の階層
<img src="../画像"> 例:<img src="../gazou.gif">

■1つ上の階層にあるフォルダ(image2とする)の中
<img src="../フォルダ名/画像"> 例:<img src="../image2/gazou.gif">
    • good
    • 0
この回答へのお礼

仰る通り、HTMLファイルと同じところにアップロードしていたようです。
まだまだ未熟で、アップロードする基本を覚えなくてはいけないようですので、
これを機会に覚えます。
本当に有難うございました。

お礼日時:2001/12/09 09:45

> まだ駄目なのですが、下に書いた方法で間違っていますか?



いや、良いと思いますよ。

では、No3の回答を踏まえてFFFTPでアップロードする前に
「A」「B」「A/B」ボタンがあると思いますが、「B」を選択して
アップロードしてみて下さい。あと「無」のボタンも念のため...
    • good
    • 0
この回答へのお礼

出来ました!仰る通りに「B」にしてから赤と緑のミラーリングアップロードで上手く出来ました。下にも書いていますが、とりあえず更新(これから新しいホームページをアップする時も?)する時はこの方法でやってみます。

有難うございました。

お礼日時:2001/12/08 15:12

こんばんは。


オフラインで、きちんと表示されているのであれば、
アップロードがうまくいっていない。もしくは、
違う場所にアップロードしている。ということです。
透過であるか、ないかは全く関係ないので、
普通の画像と考えましょう。

<img src="○○" width="*" height="*" border="0">
src="○○"の○○の部分のパスは、オフラインとアップロード先、
きちんと同じ場所にアップロードされていますか?
画像をフォルダの中に入れてアップロードしているなら、
そのフォルダの中にアップロードされているか?
確認しましょう。

フォルダ名、ファイル名は半角英数を使ってますよね。
FFFTPを使っているのであれば、「ミラーリングアップロード」
という機能があります。
↑(矢印[赤・緑])が2つのボタン。
を押すと、パソコン上と同じファイル構成でアップロードしてくれます。
全部消して・・・、というのはおすすめできません。。。
    • good
    • 0
この回答へのお礼

出来ました!
ありがとうございました!

ですが、どうして普通の青い矢印だと駄目で、赤と緑のミラーリングだけOKってどういう事なんでしょうか?これからホームページを更新する時はミラーリングの方だけ使用すればよいのでしょうか?問題が解決したのに質問するのも気が引けるのですが、最後にそこのところだけ教えていただけませんでしょうか?
お願いします。

お礼日時:2001/12/08 15:09

GIFファイル名の大文字小文字等は間違っていませんか?


大文字小文字は区別されますので気を付けて下さい。

この回答への補足

有難うございました。
まだ駄目なのですが、下に書いた方法で間違っていますか?
もしアドバイスがありましたらお願いします。

補足日時:2001/12/07 22:31
    • good
    • 0

こんにちは。


透過処理済GIFは
他のGIF、jpegなどの画像ファイルと同様で
環境等は大丈夫ですよ。
リロードしてみたら案外表示されたりします。

もう一度画像ファイルを保存し直してから
アップしてみて確認するのも
よいかもしれません。
画像ファイル自体が壊れちゃっているときがあります。

この回答への補足

もしかしてアップロードの仕方が間違っているのかとも思いますが、やり方は以下のようにしています。

TTTEditorで制作(この時はまだ透過GIFは表示されます)。その後に保存。
FFFTPを立ち上げて、アップロード(追加したいhtmlページとgif画像)
ブラウザを立ち上げて更新ボタンをクリック

以上のような方法をとっています。正直なところ、アップロードには自信がなく、サーバーの方を一度全部削除してからローカル側から全部アップロードしたりと、いろいろと試してはいるのですが・・・

補足日時:2001/12/07 22:24
    • good
    • 0

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

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

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

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

QWebでgif画像が表示されません。

基本的なことだと思いますが、教えてください。
http://www.cgi-down.com/cgi/g_counter.php
上のCGIのカウンターをためしに設置しようとしてみて
画像が×印で表示されてうまくいかず、以下のようにindex.htmlに
<img src="../cgi-bin/image/0.gif">
<img src="127.0.0.1/cgi-bin/image/0.gif">
などと実際にGIF画像を表示させてみようとしたのですがそれでもうまくいきません。
場所は以下のようになっていて
Linux上のファイラー上ではGIF画像は正しく表示されています。
# ls /var/www/html/index.html
/var/www/html/index.html
# ls /var/www/cgi-bin/image/
0.gif 1.gif 2.gif 3.gif 4.gif 5.gif 6.gif 7.gif 8.gif 9.gif Thumbs.db

httpd.confでは
ScriptAlias /cgi-bin/ "/var/www/cgi-bin/"
としておりExecCGIも有効にしています。
よければ教えてください。

基本的なことだと思いますが、教えてください。
http://www.cgi-down.com/cgi/g_counter.php
上のCGIのカウンターをためしに設置しようとしてみて
画像が×印で表示されてうまくいかず、以下のようにindex.htmlに
<img src="../cgi-bin/image/0.gif">
<img src="127.0.0.1/cgi-bin/image/0.gif">
などと実際にGIF画像を表示させてみようとしたのですがそれでもうまくいきません。
場所は以下のようになっていて
Linux上のファイラー上ではGIF画像は正しく表示されています。
# ls /var/www/html/index.htm...続きを読む

Aベストアンサー

よく考えたらScriptAliasディレクティブですよね。

>ScriptAlias /cgi-bin/ "/var/www/cgi-bin/"​

ScriptAliasで指定した/var/www/cgi-binディレクトリ配下にあるファイルはスクリプトファイルだと判断され、画像ファイルも実行しようとしてエラーになるようなので、/var/www/cgi-binディレクトリとは別の場所に画像ファイルを置いてそちらを参照するようにするのはどうでしょうか?

Q透過gif画像の上に文章を重ねるには?

四角形でなく、変形した画像のぎりぎりまでhtmlで文字を入れたいのですが、透過gif加工した画像を使っても、文字が原画の四角形のところで分断されてしまいます。
透過済みのgif画像の透明部分に、htmlで書いた文字を重ねることはできないのでしょうか?
今はその画像の余白部分を拡大して、壁紙にしてhtml文字を重ねているのですが、機種によってかなりのズレが生じてしまい、何とかしたいのですが・・・。
どうか宜しくお願いします。

Aベストアンサー

いろいろな方法で文章を載せることができます。
(1)htmlで枠のない表を作る。
(2)変形した画像を表の背景に貼り付ける。
(3)表に文字を挿入し、スペースや右寄せなどで調整する。
これで自由に文字が入るはずなんだけど。

QGIF画像の著作権

JPEG,BMPはOK

GIFは著作権にうるさいからと良く聞きますが、
どういう使い方をすると著作権にかかわるのでしょうか?


1.GIFを表示したホームページ
2.タイトルにGIFを表示しただけのコンピューターソフト
3.GIF自体を使える(GIF編集)コンピューターソフト

※GIFを使ってどのようなものを
作った辞典で著作権なのでしょうか?

Aベストアンサー

著作権とは、画像などの著作物を作成した人の持つ権利です。

GIFという画像形式は、著作権ではなく特許権(画像を圧縮・表示する技術)で守られていて、会社がその管理を厳重にしていて、その形式のファイルを扱うことができるソフトに関しては、ライセンス料(利用料)を要求しているので、いろいろと煩くなっています。

ライセンス料を支払っているソフトを使って画像を作成したり、表示したりすることは何の問題もありません。

QIEブラウザはpngの透過画像は透過にならないのが仕様でしょうか?

IEブラウザはpngの透過画像は透過にならないのが仕様でしょうか?

IE6でpngの透過画像を表示させると、透過になっていませんでした。
FireFoxやサファリは透過になります。
仕方がないので、画像をgifの透過にしましたが、
このようにブラウザによって、gif, jpeg, pngの仕様は異なりますか?
もうIE6は見捨てたくなります。

Aベストアンサー

透過PNGをサポートしていないってだけ。
ただ、表示させるテクニックもあるので「透過PNG IE6」で検索して下さい。

ウチでは面倒なので、透過する場合はGIFを使います。

確かに、IE6撲滅運動もあるようですが、
まだ、IE6シェアが10%程度は有ると思いますので、
少なくとも、あと3年程度は対応(CSSなど)するつもりですが。

透過以外でも画像の色が違うとか、
制作時のカラープロファイルも考慮しましょう・・・

Q画像形式のGIFについて教えてください。

画像形式のGIFについて教えてください。

GIFには、GIF32、GIF64、GIF128

と言うのがありますが、この中で、一番高画質なのは、どの形式ですが。

あと、イラストレーターで保存する場合、

ディザあり、なし、を選択できますが、

高画質で保存する場合、あり、なし、どちらを選択すればよいのでしょうか。

Aベストアンサー

■GIFには、GIF32、GIF64、GIF128と言うのがありますが、この中で、一番高画質なのは、どの形式ですが。この中で、一番高画質なのは、どの形式ですが。
>>このなかで一番色の多いのが128色です。


■ディザあり、なし、を選択できますが高画質で保存する場合、あり、なし、どちらを選択すればよいのでしょうか。
>>低画質で保存して見難いときは、ディザで新聞写真のようにドット化して保存します。

Qスペーサーの透過GIFの大きさ指定が出来ない

セル内でスペースをとる為に1×1pxの透過GIFを使用しようとしたのですが、
<img src="space.gif" width="15" height="1" alt="">
記述はこれであっていると思うのですが、結果ブラウザに表示されると、15×15の等倍になってしまいます。横のスペースを確保したいので縦を取られるとレイアウトが崩れてしまいます。自分で作った透過GIFだけでなく配布されている同様の透過GIFも使ってみたのですが結果は同じでした。どうしてこうなるのでしょうか?

Aベストアンサー

<img src="space.gif" width="15" height="1" alt="">
ソースにもちゃんと縦横を指定してありますでしょうか?縦だけ、横だけ、になると等倍になったりすることがあるみたいです、私もそうでした。
確認のためにborder="1"と入れて見るとどういう状態なのか判りやすいと思います。

QGIF フラッシュ その他の技術?

ある一つの大きなGIF画像があるとします。
そのGIF画像上には、
「左右どちらかの道に進んでください」と記載されているとします。
さらにその大きなGIF画像上には、小さな「右」「左」というGIF画像がそれぞれ貼り付けてあって、
質問の回答として、「右」をクリックしたときに(あるいは「左」をクリックしたときに)
大きなGIF画像がきりかわる(つまり別のGIF画像が現れる
)。

上記のようなことをしたいのですが、フラッシュを使わないとできないですか?

Aベストアンサー

GIFは設定された時間だけ設定された画面を繰り返して表示する事しかできません。
したがって、クリックしても何の感知もしません。

ただし、htmlでGIF画像をクリックして、新しいページ(html)を表示させる事ができます。
htmlでページが変わっても良ければGIF画像だけでも可能でしょう。

Qカラーの背景に透過GIFを貼り付けると周りが白くなります

タイトルのとおりの状況です。
基本的な質問でスミマセン。ここでつまずいています。
HPのページ背景を赤に指定します。
作成したGIF(例えば、黒の丸●)(透過済み)をそのページに貼り付けると、そのGIFの外側が一回り白くなります。これはどうしてこうなるのでしょうか?使用しているソフト(フォトショップ、イラストレータ、ビルダー)で何とか直りますか?
よろしくお願いします。

Aベストアンサー

GIFは透過フォーマットをサポートしていますが、あくまでON、OFFの
情報しかもつことができません。

一方、PNGはフォーマットとしては256段階の透明化をサポートしていますが、
編集・表示をサポートするソフトがまだ少ない(今後増えるかどうかも謎)

ですので、#1の方がおっしゃるように、PhotoShopを始め、複数色を透明色
にすることはできますが、表示するかしないかしかの2択なので、エッジ部分
が不自然になってしまうのは仕方がないことだと思います。
(また、複数色を選択するのは面倒ですし、エッジでない部分まで透明化
されてしまう可能性があります。)

エッジの不自然さを回避するのには、画像作成時に背景色を使用するページの
背景色、背景画像に近い色で作成すること。
たとえばページの背景が青、で、表示するのが黒丸の画像でしたら、白地に
黒い丸の画像を描いて、白を透明色として透過GIFにすると、黒丸の画像の
周辺部はグレーの部分が残って、不自然。
しかし、画像作成時、青地に黒い丸の画像を描いて、青を透明色として透過
GIFにすると、周辺部はグレーではなくて青みがかったグレーになっている
ので不自然に感じません。
もちろん、ページの配色を変えたら、もう一度画像を作り直す必要があります。
作成時に背景色をレイヤにしておけば簡単、とはいえ、手間がかかることには
違いがありませんが、惜しむことのできない手間です。(もっとも、配色をかえ
たら素材も作り直すのが本当でしょうが)

それか、多少ギザギザになることを覚悟してはじめからエッジ部分はアンチ
エイリアシングしない。

そんなところでしょうか。

GIFは透過フォーマットをサポートしていますが、あくまでON、OFFの
情報しかもつことができません。

一方、PNGはフォーマットとしては256段階の透明化をサポートしていますが、
編集・表示をサポートするソフトがまだ少ない(今後増えるかどうかも謎)

ですので、#1の方がおっしゃるように、PhotoShopを始め、複数色を透明色
にすることはできますが、表示するかしないかしかの2択なので、エッジ部分
が不自然になってしまうのは仕方がないことだと思います。
(また、複数色を選択するのは面倒ですし...続きを読む

QGIF動画とGIF動画を繋げる方法

GIF動画の作成について質問です。
数本作ったGIF動画を繋げて一本の長いGIF動画にしたいと思っています。1秒につき10枚×10数秒程度のものを数本連結するという感じです。
GIF動画同士をつなげて一本にする方法が分からず検索してみると、ムービーメーカーについてやフリーソフトの紹介をいくつか見つけたのですが、それは最終的にはGIF動画という形にはならないようで・・・。
初心者にも簡単に出来る良い方法がありましたら教えてください。よろしく御願いします。

Aベストアンサー

GIFアニメーション作成ソフト 「Giam」がお勧めです。
まず1つ読み込んで、「コマの付け足し」で別のGIFアニメを読み込みます。
これを繰り返して、最後に保存すればOK。
http://homepage3.nifty.com/furumizo/giamd.htm

参考URL:http://homepage3.nifty.com/furumizo/giamd.htm

Q透過処理をしたGIFファイル画像の周りのギザギザ・・・・

いつも助かってます!今回も宜しくお願いいたします。
HPビルダーでHPを作成してます。透過処理をしたGIFファイルを開いて確認するとそれなりに綺麗に見えるのですが、ブラウザで見ると周囲がギザギザになって非常に見苦しいものになってしまいます。
この「ギザギザ」は処理できるとどこかで読んだ記憶があるのですが、どなたかご存知ではないでしょうか。
宜しくお願いいたします。

Aベストアンサー

アンチエリアシングを有効にして保存した場合、
ギザギザを目立たなくさせることができます。
が、透過GIFの場合は透明色に指定した色と背景色を
工夫しないと色が残ることがあります。

参考URL:http://www.geocities.co.jp/SiliconValley/4634/cg_gif.html


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

おすすめ情報