Image size not being considered when rendering HTML pages
rogeriod opened this issue · comments
Whether an image is specified with the inline_image.html or in html, with specific dimensions, or in markdown with no image size, HTML pages always render the image identical (example 1)
{% include inline_image.html file="faro.png" max-width="300" alt="Faro, Portugal" %}
<img src="/images/faro.png" width="200" alt="Faro, Portugal">
![Faro, Portugal](/images/faro.png)
When images have the same width but different heights, HTML pages render images with different widths (example 2).
{% include inline_image.html file="C16_136_1.png" alt="Exercício de Leitura e Ditado" %}
{% include inline_image.html file="C16_136_2.png" alt="Exercício de Leitura e Ditado" %}
Is there a way to override this?
Whether an image is specified with the inline_image.html or in html, with specific dimensions, or in markdown with no image size, HTML pages always render the image identical (example 1)
{% include inline_image.html file="faro.png" max-width="300" alt="Faro, Portugal" %} <img src="/images/faro.png" width="200" alt="Faro, Portugal"> ![Faro, Portugal](/images/faro.png)
When images have the same width but different heights, HTML pages render images with different widths (example 2).
{% include inline_image.html file="C16_136_1.png" alt="Exercício de Leitura e Ditado" %} {% include inline_image.html file="C16_136_2.png" alt="Exercício de Leitura e Ditado" %}
Is there a way to override this?
The customstyles.css has a bunch of repeated .post-content img classes (sorry if I'm using the wrong words) that force the image back to 100% size. I just commented all of these out.