透明な背景のカウントダウンタイマーがなぜぼやけてしまうのか?
透明な背景は、GIFファイル形式では必ずしもうまく機能しない。
透明な背景オプション
Sendtricでは、カウントダウンタイマーの背景を透明に設定することができる。ただし、GIFファイル形式では透明な背景の扱いがあまりうまくいかない。特に小型のタイマーを使用する場合、画質の低下やぼやけが生じることがある。
これはファイル形式の制限によるものであり、当社で対応できる問題ではないが、画質を向上させるためのいくつかの推奨事項がある:
1. 可能であれば、無地の背景を使う
メールを送信する際は、いずれにせよタイマーの背後に背景が表示されるため、タイマーの背景色をメールの背景色と同じにすれば、タイマーの見栄えが格段に良くなる。
あるいは、タイマーを特定の背景グラデーションや画像の中に配置したい場合は、カスタム画像を作成して、それをタイマーの背景としてアップロードすることもできる。こうすれば、タイマーはメールの背景グラデーションや画像の中に自然に溶け込むことになる。
例:メールの背景に合わせてアップロードされたカスタム背景画像

2. 透明な背景オプションを使用する場合でも、背景色がメールの内容と一致するようにする
透明な背景を使用する場合でも、GIFファイル形式の仕組み上、タイマーを挿入するメールテンプレートのセクションと同じ背景色を選択すると、画質が大幅に向上する。
メールテンプレートのセクションに複数の背景色がある場合は、メインの色を選択する。
3. より大きなサイズのカウントダウンタイマーを使う
どうしても透明な背景を使わなければならない場合は、できるだけ大きなサイズのタイマーを使用することをお勧めする。GIFはサイズが非常に小さいと元々の画質が低下してしまうため、これに透明背景が加わると、タイマーの見た目がぼやけてしまう。
左側の「ビジュアルデザインエディタ」タブでは、より大きなサイズのタイマーを使用することを推奨する。
![[ビジュアルデザイン] タブで、より大きなカウントダウンタイマーのサイズが選択された](https://cdn.sanity.io/images/edo37747/production/7b8326026ae1db3c321117ac84b839bb96af1ebb-429x153.png?w=429&auto=format)
4. ラベルと数字の輪郭特長を使う
アウトライン機能を使って(数字やラベルと同じ色を使用する場合でも)少し太さを加えることで、小さな文字のぼやけを抑えることができる。

5. 太字や太めのフォントを使う
より大きなサイズのタイマーを使用することに加え、次のような太めのフォントスタイルを使用することもお勧めする。 通常アーカイブ.
当社のすべての有料プランで利用できる「Archivo Regular」などの太めのフォントを使用できる。フォントの調整は、エディタの左側にある「テキストとラベル」トグルで行う。

6. 「よりシンプルな」タイマースタイルを使う
タイマースタイルで使用する要素が多いほど、透明な背景を使用する際に、それらの鮮明さが低下する要素が増える。したがって、透明な背景が必要な場合は、デフォルトのものなど、よりシンプルなタイマースタイルのいずれかを使用することをお勧めする。
エディタのスタイルセレクタ(ビジュアルデザイン切り替え)における、デフォルトのカウントダウンタイマースタイル。

この記事は役に立ちましたか?
フィードバックありがとうございます!
