このページをあとで読むところで、SVGファイルを使ってアイコン画像を表示させようと思いました。このブログはエックスサーバーで動いているんですが、デフォルトではSVGファイルがうまく表示されないんですね。MIME設定が必要とのこと。似たようなことで困っている方がいらっしゃいましたら、ご参考ください。サーバーで設定するエックスサーバーを例にします。サーバーパネルにアクセスしてログインします。ログイン後「MIME設定」をクリックして「MIME設定の追加」をクリックします。下の画像が表示されます。入力欄に以下の「MIMEタイプ」「拡張子」をそれぞれ入力します。ここでポイントなのは「svg」[svgz]拡張子を追加することです。svgzはsvgファイルを圧縮させたものなので、有効になるように追加しているっていう具合です。.svgzというわけで、追加後に一覧をクリックすると、以下のようになっていると思います。ちなみに私のサイトでは、feedlyのアイコンをsvgで表示させています。(もしよろしければ・・・勢いでfeedlyでブログを購読いただけますと嬉しいです。)やっぱりベクターデータはキレイですね。拡大・縮小しても画像描写の劣化がなく、いい感じです。ブラウザ上で画像を拡大・縮小しても劣化がなくていい感じMIME設定したのに表示されない!という場合はページのキャッシュが効いている可能性があります。WindowsでChromeブラウザを使っている場合「Shift+F5」キーなどでスーパーリロードしましょう。まとめというわけで「SVGファイルが表示されない!」という場合は、サーバーに適切なMIMEタイプの設定がされているかどうか確認されるといいですね。今回はエックスサーバーを例にしましたが、他のレンタルサーバーなどでもやることはだいたい同じです。SVGファイルがうまく表示されない場合は、MIMEタイプを確認しましょう~。うまく表示されない場合は、サーバーの設定を確認してみる」が大変参考になります。今回ご紹介したエックスサーバーの設定方法に関しては「カメぞうのメモ書き」さんのこちらの記事を参考にしました。Graphicsをご参考ください。2016年から株式会社AnimaGateの代表をやっています。ついての話題を中心にこのブログを書いています。ブログの更新情報はFacebook,RSS,Feedly,メールマガジンで配信しています。ウェブサイト制作などのご相談・ご依頼はお問い合わせページよりお寄せください。ブロックエディターの基本的な使い方、イベントでの登壇&参加した感想などを動画で随時公開しています。始めたばかりですが、ぜひご覧いただけますと幸いです。テーマの販売を開始しました。コードを書かずに「コンテンツ作成」に集中できる、見た目のかっこよさにもこだわったテーマです。NishikiWordPressはブログだけではなく、様々なジャンルのウェブサイトに使うことができます。公式サイトで無料配布中です。パソコン操作が苦手な方、ウェブに関する知識・経験が少ない方でも、直感的に操作してウェブサイトを作ることができます。使用して「コードを全く書かずに運営してみよう」ということで「コード書かない縛り」で好きなゲームを題材にしたウェブサイト「ゲームスパイダー」を作りました。ウェブサイトをみる「月額制+チケット制」でサポートする会員制サービスがオープンしました。WordPressテーマやプラグインなど、作ったものをサポートをするための会員制ウェブサイト「サポトピア」を公開しました。使い方がわからない場合は、ぜひ活用してください。質問も受け付けています。トップページ最近の投稿が物足りない方は最新記事の隣にアイキャッチ(サムネイル)をつけられるWordPressプラグインをWordPress.orgで無料で配布中です。画像は人の目につきやすいですね。導入方法は、専用ページをご参考ください。プラグイン専用ページ※バージョン1.3.1より、PHP5.3以上で動作するように変更しました。動かない!という方は専用ページで解決方法をご案内しています。目次コメントこのページについてコメントする返信をキャンセルする。コメントをキャンセルメールアドレスが公開されることはありません。processed.お名前,メールアドレスが仮のものですとコメントが反映されない場合があります検索ワード入力IndexWeb全般Web制作/Webサービス/効率化などに関するページです。日常生活でおもしろい、おいしいなど感じたことを書いているページです。活動報告Web制作実績/自作サービスの紹介に関するページです。ソーシャルメディアTwitter/Facebook/Google+などに関するページです。サーバー構築このブログを始めるきっかけになったサーバー構築に関するページです。行ってきた美術館に関するページです。TシャツかっこいいTシャツはデザインの参考になります。昔集めていたTシャツに関するページです。地元富山や現在住んでいる東京都北区周辺の地域情報に関するページです。今村だけがよくわかるブログお問い合わせ。