Цвета SVG отображаются по-разному в FF / Chrome и Safari

#google-chrome #firefox #svg #safari

#google-chrome #firefox #svg #safari

Вопрос:

У меня есть несколько SVG, которые я экспортировал из Sketch, и они отлично смотрятся в папке. Но как только я поместил его в Firefox / Chrome, цвет изображения, встроенного в SVG, внезапно становится светлее. На всякий случай я попытался открыть те же файлы в Safari, и цвета отображаются идеально. Кто-нибудь знает, что вызывает такие расхождения? Включая ссылку на код SVG и скриншоты SVG в Safari и Firefox соответственно.

Заранее всем спасибо.

SVG-изображение в Safari

введите описание изображения здесь

Комментарии:

1. SVG выглядит как второе изображение для меня в Firefox (и Chrome) на Win7. Я подозреваю, что это может быть связано с таблицами цветовой карты в формате PNG. Возможно, Mac FF их не использует?

2. Я только что открыл изображение на Win7 (virtualbox) с помощью FF / Chrome / IE10, и все они выглядят как второе изображение. Значение Safari — единственное, которое правильно отображает цвета? Трудно поверить.

3. Я в замешательстве. В своем вопросе вы указываете, что Safari является вторым изображением.

4. Моя ошибка — Safari — это тот, который отображает цвет правильно, а другие делают цвета светлее. Внес исправление.

5. С PNG что-то происходит. Я загрузил его в Photoshop и повторно сохранил, и теперь он «работает» в Chrome и FF. Попробуйте это.