問題点

透明な背景を持つ画像の提供方法。

解決策

画像に埋め込まれているアルファチャンネルは Scene7 Publishing System (SPS) に自動的に保持されます。(最適化中には、画像の統合やそれに類する処理は行われません。)

アップロードするソースイメージに透明な背景があることを確認します。画像をマスクするだけでは十分でありません。サーバーは背景を切り取ることがわからないからです。ベストプラクティスとして、透明な背景を含むレイヤー画像を作成し、アップロードすることをお勧めします。

次に、アルファ透明度をサポートしている形式で Image Server から画像を呼び出します。画像を呼び出すには、「&fmt=png-alpha」を追加します。他のアルファが有効な形式のリストについては、Image Serving のドキュメントを参照してください。http://microsite.omniture.com/t2/help/en_US/s7/is_ir_api/index.html#Scene7_IS_and_IR_API_Home

または、SPS で定義された画像プリセットを使用している場合は、出力形式でアルファ透明度をサポートする形式が選択されていることを確認してください。

Internet Explorer 6 では PNG 画像に対するアルファ透明度がサポートされていません。代わりに、不透明な背景が青色で表示されます。

Internet Explorer 7 以降と Firefox では PNG アルファ透明度をサポートしています。

ほとんどのブラウザーでは、TIFF-Alpha 画像のネイティブサポートは提供されません。そのため、イメージは、ユーザーのコンピューターで適切なプレーヤープラグイン(QuickTime Player など)が使用できる場合にのみロードされます。したがって、Tiff-alpha は推奨されません。

また、この Flash による透過方法の使用も検討してください。

http://www.brainfuel.tv/how-to-use-transparent-png-files-on-your-web-site-and-still-load-fast

最後に、GIF を使用することもできます。ただし、GIF ファイルは完全な 8bit 透明度をサポートしていないので、機能に制限があります。透明に対応する単一のカラーテーブルエントリをサポートします。256色の制限のため、透明な端に沿った部分の外観の質が低下します。これらの理由により、PNG や GIF はほとんど使用されず、かわりに Web ページの背景と同じ色の上に重ねて画像を合成します。 

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー