CSS擬似要素の画像の高さの変更：それは可能ですか？デフォルトでは、画像のサイズ変更はCSSで直接サポートされていません。バックグラウンドサイズを調整：

のために：擬似要素の後、バックグラウンドサイズのプロパティを調整します。ただし、幅と高さのプロパティを使用して画像を含むブロック要素の幅と高さを指定してください。 背景イメージ：url（ '/images/pdf.png'）; バックグラウンドサイズ：10px 20px; ディスプレイ：インラインブロック。 幅：10px; 高さ：20px; コンテンツ：""; }

この方法を使用する場合のブラウザの互換性に注意してください。詳細については、MDNの包括的な互換性テーブルを参照してください。ソース画像の変更：

.pdflink:after {
    background-image: url('/images/pdf.png');
    background-size: 10px 20px;
    display: inline-block;
    width: 10px; 
    height: 20px;
    content:"";
}

より簡単なアプローチについては、CSS擬似エレメントと一緒にインラインタグを組み込みます。このアプローチでは、画像が指定されたサイズでレンダリングされることを保証しますが、マークアップを最小化するという最初の目標から逸脱します。