canvas - 透明な PNG の代わりに白い背景を持つ JPG

Question

大小を問わず、多くの Web サイトで、または透明なキャンバスではJPGなく真っ白なキャンバスに作成されたロゴが使用されているのはなぜですか? 画像がグラデーション (または白以外の色) の背景に配置されているため、白い正方形の中央に丸いロゴが表示されるのが気になります。GIFPNGdiv

JPG白い四角形の醜さを、任意の色の背景にドロップできるロゴよりも優れていることについて、私が知らない何らかの理由がありますか、それともこれらのWebサイトがそれを適切に行っていないだけですか?

Answer 1

これは主観的なものですが、Web サイトを実装している多くの人 (デザイナーと開発者の両方) が JPG と PNG の違いに慣れていないことがわかりました。彼らはすべてが JPG であることに慣れているので、すべてをその形式にします。

これが発生した場合、各形式の長所と短所を説明しようとします。

• JPG は、連続カラー写真の場合に最適です。
• PNG と GIF は、透過性が必要な場合、つまり何かを背景に統合したい場合に最適です。GIF には「透明かどうか」のみがあり、PNG にはさまざまなレベルの透明度があります (ドロップ シャドウのように)。
• PNG と GIF は、図表や大部分のロゴなど、色の数が限られている場合に最適であり、JPG より小さくすることができます。
• PNG と GIF は、テキストのようにトランジションが難しいものに最適です。JPG は圧縮アーティファクトを与えます。

すべては教育にかかっていると本当に思います。

Answer 2

それは本当にファイルサイズに帰着します。通常、元のイメージの外観を損なうことなく、ファイル サイズが最小になるタイプのイメージを使用します。

画像のサイズ、使用する色の数、詳細のレベル (グラデーションや影など) のすべてが、状況に最適な形式に影響します。同意します。ロゴは通常、PNG でシンプルにする必要があります。通常、複雑な画像は JPG として最小になりますが、色数の少ない単純な画像は PNG として保存するのが最適です。