2

Вставляю логотип в блок на сайте, как фон. В Safari (у меня mac) смотрится отлично. В хроме - тень с какими-то белыми штуками, да и качество вообще страдает. PNG-24 цветовая палитра.

Вот в Safari

alt text alt text

А вот в Chrome (если приглядеться, видно, что на белом фоне тень (серая) не очень четкая)

alt text alt text

Что это такое? Как от этого избавиться? Что я сделал не так?

Спасибо за ответы.

11
  • 1
    можно ль ссылку онлайн посмотреть? Mac, Safari и Chrome имеются.
    – Sergiks
    Commented 25 февр. 2014 в 19:02
  • @sergiks flaticus.meximas.com/test Только залил Прокрутите страницу чтобы увидеть лого на белом фоне Commented 25 февр. 2014 в 19:08
  • @sergiks Ну что?)) Commented 25 февр. 2014 в 19:25
  • 1
    Сижу я со смарта, на вопрос ваш смотрю: сравниваю картинки, которые вы скинули - две капли воды! Картинки чёткие.
    – NekoCoder
    Commented 25 февр. 2014 в 19:42
  • 1
    @sergiks кстати вообще как логотип?))) и идея?)) Commented 25 февр. 2014 в 19:53

1 ответ 1

2

Если используете Retina display, попробуйте воспользоваться следующими стилями, преждевременно увеличив размер png ровно в два раза:

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .icon {
        background-image: url([email protected]);
        background-size: 200px 100px;
        background-repeat: no-repeat;
    }
}

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.