Данный вопрос уже рассматривался в этом посте. Надеюсь увидеть в комментариях подробное описание, как с помощью html вставить в виджеты png картинки.

 Небольшое пояснение. При загрузке изображения png в блоки или в пост, изображения большего размера по ширине установленной системы, автоматически преобразуются в формат jpeg, естественно теряя при этом свою прозрачность.

Чтобы этого не произошло, надо соблюдать простые правила. Ширина изображения png не должна превышать определённый системой размер.

Для виджетов и поста — ширина должна быть не более 600px

Для боковых виджетов желательно загружать изображения не более 270px.

Иконки для рубрик — не более 35px

При загрузке анимированных аватарок, тоже следует соблюдать размер. Потому что аватарка больше установленного размера, автоматически преобразовывается из индексированного в режим RGB и начинается «дёргаться».

Чтобы этого избежать, ширина аватарки должна быть не более 90px

Для тех, кто использует анимацию в качестве иконок в рубриках, размер, как и в png, должен быть не более 35px.

Если у вас есть навыки работы с фоторедакторами, то вы запросто уменьшите изображение, до нужного вам размера. Либо ищите подходящий размер в сети, используя в поиске параметр — размер изображения.

Надеюсь данный пост был вам полезен. Удачи в оформлении блога.