---
title: 媒体资源
description: Istio 官方资源，用于数字和印刷的。
weight: 90
icon: istio-blue-logo
---

如果您想展示对 Istio 的支持、集成 Istio 或在页面上添加指向我们的链接，您可借用下面这些资源：

<div class="media-resources">

<table>
  <tbody>
    <tr>
      <td class="logo"><img src="/img/istio-whitelogo-bluebackground-unframed.svg" alt="White logo with 'Istio Blue' background"></td>
      <td class="logo"><img style="background-color: lightgrey" src="/img/istio-whitelogo-nobackground-unframed.svg" alt="White logo with no background"></td>
      <td class="desc">没有内边距的白色 logo，提供 <i>Istio 蓝</i> 背景色和透明背景色两种样式。</td>
    </tr>
    <tr>
      <td class="logo"><img src="/img/istio-whitelogo-bluebackground-framed.svg" alt="White logo with 'Istio Blue' background, square container"></td>
      <td class="logo"><img style="background-color: lightgrey" src="/img/istio-whitelogo-nobackground-framed.svg" alt="White logo with no background, square container"></td>
      <td class="desc">带有内边距的正方形白色 logo，提供 <i>Istio 蓝</i> 背景色和透明背景色两种样式。</td>
    </tr>
    <tr>
      <td class="logo"><img src="/img/istio-bluelogo-whitebackground-unframed.svg" alt="'Istio Blue` logo with white background"></td>
      <td class="logo"><img style="background-color: lightgrey" src="/img/istio-bluelogo-nobackground-unframed.svg" alt="`Istio Blue` logo with no background"></td>
      <td class="desc">没有内边距的 <i>Istio 蓝</i> logo，提供白色背景和透明背景两种可选样式。</td>
    </tr>
    <tr>
      <td class="logo"><img src="/img/istio-bluelogo-whitebackground-framed.svg" alt="'Istio Blue` logo with white background, square container"></td>
      <td class="logo"><img style="background-color: lightgrey" src="/img/istio-bluelogo-nobackground-framed.svg" alt="'Istio Blue` logo with no background, square container"></td>
      <td class="desc">带有内边距的正方形 <i>Istio 蓝</i> logo，提供白色背景和透明背景两种可选样式。</td>
    </tr>
  </tbody>
</table>

以下是有关使用这些图像的一些建议：

<div class="advice">
    <div class="panel">
        <div class="title">
            <div>
                <p>正确</p>
            </div>
        </div>
        <div class="body">
            <ul>
                <li>{{< checkmark_icon >}} 使用 Istio logo 连接到 istio.io</li>
                <li>{{< checkmark_icon >}} 使用 Istio logo 宣传您的产品支持 Istio</li>
                <li>{{< checkmark_icon >}} 在有关 Istio 的博客文章或新闻文章中使用Istio logo</li>
            </ul>
        </div>
    </div>
    <div class="panel">
        <div class="title">
            <div>
                <p>错误</p>
            </div>
        </div>
        <div class="body">
            <ul>
                <li>{{< cancel_icon >}} 使用 Istio logo 作为您的应用程序图标</li>
                <li>{{< cancel_icon >}} 创建 Istio logo 的修改版本</li>
                <li>{{< cancel_icon >}} 集成 Istio logo 到您的 logo 中</li>
                <li>{{< cancel_icon >}} 更改 Istio logo 的颜色或宽高比</li>
            </ul>
        </div>
    </div>
</div>
</div>
