Значок выглядит очень прозрачным при загрузке в Интернет-магазин Chrome [закрыто]

В настоящее время я разрабатываю расширение Chrome и пытаюсь загрузить свой значок на панель инструментов разработчика Chrome. Однако, когда я загружаю свою иконку, закрашенная часть выглядит очень прозрачной. Вот как это выглядит после загрузки:

Значок, который я вижу после загрузки изображения

Когда я щелкаю правой кнопкой мыши и сохраняю изображение, это то, что я получаю:

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

Ниже приведено исходное изображение, которое я пытаюсь загрузить. На моем компьютере он выглядит нормально, поэтому я не уверен, почему он меняет прозрачность при загрузке.

Изображение, которое я вижу на своем компьютере

Для Chrome требуется png 128x128, а 16 пикселей с каждой стороны значка должны быть прозрачными (поэтому значок выглядит так, как будто он только 96x96). Вот ссылка на эти рекомендации. Я считаю, что правильно следую этим рекомендациям, так что, вероятно, это не проблема.

Я предполагаю, что делаю что-то не так со значениями прозрачности, но точно не уверен. У кого-нибудь есть идеи? Я создал эту иконку с помощью LunaPic .

Несмотря на то, что это может быть «проблема» рендеринга панели разработчика, и оно может быть правильно отображено в Chrome Store, я заметил, что ваше изображение представляет собой проиндексированный PNG, который может вызвать некоторые проблемы (хотя Google ничего не говорит в свои рекомендации по этому поводу). Вы пытались загрузить версию RGB один?
Привет! Итак, я смог решить проблему (см. Мой ответ ниже), но я не уверен, в чем была основная причина. Я предполагаю, что вы правы в том, что он плохо отображается, потому что это был проиндексированный PNG. Если у вас будет возможность, можете ли вы подтвердить, что изображение в моем ответе является истинным изображением RGB? Я не уверен, как это проверить с помощью Paint.NET.

Ответы (1)

Я смог исправить свою картинку, используя Paint.NET вместо LunaPic. Я просто обрезал свой передний план и поместил его на другой слой, который был полностью непрозрачным. Затем сохранил в формате PNG, теперь он отлично отображается в Интернете!

Посмотреть в Интернет-магазине Chrome

Вот иконка сейчас:

Значок после экспорта из Paint.NET

Я не уверен, в чем была основная проблема, но я предполагаю, что LunaPic сохраняет прозрачность в другом формате. @Mattia Galati также упомянул, что мое исходное изображение было проиндексировано, так что это может быть оно.

Как вы просили, я проверил новое изображение и могу сказать, что это 32-битный, неиндексированный PNG. Вы можете проверить себя, установив Gimp или Irfanview и проверив свойства изображения.
Значок выглядит очень прозрачным при загрузке в Интернет-магазин Chrome [закрыто]
СпросиСетьПолитика конфиденциальности1y, 0v