The Open Graph spec's recommended size. Twitter, LINE, Slack, Facebook — all of them render 1200×630 images inline at the largest size.

A Japanese-first system font stack (Hiragino Sans on macOS / iOS, Yu Gothic on Windows, Noto Sans JP on Android). Output is a rasterized PNG so every viewer sees the same rendering regardless of their OS.

Can I use a custom font?

Phase 1b ships OS-only fonts. Phase 2 will bundle a self-hosted Noto Sans JP woff2 and add font selection.

Can I use a background image?

Phase 1b covers solid + gradient backgrounds only. A photo-background + text-overlay template lands in Phase 2.

Title + subtitle + accent → a shareable 1200×630 OGP in seconds

note OGP Image Generator

Ship a shareable, inline-friendly header for Twitter / LINE / Slack in 30 seconds.

요점

Type a title, get a 1200×630 OGP image for note posts. Two templates, Japanese auto-wrap, OS-native fonts (no font downloads).

핵심 정보

Output size: 1200×630
Format: PNG
Templates: 2 (Minimal / Gradient)
Font: OS-native Japanese stack
Max title: 80 chars
Processing: Runs in your browser

이런 경우에

Spin up note header images in seconds
Optimise the Twitter / LINE inline embed
Batch-generate brand-aligned OGPs

Loading…

사용법

Type your article title and (optional) subtitle
Pick a template (Minimal or Gradient) and an accent color
Click "Generate" — the preview updates
Download and set as your note post's header

자주 묻는 질문

Why 1200×630?: The Open Graph spec's recommended size. Twitter, LINE, Slack, Facebook — all of them render 1200×630 images inline at the largest size.
What font is used?: A Japanese-first system font stack (Hiragino Sans on macOS / iOS, Yu Gothic on Windows, Noto Sans JP on Android). Output is a rasterized PNG so every viewer sees the same rendering regardless of their OS.
Can I use a custom font?: Phase 1b ships OS-only fonts. Phase 2 will bundle a self-hosted Noto Sans JP woff2 and add font selection.
Can I use a background image?: Phase 1b covers solid + gradient backgrounds only. A photo-background + text-overlay template lands in Phase 2.

공유:X LinkedIn Reddit

note OGP Image Generator

요점

핵심 정보

이런 경우에

사용법

자주 묻는 질문

관련 도구

note OGP Image Generator

요점

핵심 정보

이런 경우에

사용법

자주 묻는 질문

관련 도구