Início / coding / Perguntas / 79544253
Accepted
kamyarmg
Asked: 2025-03-30 14:37:58 +0800 CST

Inconsistência no tamanho da imagem entre GitHub e PyPI em README.md

  • 772

Criei alguns jogos de console simples em Python ( Oyna Project ) e tirei screenshots de cada jogo para mostrá-los no arquivo README.md . Eu queria exibir essas imagens em um formato de tabela no GitHub e no PyPI.

No GitHub, tudo parece bem — as imagens estão bem alinhadas e seus tamanhos são consistentes. Mas quando eu envio esta biblioteca (Oyna) para o PyPI , os tamanhos das imagens parecem desiguais e desbalanceados. O problema é que as imagens em si não são do mesmo tamanho e, no PyPI, algumas imagens parecem muito menores ou maiores do que outras, fazendo com que a tabela pareça bagunçada.

Tentei ajustar o tamanho das imagens usando tags HTML e sintaxe Markdown, mas nada parece funcionar corretamente no PyPI.

Como posso fazer com que as imagens sejam exibidas de forma consistente e uniforme no PyPI, assim como no GitHub, mesmo que seus tamanhos originais sejam diferentes?

Meu código para exibir a tabela:

<table>
   <tr>
      <td><a href="https://github.com/kamyarmg/oyna/tree/main/src/oyna/sudoku/"> Sudoku </a> </br><img src="https://raw.githubusercontent.com/kamyarmg/oyna/refs/heads/main/docs/images/sudoku.png" alt="Sudoku" style="width:250px;"/> </td>
      <td><a href="https://github.com/kamyarmg/oyna/tree/main/src/oyna/twenty_forty_eight_2048/">2048</a> </br><img src="https://raw.githubusercontent.com/kamyarmg/oyna/refs/heads/main/docs/images/2048.png" alt="2048" style="width:250px;"/> </td>
      <td><a href="https://github.com/kamyarmg/oyna/tree/main/src/oyna/matching/">Matching</a> </br><img src="https://raw.githubusercontent.com/kamyarmg/oyna/refs/heads/main/docs/images/matching.png" alt="Matching" style="width:250px;"/> </td>
   </tr>
</table>

Tabela de imagens do Github README.md: Tabela de imagens do Github README.md

Tabela de imagens Pypi:

insira a descrição da imagem aqui

python

1 respostas

  1. Best Answer

    Você pode resolver esse problema redimensionando as imagens por meio do uso do formato de tabela HTML, já que o PyPi suporta HTML em seus arquivos Leia-me. Encontre uma maneira de ajustar a largura e/ou a altura, porém monitore a proporção da imagem e talvez se concentre apenas na largura da imagem, já que a maioria dos navegadores calcula outras dimensões para você evitar distorção da imagem.

    Por exemplo, aqui está uma maneira de usar isso no seu arquivo Leia-me:

    <table>
    <tr>
       <td>
          <img src="my imageA.png" width="180">
       </td>
    </tr>
</table>
    • 2

relate perguntas