OGP Image Maker
Create OGP images (1200×630) for blogs, Qiita, Zenn, and indie projects just by entering a title and colors, right in your browser. Supports logo placement and requires no upload.
Preview
Checks that make image editing safer
1Before editing
- Keep the original image and edit a copy when possible.
- Check the final size requirements for social posts, blogs, forms, or documents.
- For images with text or logos, make sure cropping and resizing will keep them readable.
2After editing
- Preview the result on both mobile and desktop if it will be published online.
- If the file is still large, use image compression before publishing or sharing.
- Compare visual edits such as watermarking or grayscale with the original to confirm the result fits the goal.
Common next steps
What is the OGP Image Maker?
An OGP image is the thumbnail shown when a URL is shared on social media. Without a dedicated design tool, this maker lets you generate a 1200×630 OGP image instantly by entering a title, subtitle, background color, and logo. It includes color theme presets, adjustable text and accent colors, and optional logo placement. Everything is rendered in your browser, so your text and images are never sent to a server. It is great for blogs, Qiita, Zenn, and indie project landing pages.
Where OGP Image Maker fits best
OGP Image Maker is part of the image-preparation stage. It is most useful when you need to adjust how an image looks or behaves before publishing, sharing, or continuing with another step.
These small edits matter more than they look. A quick cleanup step often makes the final file much easier to use.
Helpful reminders
- Check whether the destination has dimension or file-size limits before you start.
- If you plan more than one edit, visual cleanup usually comes before compression or format conversion.
- Keep the original image untouched so you can reuse it later.
How this tool fits the workflow
How to Use
- 1Enter a title and subtitle
- 2Pick a color theme or adjust background, text, and accent colors
- 3Add a logo image if you want one
- 4Check the result in the preview
- 5Download it as a PNG image
FAQ
Is my input uploaded to a server?
No. Both the text and the logo image are processed and rendered entirely in your browser, so nothing is sent to an external server.
Can I change the output size?
Yes. You can choose the standard OGP 1200×630, X/Twitter 1200×675, or a square 1080×1080.
Does it support Japanese titles?
Yes. Titles and subtitles with Japanese text are supported and wrap automatically when long.
Can I use a transparent PNG logo?
Yes. Transparent PNG logos are placed as-is and blend naturally over the background color.
Related tools for the next step
Need help choosing the right workflow?
The guide section covers format differences, compression tips, and common PDF workflows.