ユーザーから、PNGはiPhone上でひどくぼやけるという声があったため、PNGの代わりにSVGを使おうと考えました。SVGとベクター画像は同じ原理で、どのようなデバイス上でも非常に鮮明な状態を保つことができます。Flarum Beta 8のソースコードを確認したところ、SVGに対応しているようですが、Beta 7ではどのようにSVGを使用するのでしょうか?以下をご覧ください。

チュートリアル

logo.svgをサーバーの/assets内にアップロードし、データベースのsettings - logo_pathlogo.svgに変更します。

次に、forum.blade.phpadmin.blade.phpファイルを変更します。CV版では\vendor\flarum\core\views\frontend\に、旧バージョンまたはその他のバージョンでは\vendor\flarum\core\views\にあります。

次の部分を

<img src="{{ $logo }}" alt="{{ $title }}" class="Header-logo">

次のように変更します。

<img width="146" height="34" src="{{ $logo }}" alt="{{ $title }}" class="Header-logo">

幅と高さは必要に応じて自由に変更できます。

サンプル画像