主题
网站出海每日分享：如何制作网站的OG图
公众号: droidHZ 发布时间: 1970-01-01 08:33:46 原文链接: https://mp.weixin.qq.com/s?__biz=MzkzNzYzNzE3Mg==&mid=2247485345&idx=1&sn=0d735fba47fadd17babb874102b56870&chksm=c28d23faf5faaaec83873b9e8a824605067407f6db6a31a7f850131b5ad96389e93854a8df1d#rd
早上好，朋友们！ 今天分享网站的OG图，在大家提交外链，投放Google 广告，社媒分享你网站的时候，可能都会用到OG图。我最开始是直接网站截图，可能有的朋友也和我一样，但是可能这样的OG 并不太利于传播，为了更好的传播效果和吸引用户点击，还是建议大家花一些时间去制作，今天分享3个制作OG图的方式。
一、直接使用Nano Banana 生成
这个是推上看到的提示词，我把logo 和网站截图给 Nano Banana Pro去生成， 测试了一下，这个效果挺好的。
Create a premium open-graph hero image for [BRAND]:A wide horizontal layout (16:9 ratio) designed for social sharing, website headers, and marketing collateral. This is a high-end designer mockup presentation suitable for a branding portfolio or product launch. The focus is on clarity, balance, negative space and visual confidence.LAYOUT STRUCTURE:The composition is split into two clear zones with generous breathing room between them.LEFT ZONE:The [BRAND] logo and brand name are placed in the top-left corner. The logo is sized appropriately for the format, not too large, not too small. It reads clearly but doesn't dominate.Below the logo, a single large headline is set in a clean, modern sans-serif typeface. The headline is short, typically 3-6 words maximum. It is confident, left-aligned, and sits comfortably within the left third of the canvas. The text color is derived from the brand palette.RIGHT ZONE:One floating, rounded rectangular panel suggesting a product interface, dashboard, or app screen. The panel has subtle depth, either through a soft drop shadow or slight elevation effect. The contents of the panel are suggestive rather than detailed, hinting at functionality without clutter.The panel is angled very slightly or presented straight-on depending on what feels most balanced. It floats naturally in the composition, grounded by its shadow but with clear separation from the background.NEGATIVE SPACE:Strong use of negative space throughout. The background is clean and uncluttered. There is clear visual breathing room between the left text block and the right interface panel. Nothing feels cramped or crowded.COLOR & STYLE:Colors are drawn directly from the [BRAND] palette. The background can be a brand color, white, off-white, or a subtle gradient that complements the brand.The overall style is flat or near-flat. No heavy gradients, no glossy effects, no 3D renders. Shadows are subtle and serve only to create gentle depth. Typography is modern, confident, and legible at small sizes.MOOD & FEEL:Clean SaaS homepage hero. Quiet confidence. The image should feel premium, polished and intentional. Every element is placed with purpose. The overall impression is of a company that knows what it's doing.WHAT TO AVOID:No stock photo elements. No people. No complex illustrations. No decorative graphics or patterns. No multiple interface panels. No visual noise. No text other than the headline and brand name. No borders or frames around the image.OUTPUT:A single 16:9 image with no watermarks, no mockup frames, and no external branding. Ready to use as an open-graph image, social header, or presentation slide.二、使用 Google Stitch 去生成
打开官网 stitch.withgoogle.com，右下角选择网址，同时上传网站截图，然后告诉它，帮我生成网站的OG图，宽高比是16:9 即可。 不过生成的一般不是16:9的比例，需要自己去截取一部分。
、OG图生成器
这个是使用的网站 imgsrc_io ，顶部可以选择很多不同的目标，然后上传TAG，Title，logo 网站截图，选择主色。 生成的效果也还可以，比较遗憾的是，它免费版右下角会有网站的水印，需要去氪金或者选择其他方式去掉。
我是赫兹，专注网站出海第310天，持续分享网站出海内容。新朋友可以看看之前的文章合集；想系统学习，也推荐关注哥飞老师，我很多方法是向他学习的，微信搜索 361079 就可以找到他。
