---
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="带有'Istio Blue'背景的白色标志"></td>
      <td class="logo"><img style="background-color: lightgrey" src="/img/istio-whitelogo-nobackground-unframed.svg" alt="没有背景的白色徽标"></td>
      <td class="desc">最小的白色标志，有和没有 <i>Istio</i> 蓝色背景</td>
    </tr>
    <tr>
      <td class="logo"><img src="/img/istio-whitelogo-bluebackground-framed.svg" alt="白色标志，'Istio Blue'背景，方形容器"></td>
      <td class="logo"><img style="background-color: lightgrey" src="/img/istio-whitelogo-nobackground-framed.svg" alt="没有背景，方形容器的白色标志"></td>
      <td class="desc">方形的白色标志，有和没有 <i>Istio</i> 蓝色背景</td>
    </tr>
    <tr>
      <td class="logo"><img src="/img/istio-bluelogo-whitebackground-unframed.svg" alt="'Istio蓝色`商标有白色背景"></td>
      <td class="logo"><img style="background-color: lightgrey" src="/img/istio-bluelogo-nobackground-unframed.svg" alt="`Istio Blue`标志没有背景"></td>
      <td class="desc"><i>Istio Blue</i> 最小的徽标，有和没有白色背景</td>
    </tr>
    <tr>
      <td class="logo"><img src="/img/istio-bluelogo-whitebackground-framed.svg" alt="`Istio蓝色`商标有白色背景，方形的容器"></td>
      <td class="logo"><img style="background-color: lightgrey" src="/img/istio-bluelogo-nobackground-framed.svg" alt="`Istio Blue`标志没有背景，方形容器"></td>
      <td class="desc"><i>Istio Blue</i> 方形的徽标，有和没有白色背景</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 徽标链接到 istio.io</li>
                <li>{{< checkmark_icon >}} 使用 Istio 徽标宣传您的产品支持 Istio</li>
                <li>{{< checkmark_icon >}} 在博客文章或有关 Istio 的新闻文章中使用 Istio 徽标</li>
            </ul>
        </div>
    </div>
    <div class="panel">
        <div class="title">
            <div>
                <p>不酷</p>
            </div>
        </div>
        <div class="body">
            <ul>
                <li>{{< cancel_icon >}} 使用 Istio 徽标作为应用程序的图标</li>
                <li>{{< cancel_icon >}} 创建 Istio 徽标的修改版本</li>
                <li>{{< cancel_icon >}} 将 Istio 徽标整合到您的徽标中</li>
                <li>{{< cancel_icon >}} 更改 Istio 徽标的颜色或宽高比</li>
            </ul>
        </div>
    </div>
</div>
</div>
