.pngファイルの.ttfファイルを作成する

Question

すべてのウェブサイトには、ロゴ、アイコンなどの.png画像がいくつかあります。

私はそれについて考えています。それはそれらのイメージのフォントを作成しています。つまり、自分のウェブサイトのロゴのベクトルイメージを作成し、それを.ttfまたは.svgファイル（フォント）に変換することができます。フォントはpngよりもはるかに小さいので、色、サイズ、境界などを設定することもできます。

私の考えはどう思いますか？すべてのPNGをフォントに変換するのは良い考えですか？

Answer 1

フォントには画像ごとに単一の色しかなく、ピクセルではなくベクトルから構築されるなどのいくつかの制限があることを考慮してください。おそらくあなたのサイトでこの要件を満たす多くの画像はありません。

Svgはフォントの欠如をサポートしており、pretty good browser supportも持っていますので、あまりにも多くの図形がない場合は使用することをお勧めします（ブラウザはピクセルに変換する必要があります）、実際にはイメージのファイルサイズを縮小します。 実際にベクトルをピクセルデータから正確に推測することは難しいため、pngファイルをsvgファイルに変換することはできません。オリジナルの画像が.ai（Adobe Illustrator）のようなベクター形式であれば、それを使ってsvg画像を取得できます。

サイドローブでさらに帯域幅を減らすことに興味がある場合は、webpを参照して、ピクセルベースの画像を置き換えてください。ブラウザのサポートはそれほど素晴らしいものではありません（Chrome、Opera、Androidのみ）ので、現在使用しているものを代替タイプとして使用する必要があります。それはあなたのウェブサイトにそれを実装するためにもいくつかの努力が必要です。