SSL化をしたときに内部の画像のみ表示されない

前提・実現したいこと

ホームページをSSL化するのにCloudflareの無料SSLを使って公開したい。

発生している問題・エラーメッセージ

内部(ローカル)に保存した画像が表示されない。

該当のソースコード

php
1$url = empty($_SERVER["HTTPS"]) ? "http://" : "https://";
2$url .= $_SERVER["HTTP_HOST"];
3$conf = [
4    "url" => $url
5];
6
7<img src="<?php echo $conf["url"]; ?>/assets/img/web/logo.png" />
8# 表示されない
9<img src="<?php echo $_SERVER['DOCUMENT_ROOT']; ?>/assets/img/web/logo.png" />
10# 表示されない
11<img src="https://i.gyazo.com/032b17ab7a102b35553a0342887a752c.png" />
12# 表示された

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}.php -f
RewriteRule ^(.*)$ $1.php
RewriteCond %{THE_REQUEST} ^.*/index(.html|.php|.cgi|)
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)index(.html|.php|.cgi|)$ https://www.mlserver.xyz/$1 [R=301,L]
RewriteCond %{THE_REQUEST} ^.*/index(.html|.php|.cgi|)
RewriteCond %{SERVER_PORT} 443
RewriteRule ^(.*)index(.html|.php|.cgi|)$ https://www.mlserver.xyz/$1 [R=301,L]
RewriteCond %{HTTP_HOST} ^(mlserver.xyz)(:80)? [NC]
RewriteRule ^(.*) https://www.mlserver.xyz/$1 [R=301,L]
</IfModule>
# END WordPress

#####wpsecurity#####
SetEnvIf Request_URI ".*" AllowCountry
#####end:wpsecurity#####

#####wpsecurity_restapi#####
SetEnvIf Request_URI ".*" AllowRestApi
#####end:wpsecurity_restapi#####

#####wpsecurity_xmlrpc#####
SetEnvIf Request_URI ".*" AllowXmlrpc
#####end:wpsecurity_xmlrpc#####

#####wpsecurity_login#####
SetEnvIf Request_URI ".*" WpLoginNoLimit
#####end:wpsecurity_login#####

#####wpcomment_nolimit#####
SetEnvIf Request_URI ".*" WpCommentNoLimit
#####end:wpcomment_nolimit#####

ErrorDocument 403 /error/403
ErrorDocument 404 /error/404
ErrorDocument 500 /error/500
ErrorDocument 503 /error/503
ErrorDocument 510 /error/510

# JST (日本標準時) で設定
SetEnv TZ JST-9

# デフォルトの文字コードを utf-8 に設定する
AddDefaultCharset utf-8