Question

Делаю иконку профиля например, или категории, одним цветом с фоном, на котором она изображается на сайте. Но когда заливаю на сервер, на сайте видна огромная разница в цветах. В чем дело? На скриншоте не так видно, но если зайти на сайт - это ппц

Comments

наведите примеры оригинала и загруженного фото

---

Yuri_Geruk,

Слева со скриншота, справа - оригинал.

На сайте в стилях цвет фона у "Смотреть все новости" стоит тот же самый цвет, что и у картинки

---

Yuri_Geruk,

И почему-то с телефона  разницы в цвете нет, а с компа - совершенно разные цвета, причем на скриншоте разница небольшая, а на самом сайте огромная

Answer 1

Так у вас в шаблоне это даже не изображение а заливка цветом, вот в стиля строка номер 1342:

.wln a {
 display:block;
 width:350px;
 padding-right:45px;
 text-align:center;
 line-height:45px;
 color:#fff;
 text-transform:uppercase;
 background:#5baca3 url(/images/watchallnews.png) right no-repeat;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
} 

замените выделенное на - #00ADA3

Comments

цвет фона надписи точно такой же, как цвет картинки в оригинале. Но через браузер у них огромная разница. Как я понимаю, не должно быть видно перехода между картинкой и фоном надписи. В случае с зеленым цветом на http://the-kazan.com этой разницы нет, а с моим цветом почему-то есть

---

Кирилл Карабаза,

я вам привел пример, заливка должна быть другого оттенка, у вас она тусклого цвета и соответственно и отображается так же

---

Yuri_Geruk,

Но ведь она такого же цвета, как и картинка. Почему между ними такая разница?

Проверил, оригинальная картинка цветом 448981, загруженная - 008a82. Например. И так со всеми картинками. Цвет фона именно такой как нужно

---

Кирилл Карабаза,

У вас фото на прозрачном фоне которое заливается с помощью CSS поймите наконец, вам нужно смотреть всю таблицу стилей и перестраивать некоторые элементы(цвета), под нужные цвета вот и все.

---

Yuri_Geruk,

И еще одно "но" - когда изменяю цвета так, чтобы с компьютера они выглядели одинаковыми, с телефона захожу (полная версия сайта, у меня отключена мобильная) и на телефоне в этом случае цвета разные((

---

Кирилл Карабаза,

серьезных изменений с вашей стороны не вижу, кроме одной кнопки, а так все идентично отображается как с компьютера так и смартфона

---

Yuri_Geruk,

Я пока изменяю только одну кнопку, остальные как раз с телефона выглядят так, как надо. А та, которая с компьютера смотрится нормально, с телефона выглядит неправильно

---

Кирилл Карабаза,

с телефона попробуйте очистить кеш в вашем мобильном браузере, возможно на нем именно закешированные данные, я проверял с мобильного, у меня все идентично как и ан компьютере как я и говорил выше