# B9 Logo 占位文件说明 这是一个占位Logo文件。请用自己的Logo替换它。 ## 如何添加自己的Logo ### 方法1:使用在线工具 1. 访问 https://www.canva.com/ 2. 创建新设计,选择Logo模板 3. 设计B9公司Logo 4. 下载为PNG格式 5. 重命名为 `logo-main.png` 6. 放入此文件夹 ### 方法2:使用设计软件 1. 使用Adobe Illustrator、Photoshop等 2. 创建300x100px的画布 3. 设计Logo(建议使用黄色主题) 4. 导出为PNG格式 5. 放入此文件夹 ### 方法3:使用占位Logo 如果你暂时没有Logo,可以使用下面的Base64编码创建占位Logo: ```bash # 创建简单的黄色Logo echo 'iVBORw0KGgoAAAANSUhEUgAAASwAAAABkCAYAAAA8AR3NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGISURBVHgB7dixDYAwDETRk/3vzB4gM0QJQkQ5y7J8s2d3AACwzL0DAABYQrAAADKCBQCQESwAgIxgAQBkBAsAICNYAAAZwQIAyAgWAEBGsAAAMoIFAJD5AFi01+t9H5lLAAAAAElFTkSuQmCC' | base64 -d > logo-main.png ``` ## Logo规格要求 - **尺寸**:300x100像素 - **格式**:PNG(支持透明背景) - **颜色**:建议使用黄色主题(#f59e0b) - **风格**:现代、简洁、专业 - **文件大小**:< 50KB ## 网站中的使用 Logo将在以下位置显示: 1. 网站导航栏(所有页面) 2. 浏览器标签页图标(favicon) 3. 打印版本 4. 移动端响应式版本 ## 测试Logo 添加Logo后,请: 1. 打开网站首页(index.html) 2. 检查Logo是否正常显示 3. 测试在不同设备上的显示效果 4. 确保Logo清晰不模糊 ## 支持的文件格式 1. **PNG** - 推荐(支持透明背景) 2. **SVG** - 最佳(矢量,无限缩放) 3. **JPG** - 可用(不支持透明) 4. **GIF** - 不推荐(颜色有限) ## 下一步 1. 设计或获取B9公司Logo 2. 将Logo文件放入此文件夹 3. 更新网站查看效果 4. 创建不同尺寸的版本(图标、favicon等)