【问题标题】:Different color contrast between same image同一图像之间的不同颜色对比度
【发布时间】:2020-03-30 20:36:58
【问题描述】:

这是原始图像的样子:

下面是如何在网站上展示它:

我的问题是为什么要改变原始图像和网站上显示的图像之间的黑色,我该怎么做才能避免它?

下面是如何在 HTML 上调用图像:

<img id="logo" src="Photo/my-logo.png" alt=""/>

以下是如何在 CSS 上调用图像:

#logo {
    display: block;
    margin: 0;
    position: absolute;
    top: 2%;
    float: left;
    width: 15%;
    left: 0%;
    color:  #101010;
} 

原图有805px x 204px,所以当写width: 100%;它来自Monitor的很多地方...。 我尝试使用 Gimp 缩放图像,来的图像与第二张图像相似...... 使用 Gimp 将图像缩放到 265px x 67px,如何显示它...

how to show the image later the scaling

当给 width: 100%; 时同样的问题..

【问题讨论】:

  • 注意:&lt;img&gt; 标签不使用也不需要结束斜杠,在 HTML 中也从来没有。
  • 谢谢!,我删除它,&lt;img id="logo" src="Photo/my-logo2.png" alt=""&gt;,没什么可改变的......
  • 可能是因为你在调整它的大小,尝试将它设置为100% width,看看颜色是否和原来的一样
  • 非常感谢您的回答!感谢您的回答,我想现在我知道我应该做什么了..因为图像太大,100%,我会用 Gimp 升级它...
  • 我如何表明有些人愚蠢地发现了我的问题,从他们那里很容易,请给我解决方案....

标签: html css image


【解决方案1】:

我找到了解决方案!,..真实性,在其他论坛上,人们对我说...

1.Gimp 中执行 Filters > Generic > Erode ,这会使黑色变厚,

how to show later this step

2. 使用 Gimp 将图像缩放到 265px 67px

3.如何在网站上显示徽标..

how to show on the website

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-07-31
    • 2023-03-16
    • 1970-01-01
    • 1970-01-01
    • 2020-11-05
    • 2021-05-26
    • 1970-01-01
    相关资源
    最近更新 更多