ブログ・note用
アイキャッチ生成
記事の顔となる魅力的な画像をサクッと作成。
プロのブロガーがよく使う「王道デザイン」が1タップで完成します。
背景にする写真をえらぶ
ドラッグ＆ドロップ、またはクリック
JPG / PNG / HEIC / WebP
画像を読み込んでいます...
💡 クリックされるアイキャッチの法則
⚫ 文字は「暗い背景に白抜き」が最強
明るい写真の上に文字を載せると、写真の色に文字が溶け込んでしまい非常に読みにくくなります。写真全体（または中央部分）に黒い半透明のフィルターをかけ、その上に真っ白な太文字を置くのが、プロのデザイナーが使う最も確実な視認性アップのテクニックです。
📐 SNSシェア用の黄金比率「1.91 : 1」
ブログ記事のURLがX(Twitter)やFacebookにシェアされた際に見切れることなく大きく表示されるための標準比率（OGPサイズ）が「1.91 : 1（例：1200×630px）」です。当ツールでは、この面倒な比率計算とトリミングを自動で行います。
📱 スマホ表示を意識した文字数に
現代のWebサイトはほとんどがスマホで閲覧されます。小さなスマホ画面でも一瞬で内容が伝わるよう、アイキャッチに入れる文字は15文字〜20文字程度に絞り、改行を活用して大きく配置するのがおすすめです。
📝 アイキャッチ生成ツールの使い方
背景画像のアップロード
「背景にする写真をえらぶ」エリアをクリック、または画像をドラッグ＆ドロップして読み込みます。風景やオフィス、カフェなどの写真がアイキャッチに映えます。
タイトルの入力とデザイン選択
記事のタイトルを入力します。適宜改行を入れると美しく配置されます。次に、黒フィルターのデザイン（全体・中央帯・上下帯）と出力比率を選択してください。
生成とダウンロード
「アイキャッチ画像を生成する」ボタンを押すと、プレビュー通りの画像が完成します。保存ボタンからデバイスにダウンロードし、記事のOGP画像として設定しましょう。
💡 どんな人におすすめ？
個人ブロガー・note投稿者
「Canvaなどの本格ツールを使うほどではないけれど、見栄えの良いサムネイルが欲しい」という方に最適です。
デザインのセンスに自信がない方
プロが多用する「黒フィルター×白太文字」のスタイルを自動適用するため、誰でも一瞬で「それっぽい」画像が作れます。
SNSで記事を拡散したい方
X（Twitter）などのSNSシェア時に見切れない黄金比率で作成できるため、タイムライン上でのクリック率（CTR）向上が期待できます。
外出先からスマホで更新する方
インストール不要のブラウザツールなので、スマホで撮った写真をその場でアイキャッチにして記事を公開できます。
🔒 プライバシーと安全性
当ツールの最大の特徴は、画像処理のすべてが「あなたのブラウザ内」で完結することです。読み込んだ写真データが当サイトのサーバーへ送信されることは一切ありません。機密性の高い画像や、プライベートな写真も安心して加工・編集いただけます。
❓ よくある質問
Q. 推奨される元画像のサイズはありますか？
横幅1200px以上の高解像度な画像を使用することをおすすめします。それ以下の小さな画像を使用すると、アイキャッチ生成時に文字がぼやけてしまう可能性があります。
Q. フォントの変更や色のカスタマイズはできますか？
現在は「爆速で作成すること」を優先し、最も汎用性の高いフォントと配色を固定で採用しています。今後のアップデートで自由度の高い編集機能も検討中です。
Q. 生成した画像が保存ボタンで保存できません。
iPhoneのSafariや、SNSアプリ内のブラウザ（LINEやX内のブラウザ）ではダウンロード制限がかかる場合があります。その場合は、プレビュー画像を数秒間「長押し」して、メニューから保存してください。
このツールの裏側・仕組み
技術的な仕組みや、安全に処理を行うための工夫などを解説しています。