avatarCasey Botticello

Free AI web copilot to create summaries, insights and extended knowledge, download it at here

2754

Abstract

m Image</h2> <div><h3>Get HTML colors from any image with this simple online tool.</h3></div> <div><p>html-color-codes.info</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/)"></div> </div> </div> </a> </div><figure id="9f65"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*hQlmrj7JwdPIctsxelEn9g.png"><figcaption></figcaption></figure><p id="2860">Now that I know my color code (#FF0000), I can enter this value.</p><figure id="d2ce"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*c2pbik0vde1DflT0UG_4hQ.png"><figcaption></figcaption></figure><p id="4273">After clicking save, I can see that my background now appears to be transparent as the background of my logo is the same as my publication navigation bar:</p><figure id="1a94"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*BOSzQtu01uJJWsKG0x98yQ.png"><figcaption></figcaption></figure><p id="3425">If I hadn’t made the change to the navigation bar color, the logo would look ugly and poorly formatted:</p><figure id="3aab"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*txUKp1fAgYaQOmkuAGn3iA.png"><figcaption>Mismatched Medium publication logo (bad logo)</figcaption></figure><h1 id="c49e">Notes About Medium Publication Logos</h1><ul><li>The Medium publication logo is 72px tall and can have a maximum width of 600px</li><li>Ideally, the image should be fully transparent, so that it displays well.</li><li>The publication logo is fairly prominent on the mobile app, however it renders centered at the top of a publication’s article.</li></ul><p id="3860">— <a href="undefined">Casey Botticello</a></p><figure id="5f44"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*yxZs_V4qKTyOtgwmCpL28g.png"><figcaption></figcaption></figure><p id="59d2"><i>Thanks for reading this article! Leave a comment below if you have any questions. Be sure to sign up for the <a href="https://mediumbloggingguide.substack.com/"><b>Blogging Guide newsletter</b></a>, to get the latest tips, tricks, and news about writing on Medium and to join our Facebook group, <a href="http://bit.ly/Medium-Facebook-Group-Footer-Link"><b>Medium Writing</b></a>, to share your latest Medium posts and connect with other writers.</i></p><div id="0037" class="link-block"> <a href="https://bloggingguide.substack.com"> <div> <div> <h2>Blogging Guide</h2> <div><h3>Learn How to Make Money Writing Online | Medium · Substack · Amazon KDP · Social Media Marketing · SEO · Building a…</h3></div>

Options

      <div><p>bloggingguide.substack.com</p></div>
          </div>
          <div>
            <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*_GNiD_m4LhlhOEEm)"></div>
          </div>
        </div>
      </a>
    </div><h2 id="55cd">If you liked this article, here are some other articles you may enjoy:</h2><div id="5f56" class="link-block">
      <a href="https://readmedium.com/how-to-get-your-article-distributed-by-the-medium-curators-be938442f81e">
        <div>
          <div>
            <h2>How to Get Your Article Distributed by the Medium Curators</h2>
            <div><h3>And is being curated essential to being successful on Medium?</h3></div>
            <div><p>medium.com</p></div>
          </div>
          <div>
            <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/1*CtduEQzSfES9UixrDvCgEQ.png)"></div>
          </div>
        </div>
      </a>
    </div><div id="4430" class="link-block">
      <a href="https://readmedium.com/medium-vs-wordpress-97f9974005d0">
        <div>
          <div>
            <h2>Medium vs. WordPress</h2>
            <div><h3>Should writers use Medium or create their own self hosted blog?</h3></div>
            <div><p>medium.com</p></div>
          </div>
          <div>
            <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/1*ysZaimnLTZIXec3a3aBhfg.png)"></div>
          </div>
        </div>
      </a>
    </div><figure id="0e12"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*WVlPA9DlzNCkryxXqGVxcg.png"><figcaption></figcaption></figure><p id="87fc"><b>Casey Botticello</b> is a partner at Black Edge Consulting. Black Edge Consulting is a strategic communications firm, specializing in online reputation management, digital marketing, and crisis management. Prior to founding Black Edge Consulting, he worked for BGR Group, a bipartisan lobbying and strategic communications firm.</p><p id="c43e">Casey is the founder of the Cryptocurrency Alliance, a Super PAC dedicated to cryptocurrency and blockchain advocacy. He is a graduate of The University of Pennsylvania, where he received his B.A. in Urban Studies.</p><blockquote id="b539"><p><i>You can connect with him on <a href="https://www.linkedin.com/in/caseybotticello/"><b>LinkedIn</b></a>, <a href="https://twitter.com/caseybotticello"><b>Twitter</b></a>, <a href="https://www.facebook.com/groups/mediumwriting"><b>Facebook</b></a>, or by visiting his website, <a href="https://www.bloggingguide.org"><b>Blogging Guide</b></a>.</i></p></blockquote></article></body>

Medium Publications

Medium Publication Logo

How to create and format a Medium publication’s logo

Source: Casey Botticello of Blogging Guide

Medium publications can be customized in many ways. One of the most important details that publication owners and editors should customize is the Medium publication logo.

The Medium publication logo is the image which appears at the top of all your publication’s stories.

For example, in my publication, Blogging Guide, you can see the following image at the top of all the articles contained in my publication:

My publication logo.
My publication logo when viewing any article in my publication.

The Medium publication logo is 72px tall and can have a maximum width of 600px. Medium suggests that you make this logo transparent. And this is indeed a good idea.

One way around creating an actual transparent file is to match the color of your navigation bar to the same color as your logo’s background.

For example, let’s say I had made the same publication logo, but with a red background:

I could customize the navigation background bar to match the image background.

To do this I would go to my publication settings and click on the homepage button:

Next, I would click on the color palette and select the color of my background. If for some reason you don’t know the exact color of your logo you can use this handy tool which identifies the colors (in hex format) of uploaded images:

Now that I know my color code (#FF0000), I can enter this value.

After clicking save, I can see that my background now appears to be transparent as the background of my logo is the same as my publication navigation bar:

If I hadn’t made the change to the navigation bar color, the logo would look ugly and poorly formatted:

Mismatched Medium publication logo (bad logo)

Notes About Medium Publication Logos

  • The Medium publication logo is 72px tall and can have a maximum width of 600px
  • Ideally, the image should be fully transparent, so that it displays well.
  • The publication logo is fairly prominent on the mobile app, however it renders centered at the top of a publication’s article.

— Casey Botticello

Thanks for reading this article! Leave a comment below if you have any questions. Be sure to sign up for the Blogging Guide newsletter, to get the latest tips, tricks, and news about writing on Medium and to join our Facebook group, Medium Writing, to share your latest Medium posts and connect with other writers.

If you liked this article, here are some other articles you may enjoy:

Casey Botticello is a partner at Black Edge Consulting. Black Edge Consulting is a strategic communications firm, specializing in online reputation management, digital marketing, and crisis management. Prior to founding Black Edge Consulting, he worked for BGR Group, a bipartisan lobbying and strategic communications firm.

Casey is the founder of the Cryptocurrency Alliance, a Super PAC dedicated to cryptocurrency and blockchain advocacy. He is a graduate of The University of Pennsylvania, where he received his B.A. in Urban Studies.

You can connect with him on LinkedIn, Twitter, Facebook, or by visiting his website, Blogging Guide.

Medium
Publication
Logo
Design
Writing
Recommended from ReadMedium