- 締切済み
ブラウザで開くと表示内容が変わるPNGファイルの作成
先日とある画像掲示板で見たものなのですが、 ・PNG画像 ・サムネイルは普通の絵(自作イラストでした) ・クリックして開くとサムネイルとは全然違う画像が表示される というトリック絵がありました。 こういったファイルは、どうやって作成するものなのでしょうか? もう少し具体的に挙げると ・サムネイル絵の内容はキャラクターの素立ち構図で背景はナシ (真っ白の場合と色つき無地の場合あり) ・展開すると、キャラクター部分が黒一色になり背景部分に違う絵 が表示される ・サムネイルで表示されていなかった絵は、キャラクターの絵(黒い 部分)とは重なっていない ・サムネイルで表示されていなかった絵はカラーだが、ドット絵のような 粒子の粗い画像(ポツポツと黒点が確認できる) ・該当PNGファイルをフォトショップ上で開くと、サムネイル通りの絵 が表示される(アルファチャンネルやパス、レイヤーなどには異常なし) ・上記の場合、逆に隠し絵部分が一切表示されなくなる という特徴も見られます。 色々検索し、アルファチャンネルPNGの応用なのかとも思いましたが、どうやら違うようでした。 こういった画像は何か特殊な作成法或いは専用のツールが必要なのでしょうか? ご存知の方おられましたら、是非ご教示ください。
- karesski
- お礼率0% (0/2)
- その他(インターネット・Webサービス)
- 回答数2
- ありがとう数2
- みんなの回答 (2)
- 専門家の回答
みんなの回答
もう遅いかも知れないですが…。 jpegではExif情報としてサムネイル画像が画像ファイル内に保存されたりするようです。 PNGでも同様にExif情報としてサムネイルが保存されており、そのサムネイル部分を他の画像に差し替えたのではないでしょうか。 jpegでのサムネイルの差し替えについて参考URLに上げておきます。
- SortaNerd
- ベストアンサー率43% (1185/2748)
不思議な画像ですね。実物が見られないのが悔やまれます。 多分これはガンマ値の応用です。 ガンマ値というのはpngに埋め込まれた情報の一つで、要するに明るさの設定です。 用意する画像は、背景画像を肉眼で見えないようにほとんど真っ白に、キャラクターを普通の色で描いたものです。 これのガンマ値をいじって、異常に暗く表示するように設定します。 すると、キャラクターは暗くなってほぼ真っ黒になります。 一方背景は暗くなって見えるようになります。ただし元々ほとんど真っ白に描かれていたので階調が少なく、粒子が荒く見えます。 そしてポイントは、ガンマ値は表示にのみ反映するということです。 IEはガンマ値に対応しているので異常な埋め込みガンマを反映して表示しますが、Photoshopでは恐らく編集時にはガンマを無視して本来の画像を編集させるようにしているのでしょう。 そしてその画像掲示板でサムネイルを作成したプログラムは、保存するときに埋め込まれたガンマ値を破棄してしまうのでしょう。 とりあえずPhotoshopで次を試してみてください。 ・画像にトーンカーブをかけて暗くする ・サムネイルの方の画像を保存し、トーンカーブをかけて明るくする
関連するQ&A
- png形式の背景透明化について。
png画像で背景を透明化したいのですが、上手くいきません。 利用ソフトはFireworksMX2004を使っています。 新規作成で背景を透明にして保存すると、 Firefoxではちゃんと背景が透明化されて表示されるのですが、 IE6だと上手くいかず、透明部分が薄ーい水色で表示されます。 画像の最適化など自分なりにいじってみたのですが無理だったので質問いたします。 多分、アルファチャンネルだとか書き出しだとかを理解してないからだと思うのですが・・・。 実際にIE6で背景を透明化させて表示しているサイトを見ているので、ブラウザのせいではないと思うのです。
- ベストアンサー
- その他(ソフトウェア)
- ぼかした画像をPNGで保存する場合。
影をつけたイメージをFireworksでPNG8、透明化アルファチャンネルで書き出しました。 影というのはふちがぼかしてあるのですが、サムネイルで見る限りではきちんと影のぼかし部分も表示されてるのですが、ブラウザ(I.E.6)で開くとぼかしがうまく表示されません。 pngファイル、Fireworksの初心者なので、保存方法や、PNGファイルの特性等まだよくわかっていません。 ぼかしをうまく表示させる為にはなにか違うやり方が必要なのでしょうか? ちなみに同じファイルをGIF、透明化アルファチャンネルで書き出した場合はきちんとぼかしも表示されました。 OS: Windows Me 使用アプリ: Fireworks 4,Internet Explorer 6 よろしくお願い致します。
- ベストアンサー
- その他(インターネット・Webサービス)
- iPhone開発にて 透過PNGを表示させたいです。
お世話になります。 iphoneの開発にて行き詰まってしまいましたので 質問させていただきます。 画面にPNGイメージを描画させたいのですが 背景色は透明にして表示させたいのです。 PNG自体にアルファチャンネルで背景を出さないものを作り 下記*)の用なコードを作成し実行したところ iphoneシミュレータではきちんと透過されていたのですが 実機で試したところ背景色黒塗りになってしまいました。 表示されるようにするにはどうしたらよいのでしょうか? 以上よろしくお願いします。 *)イメージの描画部分 UIImage* _image;//イメージ _image=[[UIImage imageNamed:@"test.png"] retain]; [_image drawAtPoint:(CGPointMake(1,1))];
- ベストアンサー
- その他(プログラミング・開発)
- pngファイルがひらけない
友人から送ってもらったpng形式の画像を、背景にしたいのですが、 メール(outlook)上ではちゃんと画像が見れるのに、一度保存するとファイルが開けませんと出ます。 なので、背景にも設定できません。 XPです。 これが開けるフリーソフトはありませんでしょうか? それから、このままでも背景には出来るのでしょうか? 背景に設定する方法を教えてください。
- ベストアンサー
- その他(ソフトウェア)
- CS6でのPNG形式の透過画像の作成編集について
CS6のフォトショップとイラストレーターを使用してPNG形式の透過画像を作りたいのですが、スムーズに作成、編集する方法を教えてもらえると嬉しいです。 フォトショップ上で加工、編集している場合は背景がチェッカーフラッグのようなブロック状になっていて、透過としてPNGで保存でき、そのファイルは透過PNGとして使えます。 しかし、同じファイルをイラストレーターで開いて、編集、保存すると背景が真っ黒になってしまいます。保存時には「透明部分」にチェックを入れて保存しているのですが、うまく行きません。 合成のときに使いたいフリー素材がAI形式なので一旦イラストレーターを使う必要があります。 気になったのは、はじめからイラストレーターで作ったファイルは透過保存できる点です。 編集時の背景も異なっていて、イラストレーターで作っているファイルは背景は白、保存時は背景がブロックパターンになっています。フォトショップで作った透過PNGを開くと編集時から背景が真っ黒で、保存時も同じく黒です。 色の形式、CMYK、RGB、インデックスカラーなどの違いが影響しているのでしょうか? (それぞれの使い分けはよくわかりませんが、合成するときに合成不可だった場合、モードを変えると合成できたりするので、その際に触るくらいです) イラストレーターで絵を描くのは苦手なので、フォトショップのドット絵的な感じで絵を描いて、AI形式のフリー素材を合成して、透過PNGとして仕上げたいのですが、どのようにしたら上手く行きますでしょうか? よろしくお願いします。
- ベストアンサー
- Illustrator(イラストレーター)
- PNGファイルの表示
ホームページを作っている者です。 PNGファイルに直接リンクした場合、マックのブラウザから ダウンロードは出来ても表示することが出来ません。 しかもPNGファイルを一切いじらずに表示させたいのですが? パソコン上の設定で済むのか、リンクの仕方で解決するのか、 その方法を教えてください。 ちなみに、HTML上にPNGファイルを置いた場合は表示すると思います。 この質問の意味がわかりにくかったらごめんなさい。
- ベストアンサー
- Mac
- png絵を表示するため
サイトを検索して http://www.tele.ucl.ac.be/PEOPLE/UMEDA/mingw/gui/013.html にpngを表示するサンプルソースをみつけ コンパイルして実行してみたところ ちゃんと絵がでるpngファイルと壊れた絵しかでないpngファイルがありました。 なぜでしょう? pngを表示するソースを提示しているサイトが有れば教えてください。
- ベストアンサー
- C・C++・C#
- 名刺作成で画像pngの透過が反映されません
オンラインサービスvistaprintにて名刺をつくる為に、 photoshop touch iPadにてある画像の背景を透明化し、 pngにてカメラロールに保存しました。 (カメラロール内では背景は黒く表示されています。) そのpngファイルをvistaprint内の名刺作成画面にて アップロード(画像を挿入)したところ背景は白く出てしまい 透過されていませんでした。 当方PC版、photoshop等は予算等もあり 持ち合わせておりませんのでiPadにてこのような作業をしております。 Vistaprintの名刺テンプレートは背景色がある為、 画像の背景が出てしまい困っております。 どのようにしたら背景が透明にできるかご教授願います。
- ベストアンサー
- その他(インターネット・Webサービス)
- 動画作成にあたっての画像ファイルについて
現在手書き動画を作成中で半分ほど動画用の画像が描き終わり、試しに動画編集ソフトで動かしてみようと使いやすそうな物を探していたのですが、 いろいろな動画ソフトのページを回ってみたところ、どこも背景とセルが別々に存在する画像ファイル(PSD)などで動画の作業を進めています。 もしかしてjpgやgif、pngといった背景とセルが結合された画像ファイルでは動画の作成ができないのでしょうか? もう結構な枚数の絵を描いてしまったのでもしかしたらこの努力が無駄になるのではないかと心配で仕方ありません。 動画作成に関しては本当に初心者なので、質問の中におかしな部分もあるかもしれませんがどうかご理解ください。 お力を貸していただければうれしく思います。
- ベストアンサー
- 画像・動画・音楽編集
- dreamweaverのpng画像がブラウザで表示されない
質問させていただきます。 dreamweaverCS3でサイトを作成しましたが、png画像の部分がどのブラウザで確認しても表示されません。 CS3上では表示されているのですが、原因が特定できず、困っています。サイトURLは以下のとおりです。 http://top10maker.web.fc2.com/
- 締切済み
- その他([技術者向] コンピューター)