ロゴは請求書を有効にする要素ではありません。ただし識別しやすくします。取引先は一文を読む前に誰からの請求かが分かり、テンプレートではなく事業者からの書類に見えます。逆に、ぼやけたロゴ、大きすぎるロゴ、色が合っていないロゴは、読者が最初に気づく欠点にもなります。
このガイドでは、使うファイル、きれいに印刷できるサイズ、ページ上の配置、PDF での確認方法を説明します。手順は Simple Invoice を前提にしており、ロゴは事業者プロフィールに一度アップロードするとすべての請求書に表示されます。形式とサイズの考え方は、ほかのツールでも同じです。
適切なファイルを選ぶ
使える形式は 4 つありますが、どれも同じではありません。
- SVG — どのサイズでも鮮明なままのベクターファイルで、たいてい非常に小さいです。手元にあるなら最善の選択です。Simple Invoice は小さなサイズ上限までの SVG を受け付け、画像として描画します。
- PNG — べた塗りの色や透明背景のロゴに適したラスター形式です。印刷時のサイズの少なくとも 2 倍で書き出すと、シャープさが保たれます。
- JPEG — 写真寄りのロゴなら問題ありません。べた塗りのグラフィックでは圧縮のハローが出やすいので避け、透明にもできない点に注意してください。
- WebP — 受け付けられ、注意点は PNG と同じです。デザインツールによっては既定で書き出します。
透明な背景を使う
白い四角の上に乗ったロゴは白い紙では問題ありませんが、ヘッダーに色の付いた帯がある、または請求書の背景色が変わった瞬間に不自然になります。PNG または SVG を透明背景で書き出せば、背後が何色でもロゴが乗ります。ロゴが白または非常に明るい色なら、アクセント帯のあるテンプレート向けに暗い背景用のバリエーションも用意しておきましょう。
どのくらいの大きさにすべきか
思っているより小さくて十分です。A4 または Letter の用紙では、高さが 10〜25 ミリメートルのロゴが、タイトルや合計と競合せずはっきり読めます。横長のロゴはさらに低くできます。Simple Invoice のヘッダーブロックには小・中・大の 3 段階があり、印刷に適した高さに対応し、幅はファイルの縦横比に従います。まずは中から始め、ヘッダーをロゴが支配するようなら小さくしてください。
解像度は寸法と同じくらい重要です。高さが 20 ミリメートルで印刷するラスターロゴは、PDF でぼやけないよう高さが少なくとも数百ピクセル必要です。ベクターロゴにはその上限はありません。
「事業者」セクションでアップロードする
Simple Invoice では、エディターのサイドバーで事業者を開き、ロゴをアップロードします。ファイルを選ぶとプレビューが表示され、現在の書類用としてブラウザーに保存されます。変更するときは同じ場所で別のファイルを選び、外すときは削除の操作を使います。
アップロードが拒否される場合は、エンコード後に大きすぎるか、ベクターが重すぎることがほとんどです。より小さい PNG を書き出すか、SVG を簡略化してやり直してください。
ページ上に配置する
ロゴを持つのはヘッダーブロックです。右側のインスペクターで、ロゴとタイトルを左寄せ、中央寄せ、または左右に分けられます。グレースケールで再現しにくいロゴなら、白黒印刷する取引先向けの書類ではロゴを表示をオフにします。
デザインタブのヘッダースタイルは、ロゴの背景を変えます。余白だけのプレーン、ヘッダー背後をアクセント色で染めるバンド、その上に太い罫線を置くバーです。バンドは透明なロゴと、ロゴから取ったアクセント色との相性が良く、バーは小さなロゴと大きなセリフ体のタイトルに向きます。デザイン請求書テンプレートがその例です。
アクセント色をロゴに合わせる
ロゴのなかでいちばん強い色を選び、アクセントに設定します。表の見出し、強調された合計、ヘッダーのバンドやバーが同じ色合いになり、フォームにロゴを載せただけではない、ひとつのデザインとして読めます。Simple Invoice の色の操作は hex 値を受け付けるので、見本を目測するのではなく、ブランドファイルから正確なコードをコピーしてください。文字色は濃く、背景は白またはほぼ白のままにします。アクセントは強調用であり、本文用ではありません。
PDF を確認する
PDF を書き出し、100 パーセントで開きます。ロゴの輪郭はきれいで、周囲に白い枠がなく、圧縮の跡も見えないはずです。ぼやけて見えるなら、より高いピクセルサイズで元データを書き出すか、SVG に切り替えてください。ヘッダーのバンドやロゴ自身の背景が PDF に無い場合は、ブラウザーの印刷ダイアログで背景のグラフィックがオフになっています。オンにして再度書き出してください。PDF の色は画面上の色そのものです。別の印刷変換はないため、キャンバスで見えているものが取引先に届きます。
質問
請求書にロゴは必須ですか？
いいえ。請求書の有効性はロゴに依存しません。識別とプロフェッショナルな印象のためのものであり、規則が求めるのはテキストとしての事業者名です。
請求書ごとに別のロゴを使えますか？
ロゴは事業者プロフィールに属するので、すべての請求書に同じ 1 つのロゴが適用されます。2 つの屋号で取引する場合は、一方のテンプレートでロゴを非表示にしてヘッダーのタイトルに 2 つ目の名前を入れるか、データを分けた別のブラウザープロフィールで 2 つ目の事業を運用してください。
ロゴはストレージを多く使いますか？
いいえ。ラスターロゴはアップロード時に縮小・再エンコードされます。一般的なロゴが使うのは、ブラウザーのローカルストレージのごく一部です。