Supporter Banner Kit

賛同バナー

ひと袋プロジェクトに賛同いただいた企業・団体の方向けの画像素材です。自社サイト、SNS、店頭、資料など、どこでも自由にお使いいただけます。申請や連絡は不要です。コードをコピーして貼るだけで設置でき、画像のダウンロードやアップロードは必要ありません。

お願いしていること

バナーの色・比率・文字は変更せずにお使いください（サイズの拡大縮小は自由です）
リンク先は https://campersmore.com/hitofukuro/ にしてください
リンクの文字（alt属性）は「ひと袋プロジェクト」としてください。商品名やサービス名などのキーワードは入れないでください
掲載は任意です。取りやめる際のご連絡も不要です

ワイド

記事内・ニュースページ・フッターに。もっとも汎用的なサイズです。

640 × 140

ライト背景 hitofukuro-banner-wide-light.svg

<a href="https://campersmore.com/hitofukuro/">
  <img src="https://campersmore.com/hitofukuro/banner/wide-light.svg"
       alt="ひと袋プロジェクト" width="640" height="140" loading="lazy">
</a>

https://campersmore.com/hitofukuro/banner/wide-light.svg

ダーク背景 hitofukuro-banner-wide-dark.svg

<a href="https://campersmore.com/hitofukuro/">
  <img src="https://campersmore.com/hitofukuro/banner/wide-dark.svg"
       alt="ひと袋プロジェクト" width="640" height="140" loading="lazy">
</a>

https://campersmore.com/hitofukuro/banner/wide-dark.svg

スモール

サイドバーや、フッターの隅に小さく置きたいとき。

320 × 72

ライト背景 hitofukuro-banner-small-light.svg

<a href="https://campersmore.com/hitofukuro/">
  <img src="https://campersmore.com/hitofukuro/banner/small-light.svg"
       alt="ひと袋プロジェクト" width="320" height="72" loading="lazy">
</a>

https://campersmore.com/hitofukuro/banner/small-light.svg

ダーク背景 hitofukuro-banner-small-dark.svg

<a href="https://campersmore.com/hitofukuro/">
  <img src="https://campersmore.com/hitofukuro/banner/small-dark.svg"
       alt="ひと袋プロジェクト" width="320" height="72" loading="lazy">
</a>

https://campersmore.com/hitofukuro/banner/small-dark.svg

スクエア（小）

サイドバーのウィジェット枠に収まるサイズ。

240 × 240

ライト背景 hitofukuro-banner-sidebar-light.svg

<a href="https://campersmore.com/hitofukuro/">
  <img src="https://campersmore.com/hitofukuro/banner/sidebar-light.svg"
       alt="ひと袋プロジェクト" width="240" height="240" loading="lazy">
</a>

ダーク背景 hitofukuro-banner-sidebar-dark.svg

<a href="https://campersmore.com/hitofukuro/">
  <img src="https://campersmore.com/hitofukuro/banner/sidebar-dark.svg"
       alt="ひと袋プロジェクト" width="240" height="240" loading="lazy">
</a>

スクエア（大）

SNS投稿、店頭POP、スライド資料に。印刷にも使えます。

600 × 600

ライト背景 hitofukuro-banner-square-light.svg

<a href="https://campersmore.com/hitofukuro/">
  <img src="https://campersmore.com/hitofukuro/banner/square-light.svg"
       alt="ひと袋プロジェクト" width="600" height="600" loading="lazy">
</a>

https://campersmore.com/hitofukuro/banner/square-light.svg

ダーク背景 hitofukuro-banner-square-dark.svg

<a href="https://campersmore.com/hitofukuro/">
  <img src="https://campersmore.com/hitofukuro/banner/square-dark.svg"
       alt="ひと袋プロジェクト" width="600" height="600" loading="lazy">
</a>

https://campersmore.com/hitofukuro/banner/square-dark.svg

使い方

コピーして貼るだけで設置できます。

各バナーの「HTMLをコピー」を押して、自社サイトの好きな場所に貼り付けてください。 画像のダウンロードもアップロードも必要ありません。 画像は当サイトから配信します。表示速度に影響が出ないよう軽量なSVGで、画像のURLは今後も変わりません。

社内の方針で外部サーバーの画像を読み込めない場合は、「SVG」「PNG」ボタンでファイルを保存し、自社サーバーに置いたうえで src のURLを差し替えてください。 SVGは拡大しても劣化しないため、印刷にもそのまま使えます。

ご不明な点はお問い合わせください。