Различный цветовой контраст между одним и тем же изображением

Question

Вот как выглядит оригинальное изображение:

А вот как его показать на сайте:

Мой вопрос заключается в том, почему нужно изменить черный цвет между исходным изображением и изображением, показанным на веб-сайте, и что я могу сделать, чтобы этого избежать?

Вот как называется изображение на 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%; это придет много места из Монитора ... Я * попробую с Gimp масштабировать изображение, какое изображение будет похоже на второе изображение ... С Gimp масштабирование изображения до 265px x 67px , как показать это ...

как показать изображение позже, масштабирование

Когда дают ширина: 100%; приходят одинаковыми проблемм ..

Answer 1

Я нашел решение! .. Истина, была на другом форуме, что люди говорили мне ...

1. В Gimp do Filters> Generi c> Erode , это сгущает черный цвет,

как позже показать этот шаг

2 масштабируется с Gimp изображением до 265px * 67px .

3. как это показать lo go на Сайт ..

как показать на сайте