カウントダウンタイマー

透明な背景のカウントダウンタイマーがなぜぼやけてしまうのか?

透明な背景は、GIFファイル形式では必ずしもうまく機能しない。

透明な背景オプション

Sendtricでは、カウントダウンタイマーの背景を透明に設定することができる。ただし、GIFファイル形式では透明な背景の扱いがあまりうまくいかない。特に小型のタイマーを使用する場合、画質の低下やぼやけが生じることがある。

これはファイル形式の制限によるものであり、当社で対応できる問題ではないが、画質を向上させるためのいくつかの推奨事項がある:

1. 可能であれば、無地の背景を使う

メールを送信する際は、いずれにせよタイマーの背後に背景が表示されるため、タイマーの背景色をメールの背景色と同じにすれば、タイマーの見栄えが格段に良くなる。

あるいは、タイマーを特定の背景グラデーションや画像の中に配置したい場合は、カスタム画像を作成して、それをタイマーの背景としてアップロードすることもできる。こうすれば、タイマーはメールの背景グラデーションや画像の中に自然に溶け込むことになる。

例:メールの背景に合わせてアップロードされたカスタム背景画像

周囲のメールの背景に合わせてアップロードされたカスタム背景画像
メールの背景に合わせて、カスタム背景画像をアップロードした

2. 透明な背景オプションを使用する場合でも、背景色がメールの内容と一致するようにする

透明な背景を使用する場合でも、GIFファイル形式の仕組み上、タイマーを挿入するメールテンプレートのセクションと同じ背景色を選択すると、画質が大幅に向上する。

メールテンプレートのセクションに複数の背景色がある場合は、メインの色を選択する。

3. より大きなサイズのカウントダウンタイマーを使う

どうしても透明な背景を使わなければならない場合は、できるだけ大きなサイズのタイマーを使用することをお勧めする。GIFはサイズが非常に小さいと元々の画質が低下してしまうため、これに透明背景が加わると、タイマーの見た目がぼやけてしまう。

左側の「ビジュアルデザインエディタ」タブでは、より大きなサイズのタイマーを使用することを推奨する。

[ビジュアルデザイン] タブで、より大きなカウントダウンタイマーのサイズが選択された

4. ラベルと数字の輪郭特長を使う

アウトライン機能を使って(数字やラベルと同じ色を使用する場合でも)少し太さを加えることで、小さな文字のぼやけを抑えることができる。

カウントダウンタイマーエディタにおける数字とラベルの輪郭設定

5. 太字や太めのフォントを使う

より大きなサイズのタイマーを使用することに加え、次のような太めのフォントスタイルを使用することもお勧めする。 通常アーカイブ.

当社のすべての有料プランで利用できる「Archivo Regular」などの太めのフォントを使用できる。フォントの調整は、エディタの左側にある「テキストとラベル」トグルで行う。

「テキストとラベル」タブで、太めのフォントとして「Archivo Regular」が選択されている
当社のすべての有料プランで利用できる「Archivo Regular」のような太めのフォントを使用できる。「テキストとラベル」タブでフォントを調整する。

6. 「よりシンプルな」タイマースタイルを使う

タイマースタイルで使用する要素が多いほど、透明な背景を使用する際に、それらの鮮明さが低下する要素が増える。したがって、透明な背景が必要な場合は、デフォルトのものなど、よりシンプルなタイマースタイルのいずれかを使用することをお勧めする。

エディタのスタイルセレクタ(ビジュアルデザイン切り替え)における、デフォルトのカウントダウンタイマースタイル。

スタイルセレクターに表示されるデフォルトのカウントダウンタイマーのスタイル
スタイルセレクター(「ビジュアルデザイン」タブ)におけるデフォルトのカウントダウンタイマースタイル

この記事は役に立ちましたか?