何度もこの界隈のネタ書いてて、普通の釣り人の皆さんには全く関係なくて恐縮ですが(*´ω｀*)　またしても釣り具メーカーさんへのWEB改善お願いシリーズです。

カラーチャートの黒背景問題解決案

ルアーフィッシング系メーカーは企業イメージとして「黒」を使っているところが多いです。なのでメーカーHPも必然的に黒背景になりがちで、当然カラーチャートの拡大図も黒背景になってます。

例外としてDEPSさんとかジークラックさんなど、HP全体は黒背景だけど拡大画像は白背景っていう素敵なメーカーさんも存在します。一方で「うちは黒がイメージカラーなので白背景は難しい」っていうメーカーさんもあります。

本日も某メーカーの営業さんが来店されたので、この件を伝えたら「うちは黒イメージなので難しいです」って言われたそう。

そこで今回ご紹介するのが「背景透明PNGファイル」のお話です。メーカー社員の皆様におかれましては「なんのこっちゃ？」って感じでしょうけど、一応ここにあげる方法が簡単にできることを知ってほしいので書いてみます。

長い間、写真のファイル形式といえばJPEGファイルが主流でした。今でもほとんどはJPEGです。でも、近年はPNG（ピング）ファイルというファイル形式が使われています。

JPEGでは不可能だけどPNGでは可能なことの一つに「背景を透明にして保存できる」ことがあります。

PNG32というファイル形式なら商品以外の背景を透明にした状態で保存可能です。

この状態で保存さえしてれば、あとは背景はHTML・CSS（というホームページを作る言語）で何色にも着色可能です。

ダイワHPからDLした以下の写真は背景が透明なPNGファイルです。

このブログは背景が白なので上のジリオンの周りは白です。

でも、以下のように背景が赤の部分をHTMLとCSSで作って、その中に上と同じジリオンの画像を表示させてみます。

←ブロックの終わり

同じように背景が青の部分をHTMLとCSSで作ってみます。

←ブロックの終わり

そして黒

←ブロックの終わり

なんならグラーデーションも可能

←ブロックの終わり

っていう感じで商品画像を背景透明PNGにすれば背景はHTML・CSS側で如何ようにも指定できるわけです。背景色の指定なんて僅か数秒で可能なので、ホームページ業者さんへ見積もり依頼してウン万円とかはない筈です・・・たぶん・・・

紙媒体広告を出稿してるメーカーさんなら、背景が透明な商品写真は必ず持っているハズです。それをWEB用にわざわざ黒背景で塗っているのが現状なんですよねー。そして小売店がその黒い部分を苦労して白くしてる(´・ω・｀)

そんな無駄を無くすためにも「黒背景じゃないとダメ」っていうメーカーさんはぜひとも透明背景PNGファイル導入を検討していただきたいです。

なおdivだの何だの謎の暗号が多いと思いますが、WEB屋なら一発で理解できるので問題ありません(-ω☆)