Можно ли изменить высоту изображения в псевдоэлементах CSS :before/:after?

Предположим, я хочу украсить ссылки на определенные типы файлов с помощью изображения. Я могу объявить свои ссылки как

<a href='foo.pdf' class='pdflink'>A File!</a>

затем иметь CSS типа

.pdflink:after { content: url('/images/pdf.png') }

Теперь это работает отлично, за исключением случая, когда pdf.png не подходит по размеру к тексту моей ссылки.

Я хотел бы иметь возможность указать браузеру, чтобы он масштабировал изображение :after, но я не могу найти правильный синтаксис. Или это похоже на фоновые изображения, где изменение размера просто невозможно?

ETA: Я склоняюсь к тому, чтобы либо а) изменить размер исходного изображения до "правильного" размера на стороне сервера и/или б) изменить разметку, чтобы просто поставить тег IMG в строку. Я пытался избежать обеих этих вещей, но, похоже, они будут более совместимы, чем попытки сделать что-то чисто с помощью CSS. Ответ на мой первоначальный вопрос, похоже, звучит так: "Вы можете вроде как сделать это, иногда".